:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#f4f0df;--muted:#aaa99f;--panel:rgba(25,29,36,.94);--line:#3d434e;--yellow:#f4c84b;--red:#e75a4f;--blue:#5ba7e7;--purple:#a979dc;--neutral:#9ca1a8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#171a20;overscroll-behavior:none;touch-action:none}body{min-height:100dvh}.escapee-game-stage{position:relative;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 45%,#282e38 0,#191d24 62%,#111318 100%)}canvas{display:block;width:100%;height:100%;touch-action:none}.panel{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,560px);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:28px;border:1px solid #434a56;border-radius:22px;background:var(--panel);box-shadow:0 22px 80px rgba(0,0,0,.48);backdrop-filter:blur(18px)}.menu-panel{text-align:center}.eyebrow{margin:0 0 8px;color:var(--yellow);font-size:.72rem;font-weight:800;letter-spacing:.18em}.menu-panel h1,.result-panel h2{margin:0;color:var(--ink);font-size:clamp(2.3rem,8vw,4.8rem);letter-spacing:.04em;line-height:.95}.result-panel h2{font-size:clamp(2rem,7vw,3.8rem)}.lede{max-width:430px;margin:18px auto 22px;color:#c6c5bc;line-height:1.5}.stage-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 12px}.stage-tabs button,.level-grid button,.result-actions button,.primary-button{min-height:48px;border:1px solid #4a515e;border-radius:12px;background:#232832;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.stage-tabs button.active{border-color:var(--yellow);background:#3a3420;color:#ffe58f}.stage-tabs button:disabled,.level-grid button:disabled{opacity:.3}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.level-grid button{position:relative;aspect-ratio:1;min-height:48px;font-size:1.05rem}.level-grid button.selected{outline:2px solid var(--yellow);outline-offset:2px}.level-grid .seals{position:absolute;left:0;right:0;bottom:5px;color:var(--yellow);font-size:.55rem;letter-spacing:-.05em}.primary-button{width:100%;padding:0 18px;border-color:#8c752a;background:linear-gradient(#f2cf58,#dba927);color:#221d0f;box-shadow:0 6px 24px rgba(244,200,75,.18)}.hud{position:absolute;z-index:3;top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));right:calc(70px + env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none;color:var(--ink);text-shadow:0 2px 8px #000}.hud>div{display:flex;flex-direction:column}.hud span{font-size:1.05rem;font-weight:850}.hud small{color:#b8b8b0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.hud-time{text-align:right}.hint{position:absolute;z-index:4;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(88vw,560px);padding:10px 16px;border:1px solid #4d535f;border-radius:999px;background:rgba(18,21,27,.9);color:#f0eee4;font-size:.84rem;text-align:center;pointer-events:none}.result-panel{text-align:center}.result-panel p{color:#c6c5bc}.result-seals{min-height:46px;margin:14px 0;color:var(--yellow);font-size:2.2rem;letter-spacing:.12em}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions .primary-button{grid-column:span 2}.hidden{display:none!important}@media(max-width:520px){.panel{padding:22px 16px;border-radius:18px}.stage-tabs{grid-template-columns:repeat(3,1fr)}.level-grid{grid-template-columns:repeat(5,1fr);gap:6px}.menu-panel h1{font-size:2.65rem}.lede{font-size:.9rem;margin:14px auto 18px}}@media(orientation:landscape) and (max-height:540px){.panel{width:min(88vw,720px);padding:16px 20px}.menu-panel{display:grid;grid-template-columns:1fr 1.35fr;gap:10px 24px;text-align:left}.menu-panel .eyebrow,.menu-panel h1,.menu-panel .lede{grid-column:1}.stage-tabs,.level-grid,.menu-panel .primary-button{grid-column:2}.stage-tabs{grid-row:1}.level-grid{grid-row:2/span 2;margin:0}.menu-panel .primary-button{grid-row:4}.menu-panel h1{font-size:2.6rem}.menu-panel .lede{margin:6px 0}.level-grid button{aspect-ratio:auto;min-height:42px}.hint{bottom:8px}.hud{top:8px}}
