:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bezel:#1a1a24;--bezel-rim:#2a2a3a;--bezel-highlight:#3d3d52;--glass:#050508;--glow:#2121de59;--text:#c8c8e0;--muted:#6a6a88;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--dial-size:min(calc(100vw - var(--safe-left) - var(--safe-right) - 1.5rem), calc(100dvh - var(--safe-top) - var(--safe-bottom) - 10.5rem), 420px)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(80% 60% at 50% 40%,#12121c 0%,#06060a 55%,#000 100%);font-family:"Press Start 2P",Courier New,monospace;overflow:hidden}#app{min-height:100dvh;padding:max(.75rem, var(--safe-top)) max(.75rem, var(--safe-right)) max(.75rem, var(--safe-bottom)) max(.75rem, var(--safe-left));place-items:center;display:grid}.stage{flex-direction:column;align-items:center;gap:1rem;width:min(100%,72rem);display:flex}.brand{text-align:center;letter-spacing:.08em;flex-shrink:0;transition:opacity .25s}.brand h1{color:#ff0;text-shadow:0 0 12px #ffff0059,2px 2px #c06000;font-size:clamp(.85rem,2.2vw,1.45rem);transition:color .25s,text-shadow .25s,opacity .25s}.brand p{color:var(--muted);margin-top:.55rem;font-size:clamp(.38rem,.85vw,.55rem);line-height:1.7;transition:opacity .25s}.stage.dim-brand .brand{opacity:.42}.stage.dim-brand .brand h1{color:#b8b84a;text-shadow:none}.stage.dim-brand .brand p{opacity:.55}.play-row{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.display{width:var(--dial-size);aspect-ratio:1;background:radial-gradient(circle at 35% 28%, var(--bezel-highlight), var(--bezel) 42%, #0c0c12 70%);box-shadow:0 0 0 2px #0a0a10, 0 0 0 6px var(--bezel-rim), 0 0 0 8px #050508, 0 18px 50px #000000a6, 0 0 60px var(--glow);touch-action:manipulation;cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.display:before{content:"";background:var(--glass);pointer-events:none;border-radius:50%;position:absolute;inset:4.5%;box-shadow:inset 0 0 24px #000000d9,inset 0 0 0 1px #2121de66}.display canvas{z-index:1;width:86%;height:86%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;border-radius:50%;position:relative}.joypad{touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;gap:1.25rem;display:flex}.joypad[hidden]{display:none!important}.stick{touch-action:none;cursor:grab;flex-shrink:0;width:10.5rem;height:10.5rem;position:relative}.stick.is-active{cursor:grabbing}.stick-base{background:radial-gradient(circle at 40% 35%,#2a2a3a,#12121c 55%,#08080e 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 2px #0a0a10,0 0 0 4px #2a2a3a,inset 0 2px 4px #ffffff0f,0 8px 18px #0000008c}.stick-base:after{content:"";pointer-events:none;border:1px solid #ffff001f;border-radius:50%;position:absolute;inset:18%;box-shadow:inset 0 0 18px #00000073}.stick-mark{color:#ffff0059;pointer-events:none;font-size:.7rem;line-height:1;transition:color .12s;position:absolute}.stick-mark-up{top:.55rem;left:50%;transform:translate(-50%)}.stick-mark-down{bottom:.55rem;left:50%;transform:translate(-50%)}.stick-mark-left{top:50%;left:.65rem;transform:translateY(-50%)}.stick-mark-right{top:50%;right:.65rem;transform:translateY(-50%)}.stick.is-up .stick-mark-up,.stick.is-down .stick-mark-down,.stick.is-left .stick-mark-left,.stick.is-right .stick-mark-right{color:#ff0}.stick-knob{pointer-events:none;will-change:transform;background:linear-gradient(160deg,#3a3a66 0%,#1a1a2e 55%,#0e0e18 100%);border:2px solid #ff0;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 3px #ffffff1f,inset 0 -3px 6px #00000073,0 4px 10px #0000008c}.stick.is-active .stick-knob{border-color:#fff58a;box-shadow:inset 0 2px 3px #ffffff29,inset 0 -3px 6px #00000073,0 0 14px #ffff0059,0 4px 10px #0000008c}.start-btn{appearance:none;color:#ffb852;min-width:4.5rem;min-height:2.75rem;font:inherit;letter-spacing:.12em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#5a2810 0%,#2a1208 100%);border:2px solid #c06000;border-radius:999px;padding:.7rem .85rem;font-size:.42rem;box-shadow:inset 0 1px #ffffff1a,0 3px #120804}.start-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0006,0 1px #120804}.action-bar{flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;min-height:2.5rem;display:flex}.action-slot-primary{grid-template-rows:1fr;grid-template-columns:1fr;display:grid}.action-slot-primary>.nav-btn{grid-area:1/1}.nav-btn[hidden]{pointer-events:none;visibility:hidden!important;display:inline-flex!important}.nav-btn{appearance:none;color:#ff0;font:inherit;letter-spacing:.08em;cursor:pointer;background:#ffff000f;border:2px solid #ff0;justify-content:center;align-items:center;min-height:2.5rem;padding:.55rem 1.1rem;font-size:.5rem;line-height:1.4;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.nav-btn:hover,.nav-btn:focus-visible{color:#000;background:#ff0;outline:none}.help-overlay{z-index:35;background:#000000b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.help-overlay[hidden]{display:none!important}.help-card{background:radial-gradient(80% 50% at 50% 0,#ffff001f,#0000 55%),#08080f;border:2px solid #ff0;flex-direction:column;align-items:center;gap:.85rem;width:min(100%,20rem);padding:1.25rem 1.1rem 1.1rem;display:flex;box-shadow:0 16px 40px #000000a6}.help-title{color:#ff0;letter-spacing:.12em;font-size:.65rem}.help-body{text-align:left;width:100%;color:var(--muted);flex-direction:column;gap:.55rem;font-size:.42rem;line-height:1.85;display:flex}.help-body p{margin:0}.help-body kbd{color:var(--text);background:#12121c;border:1px solid #3a3a55;border-radius:3px;margin:0 .12rem 0 0;padding:.15rem .35rem;display:inline-block}.help-touch-line{display:none}body.touch-ui .help-touch-line{display:block}body.help-open .joypad{pointer-events:none}@media (hover:hover) and (pointer:fine){:root{--dial-size:min(72vmin, calc(100dvh - 9rem), 640px)}.stage{gap:1.35rem}.action-bar{min-height:2.75rem}.nav-btn{min-height:2.75rem;padding:.65rem 1.25rem;font-size:.55rem}.help-body{font-size:.48rem}}@media (hover:hover) and (pointer:fine) and (width>=1200px){:root{--dial-size:min(74vmin, calc(100dvh - 8rem), 720px)}.brand h1{font-size:clamp(1.1rem,1.6vw,1.6rem)}}@media (hover:none),(pointer:coarse){:root{--dial-size:min(calc(100vw - var(--safe-left) - var(--safe-right) - 1rem), calc(100dvh - var(--safe-top) - var(--safe-bottom) - 13.5rem), 400px)}.stage{gap:.75rem;width:100%}.brand p{font-size:.38rem}.action-bar{gap:.55rem}.nav-btn{padding:.5rem .75rem;font-size:.42rem}}@media (height<=720px){body.touch-ui #app{padding-top:max(.35rem, var(--safe-top));padding-bottom:max(.35rem, var(--safe-bottom))}body.touch-ui .stage{gap:.5rem}body.touch-ui .brand p{display:none}body.touch-ui{--dial-size:min(calc(100vw - var(--safe-left) - var(--safe-right) - 1rem), calc(100dvh - var(--safe-top) - var(--safe-bottom) - 12.5rem), 360px)}body.touch-ui .stick{width:9.2rem;height:9.2rem}}@media (height<=560px){body.touch-ui .brand{display:none}body.touch-ui{--dial-size:min(58vw, 42dvh, 280px)}body.touch-ui .stick{width:8.4rem;height:8.4rem}}@media (hover:hover) and (pointer:fine) and (height>=900px){:root{--dial-size:min(70vmin, calc(100dvh - 7.5rem), 700px)}}@media (width<=480px){.brand p{font-size:.36rem}}body.game-max #app{padding:max(.25rem, var(--safe-top)) max(.25rem, var(--safe-right)) max(.25rem, var(--safe-bottom)) max(.25rem, var(--safe-left))}body.game-max .stage{gap:.45rem;width:100%;max-width:none}body.game-max .brand,body.game-max .action-bar{display:none!important}body.game-max .play-row{gap:0}body.game-max:not(.touch-ui){--dial-size:min(calc(100vw - var(--safe-left) - var(--safe-right) - .5rem), calc(100dvh - var(--safe-top) - var(--safe-bottom) - .5rem))}body.game-max:not(.touch-ui) .joypad{display:none!important}body.game-max.touch-ui{--dial-size:min(calc(100vw - var(--safe-left) - var(--safe-right) - .5rem), calc(100dvh - var(--safe-top) - var(--safe-bottom) - 10.5rem))}body.game-max.touch-ui .joypad{display:flex}.name-overlay{z-index:40;background:#000000b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.name-overlay[hidden]{display:none!important}.name-card{background:radial-gradient(80% 50% at 50% 0,#ffff001f,#0000 55%),#08080f;border:2px solid #ff0;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,18rem);padding:1.25rem 1rem 1.1rem;display:flex;box-shadow:0 16px 40px #000000a6}.name-title{color:#ff0;letter-spacing:.12em;font-size:.7rem}.name-stats{color:#fff;letter-spacing:.06em;font-size:.42rem}.name-label{color:var(--muted);letter-spacing:.08em;font-size:.38rem}.name-input{box-sizing:border-box;color:#ff0;width:100%;font:inherit;letter-spacing:.14em;text-align:center;text-transform:uppercase;background:#000;border:2px solid #3a3a88;outline:none;padding:.65rem .5rem;font-size:.7rem}.name-input:focus{border-color:#ff0}.name-submit{cursor:pointer;font:inherit;margin-top:.25rem}body.name-entry-open .joypad{pointer-events:none}