:root{color-scheme:dark;--cream:#fff0d5;--ink:#211d39;--mint:#43d6d2;--coral:#ff806f;--gold:#f5c45d;--purple:#b698ec;font:14px Verdana,sans-serif;color:var(--cream);background:var(--ink)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:700 13px Verdana,sans-serif;min-height:44px;min-width:44px;padding:10px 14px;border:1px solid #be986d;border-radius:13px;background:linear-gradient(#fff7e5,#ead0a7);color:#392b3d;cursor:pointer;box-shadow:inset 0 1px #fff9ec,0 2px 0 #735844}button:active{transform:translateY(1px)}button:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}button:disabled{opacity:.45;cursor:default}.console{position:relative;width:100%;height:100dvh;overflow:hidden}.stage{position:absolute;inset:0}#game{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.hud{position:absolute;z-index:2;top:calc(env(safe-area-inset-top) + 8px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px;justify-content:center;align-items:start;pointer-events:none}.stat{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 12px;border:1px solid #bba67c88;border-radius:14px;background:#202039d9;box-shadow:0 3px 14px #0a152540;backdrop-filter:blur(8px)}.stat span{font-size:10px;color:#eee1cd}.stat strong{font-size:23px;color:#ffdb84;font-variant-numeric:tabular-nums}.icon-button{width:44px;height:44px;padding:5px;font-size:22px;flex:none}.hud .icon-button{pointer-events:auto;background:#28273de8;color:#fff0d5;border-color:#ad987b;box-shadow:inset 0 1px #d4b78850}.world-status{position:absolute;z-index:1;top:calc(env(safe-area-inset-top) + 55px);left:12px;right:12px;margin:0;text-align:center;font-size:10px;line-height:15px;color:#fff2dc;text-shadow:0 1px 4px #080c22,0 0 7px #080c22;pointer-events:none}.bottom-hint{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 5px);left:12px;right:12px;text-align:center;pointer-events:none}.bottom-hint p{font-size:10px;line-height:1.4;margin:2px auto;max-width:430px;text-shadow:0 1px 3px #111126,0 0 6px #111126;color:#fff3e1}#helpLegend{color:#fff0ae;font-size:9px}.notice{position:absolute;z-index:6;left:10%;right:10%;top:44%;padding:12px;background:#fff0d5ed;color:#322b40;border-radius:12px;text-align:center;font-size:12px}.warning{top:auto;bottom:70px}.cancel{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom) + 6px);transform:translateX(-50%);background:#693c50ed;color:#fff0d5;border-color:#dfada7}.cancel:active{transform:translateX(-50%) translateY(1px)}#toast{position:absolute;top:48%;left:8%;right:8%;z-index:2;text-align:center;font-weight:700;font-size:16px;text-shadow:0 2px 5px #111326,0 0 12px #111326;pointer-events:none}.result{position:absolute;z-index:4;top:25%;left:50%;transform:translateX(-50%);width:min(340px,86vw);border:2px solid #be986d;border-radius:24px;padding:22px 20px;text-align:center;background:#fff0d5f7;color:#322b40;box-shadow:0 18px 60px #13132b99}.result h2{font:700 28px 'Trebuchet MS',sans-serif;margin:8px 0 14px}.result p{font-size:12px;line-height:1.7}.result button{display:block;width:100%;margin-top:10px}.primary{background:linear-gradient(#9be7d7,#64bcb0);border-color:#498e81}.result #resultEyebrow{color:#866438;font-size:11px}dialog{color-scheme:light;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 36px);overflow:auto;border:2px solid #ba9b73;border-radius:24px;background:#fff0d5;color:#322b40;padding:18px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#13122b99;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{font:700 24px 'Trebuchet MS',sans-serif;margin:9px 0 14px}.dialog-head .icon-button{background:transparent;box-shadow:none}#menuBody>button{display:block;width:100%;margin:9px 0;text-align:left}#menuBody p{font-size:12px;line-height:1.6}.level-option span,.route-stop span{display:block;font-size:11px;font-weight:400;margin-top:6px}.level-option.active{background:#bfe6d6}.route-stop{border-left:5px solid #59afa2}.setting{display:flex;justify-content:space-between;align-items:center;min-height:50px;gap:16px;border-top:1px solid #cbb896;font-size:12px}.setting input{width:22px;height:22px;accent-color:#257d79}.laundry-key{display:flex;justify-content:space-between;gap:6px;margin:14px 0}.laundry-key figure{margin:0;text-align:center}.laundry-key canvas{display:block;width:42px;height:42px;margin:auto;border-radius:50%;background:#25243a}.laundry-key figcaption{font-size:9px;margin-top:5px}.pause-meta{border-bottom:1px solid #cbb896;padding-bottom:12px}[hidden]{display:none!important}@media(min-width:700px){.hud{gap:12px}.stat{min-width:125px;justify-content:space-between}.world-status{font-size:11px}.bottom-hint p{font-size:11px}}@media(max-height:450px){.world-status{display:none}.hud{justify-content:space-between}.stat{min-height:36px}.bottom-hint{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
body[data-portrait="true"] .world-status{display:none}
body[data-portrait="true"] .bottom-hint{bottom:calc(env(safe-area-inset-bottom) + 100px)}
body[data-portrait="true"] .bottom-hint #hint{display:none}
body[data-portrait="true"][data-lesson="true"] .bottom-hint #hint{display:block}
body[data-portrait="true"] .cancel{bottom:calc(env(safe-area-inset-bottom) + 4px);font-size:12px;min-height:36px}