*{box-sizing:border-box}body{margin:0;color:var(--tu-ink);font-family:var(--tu-font-body);background:#bdeafa}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px dashed #193c68;outline-offset:5px}[hidden]{display:none!important}#launcher{min-height:100vh;padding:24px max(24px,calc((100vw - 1130px)/2));background:url('/assets/backgrounds/town-launcher.webp') center bottom/cover fixed}header{display:flex;justify-content:space-between;align-items:center}header>img{width:205px}.welcome-grid{display:grid;grid-template-columns:1fr 460px;gap:65px;align-items:center;margin:54px 0}.wordmark{width:100%;max-width:490px}h1{font-size:clamp(36px,4vw,56px);line-height:1.06;margin:25px 0}h2{font-size:28px;margin:6px 0 12px}p{line-height:1.55}.intro>p{font-size:19px}.tags{display:flex;gap:8px}.account-panel{padding:30px}.tu-label{margin:18px 0 8px}.tu-button{width:100%;margin:15px 0 8px}.text-button{border:0;background:none;color:var(--tu-ink);text-decoration:underline;min-height:48px;padding:10px}.account-panel .text-button{width:100%}#auth-error{color:#a52b22}.download-note{border-top:1px solid #dcc69b;padding-top:18px;margin-top:22px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-row article{padding:20px}.feature-row h3{font-size:17px;margin:0}.feature-row p{font-size:14px;margin-bottom:0}footer{text-align:center;font-size:13px;padding:32px 0}dialog{color:var(--tu-ink);max-width:480px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#071a35ba}dialog label{display:block;margin:20px 0}pre{font:11px monospace;max-height:180px;overflow:auto;white-space:pre-wrap}#loading{position:fixed;inset:0;background:#193c68;display:grid;place-items:center}.loading-art{position:relative;width:min(100vw,177.68vh)}.loading-art>img{width:100%;display:block}.loading-progress{position:absolute;bottom:0;left:0;right:0;min-height:25%;text-align:center;padding:12px;background:linear-gradient(#fff8e6,#efdcb0);border-top:4px solid #193c68}.loading-progress h2{font-size:clamp(16px,2vw,28px);margin:0 0 8px}.loading-progress p{margin:6px}progress{width:min(80%,600px);height:24px;accent-color:#6fca47}#game{position:fixed;inset:0;background:#102945;display:grid;place-items:center;overflow:hidden;overscroll-behavior:none}#canvas{display:block;width:min(100vw,133.333dvh);height:min(100dvh,75vw);outline:none;touch-action:none;cursor:url('toonmono.cur'),auto}#game-menu{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:48px;z-index:3;opacity:.85}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none;touch-action:none;user-select:none}body.touch #touch-controls{display:block}body.touch #canvas{width:min(calc(100vw - 240px),133.333dvh);height:min(100dvh,calc((100vw - 240px)*.75))}#joystick{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:128px;height:128px;pointer-events:auto;touch-action:none}#joystick img{position:absolute;width:100%;height:100%;pointer-events:none}#joystick img:last-child{width:54%;height:54%;left:23%;top:23%}.touch-action{width:72px;height:88px;border:0;background:none;padding:0;touch-action:none;pointer-events:auto;color:white;text-shadow:0 1px 3px #000;font-size:12px;font-weight:bold}.touch-action img{width:72px;height:72px;pointer-events:none}.touch-action:active{transform:translateY(3px)}#touch-actions{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}#recenter{position:absolute;right:8px;top:20%;width:56px;height:56px}#recenter img{width:56px;height:56px}#dpad{position:absolute;left:8px;bottom:12px;width:168px;display:grid;grid-template-columns:repeat(3,56px);pointer-events:auto;gap:0}#dpad button{border:0;padding:0;background:none;touch-action:none;width:56px;height:56px}#dpad img{width:100%;pointer-events:none}#dpad button:first-child{grid-column:2}#dpad button:nth-child(2){grid-column:1}#rotate-hint{display:none;position:absolute;bottom:0;font-size:12px;color:white;max-width:70%;text-align:center}body.left-handed #joystick,body.left-handed #dpad{left:auto;right:8px}body.left-handed #touch-actions{right:auto;left:8px}body.left-handed #recenter{right:auto;left:8px}@media(max-width:800px){#launcher{padding:20px;background-attachment:scroll}.welcome-grid{grid-template-columns:1fr;gap:30px;margin:36px 0 24px}.intro{text-align:center}.wordmark{max-width:370px}.tags{justify-content:center}.account-panel{max-width:480px;width:100%;margin:auto}.feature-row{grid-template-columns:1fr}h1{font-size:38px}.intro>p{font-size:17px}}@media(orientation:portrait){body.touch #canvas{width:100vw;height:75vw}body.touch #rotate-hint{display:block}#touch-actions{flex-direction:row;bottom:55px}#joystick,#dpad{bottom:55px}#recenter{top:auto;bottom:155px}.loading-progress{position:relative;min-height:170px}.loading-art>img{clip-path:inset(0 0 25%);margin-bottom:-14%}}@media(max-height:430px) and (orientation:landscape){#joystick{width:116px;height:116px}.touch-action{width:64px;height:76px}.touch-action img{width:64px;height:64px}#touch-actions{gap:4px;bottom:8px}#recenter{top:12px;right:8px}} 
#canvas{width:min(100vw,133.333dvh)!important;height:min(100dvh,75vw)!important}body.touch #canvas{width:min(calc(100vw - 300px),133.333dvh)!important;height:min(100dvh,calc((100vw - 300px)*.75))!important}@media(orientation:portrait){body.touch #canvas{width:100vw!important;height:75vw!important}}
#game-text{position:absolute;bottom:env(safe-area-inset-bottom);left:10%;right:10%;padding:8px;background:#fff8e6;z-index:5;display:flex;align-items:center;gap:8px}#game-text label{font-size:12px}#game-text input{font-size:16px;width:100%;min-height:48px}#game-text .tu-button{width:auto;margin:0;font-size:14px;white-space:nowrap}
#dpad{width:144px;grid-template-columns:repeat(3,48px)}#dpad button{width:48px;height:48px}

#game-fullscreen{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(62px,calc(env(safe-area-inset-left) + 62px));width:92px;min-height:48px;padding:8px 5px;margin:0;font-size:12px;z-index:3}.loading-fullscreen{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));width:auto;z-index:4;font-size:14px;min-height:48px;padding:8px 14px}#startup-recovery{padding:12px;border:2px solid #193c68;border-radius:12px;background:#fff0b5}#fullscreen-help{max-width:480px}#fullscreen-help p{line-height:1.5}


#game-menu{left:calc(50% - 80px)}#game-fullscreen{left:calc(50% - 18px)}@media(orientation:landscape){body.touch #game-menu{left:max(8px,env(safe-area-inset-left))}body.touch #game-fullscreen{left:max(62px,calc(env(safe-area-inset-left) + 62px))}}