*{box-sizing:border-box}html,body{margin:0;min-width:0;width:100%;height:100%;overflow:hidden}body{background:#111d29;color:#f4f2e8;font-family:system-ui,-apple-system,sans-serif}.game-page,#game{position:relative;width:100%;height:100%;min-height:320px}#game{overflow:hidden;background:linear-gradient(#111d29,#395568)}#game canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#c6d5d7;font-size:.9rem}.game-header{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:clamp(15px,2.5vw,32px);pointer-events:none}.game-header>*{pointer-events:auto}.return-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #c3d1d477;background:#12232caa;backdrop-filter:blur(8px);border-radius:3px;color:#f4f2e8;text-decoration:none;font-size:.78rem;letter-spacing:.04em}.return-link:hover{background:#263f47e8}.page-name{text-align:right;text-shadow:0 2px 10px #101922}.page-name span{font-size:.6rem;letter-spacing:.22em;color:#d5ded8}.page-name h1{font-size:clamp(1.2rem,3vw,2rem);font-weight:500;letter-spacing:-.04em;margin:3px 0}.keyboard-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;color:#f0f1e4;background:#15262c9c;padding:8px 13px;font-size:.75rem;letter-spacing:.04em}.keyboard-hint span{margin:0 .5em}.touch-controls{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:16px;right:16px;display:none;justify-content:space-between;gap:18px;pointer-events:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:62px;height:62px;border-radius:14px;border:1px solid #d9e4dc8c;background:#182f3cbb;color:#f5f4e9;font:600 1.3rem system-ui;backdrop-filter:blur(7px)}.touch-controls button[data-control=jump]{width:82px;font-size:.72rem;letter-spacing:.1em}.touch-controls button:active{background:#52766dce}.return-link:focus-visible,.touch-controls button:focus-visible{outline:3px solid #f8d38b;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:absolute;top:45%;left:5%;right:5%;text-align:center}@media(pointer:coarse),(max-width:700px){.touch-controls{display:flex}.keyboard-hint{display:none}}@media(max-width:400px){.game-header{padding:10px}.return-link{max-width:48%;font-size:.7rem;line-height:1.25}.page-name span{font-size:.48rem;letter-spacing:.12em}.page-name h1{font-size:1.15rem}.touch-controls{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.touch-controls button{width:56px;height:56px}.touch-controls button[data-control=jump]{width:72px}}

#cell-progress{position:absolute;top:96px;left:50%;transform:translateX(-50%) translateY(-7px);padding:5px 13px;border:1px solid #a5d5c580;background:#152c35c9;color:#ddf5eb;font-size:.8rem;letter-spacing:.2em;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none}
#cell-progress.visible{opacity:1;transform:translateX(-50%) translateY(0)}
#cell-progress[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#cell-progress{transition:none}}
#pet-prompt{position:absolute;left:50%;bottom:95px;transform:translateX(-50%);padding:7px 11px;border:1px solid #b6d6bd88;background:#182f34d9;color:#e9f1df;font-size:.72rem;letter-spacing:.14em;pointer-events:none;white-space:nowrap}
#pet-prompt[hidden],#pet-button[hidden]{display:none}
.touch-controls .action-controls{display:flex;gap:10px}
.touch-controls button#pet-button{width:66px;font-size:.72rem;letter-spacing:.08em}
@media(pointer:coarse),(max-width:700px){#pet-prompt:not([data-mode=boarding]){display:none}}
@media(max-width:400px){.touch-controls button#pet-button{width:58px}}