*{box-sizing:border-box}html,body{background:#1b263b;width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}#overlay{opacity:0;pointer-events:none;background:#1b263b;place-items:center;transition:opacity .225s;display:grid;position:fixed;inset:0}#overlay.is-visible{opacity:1;pointer-events:auto}.menu{color:#fff8e8;text-align:center;width:min(560px,100% - 40px)}.menu h1{letter-spacing:-.035em;margin:0 0 36px;font:800 clamp(34px,7vw,52px)/.96 system-ui,sans-serif}.menu h1 span{color:#ffc857;letter-spacing:.18em;margin:8px 0 0 .18em;font-size:.58em;display:block}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-button,.play-button,.menu--pause button{color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #fff8e847;transition:transform .16s,background .16s,border-color .16s}.mode-button{text-align:left;min-height:114px;padding:18px}.mode-button strong,.mode-button small{display:block}.mode-button strong{font:750 20px system-ui,sans-serif}.mode-button small{color:#fff8e8a8;margin-top:7px;font:13px/1.3 system-ui,sans-serif}.mode-button.is-selected{background:#ffc85724;border-color:#ffc857;transform:scale(1.035)}.play-button{color:#1b263b;letter-spacing:.12em;background:#ffc857;border-color:#ffc857;min-width:168px;margin-top:30px;padding:13px 28px;font:800 16px system-ui,sans-serif}.mode-button:not(.is-selected):hover,.play-button:hover,.menu--pause button:hover{border-color:#fff8e8}.menu--pause{justify-items:center;gap:10px;display:grid}.menu--pause p{color:#ffc857;letter-spacing:.16em;margin:0 0 12px;font:800 24px system-ui,sans-serif}.menu--pause button{letter-spacing:.08em;width:min(240px,100%);padding:12px;font:700 15px system-ui,sans-serif}#pause-button{z-index:1;color:#fff8e8cc;cursor:pointer;background:#1b263b73;border:0;border-radius:50%;width:34px;height:34px;font-size:18px;display:none;position:fixed;top:12px;right:14px}#pause-button.is-visible{display:block}.performance-hud{z-index:2;color:#fff8e8;pointer-events:none;background:#101820bf;border-radius:6px;margin:0;padding:7px 8px;font:600 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:54px;right:12px}@media (width<=520px){.mode-options{grid-template-columns:1fr}.mode-button{min-height:80px}}