:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#090909;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;background:#090909;min-height:100dvh;overflow:hidden}button,canvas{-webkit-tap-highlight-color:transparent}.game-shell{background:#090909;width:100vw;height:100dvh;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.viewport canvas:active{cursor:grabbing}.hud{top:max(1rem, env(safe-area-inset-top));z-index:2;pointer-events:none;text-align:center;text-shadow:0 1px 8px #000;flex-direction:column;align-items:center;gap:.2rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud__label{letter-spacing:.18em;opacity:.46;font-size:.62rem;font-weight:700}.hud__value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,7vw,2.4rem);line-height:1}.hud__hint{opacity:.34;margin-top:.25rem;font-size:.7rem}.depth-nav{right:max(.7rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));z-index:4;flex-direction:row;gap:.4rem;display:flex;position:absolute}.depth-nav__button{color:#f5f5f5c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);min-width:4.6rem;min-height:3.25rem;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#0b0b0bdb;border:1px solid #ffffff24;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.5rem .65rem;font-size:.58rem;font-weight:700;display:flex;box-shadow:0 .35rem 1.2rem #0000004d}.depth-nav__button>span:first-child{font-size:1rem;line-height:.9}.depth-nav__button:active{background:#1e1e1ed1;transform:translateY(1px)}.depth-nav__button[hidden]{display:none}.time-controls{left:max(.7rem, env(safe-area-inset-left));bottom:max(.75rem, env(safe-area-inset-bottom));z-index:4;gap:.4rem;display:flex;position:absolute}.time-controls button{color:#f5f5f5e0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);min-width:2.8rem;min-height:2.8rem;font:inherit;cursor:pointer;background:#0b0b0bdb;border:1px solid #ffffff26;border-radius:.65rem;place-items:center;padding:.55rem .7rem;font-size:.75rem;font-weight:800;display:grid;box-shadow:0 .35rem 1.2rem #0000004d}.time-controls button:active{transform:translateY(1px)}.time-controls__pause[aria-pressed=true]{color:#111;background:#f5f5f5}.project-mark{left:50%;bottom:calc(max(.75rem, env(safe-area-inset-bottom)) + 3.65rem);z-index:2;pointer-events:none;color:#f5f5f59e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;text-shadow:0 1px 7px #000;background:#050505ad;border:1px solid #ffffff17;border-radius:.45rem;flex-direction:column;align-items:center;gap:.08rem;padding:.34rem .48rem;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 .3rem 1rem #0000003d}.project-mark strong{letter-spacing:.14em;white-space:nowrap;font-size:.56rem;font-weight:700}.project-mark span{font-variant-numeric:tabular-nums;font-size:.53rem}@media (width<=430px){.depth-nav{right:max(.45rem, env(safe-area-inset-right))}.depth-nav__button{min-width:3.7rem;padding-inline:.4rem;font-size:.5rem}.time-controls{left:max(.45rem, env(safe-area-inset-left))}.project-mark{bottom:calc(max(.75rem, env(safe-area-inset-bottom)) + 3.55rem)}}@media (width>=700px){.game-shell{border-inline:1px solid #171717;width:min(100vw,560px);margin-inline:auto}}