.stairs-wrap{max-width:720px;margin:auto;aspect-ratio:1;background:#09111c}.stairs-wrap canvas{object-fit:contain}.stairs-hud{position:absolute;inset:16px 16px auto;display:flex;justify-content:space-between;pointer-events:none}.stairs-hud span{padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(4,9,16,.76);font-weight:900}.time-track{position:absolute;left:16px;right:16px;top:62px;height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.15)}.time-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ed6a5a,#f0b95b,#67d79d);transform-origin:left}.stairs-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px;margin:14px auto}.stairs-controls button{min-height:76px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:linear-gradient(145deg,var(--panel2),var(--panel));font-weight:900;cursor:pointer;touch-action:manipulation}.stairs-controls strong{display:block;color:var(--gold2);font-size:2rem;line-height:1}.stairs-controls span{font-size:.78rem}.stairs-wrap:fullscreen{width:100vw;height:100vh;max-width:none}.stairs-wrap:fullscreen canvas{width:100%;height:100%}@media(max-width:720px){.stairs-wrap{aspect-ratio:1/1.2}.stairs-controls button{min-height:68px}}