*{box-sizing:border-box}html,body{color:#e6f6ff;background:radial-gradient(#120830 0%,#03010a 70%);height:100%;margin:0;font-family:Trebuchet MS,system-ui,sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex}.wrap{aspect-ratio:16/9;width:min(100vw,177.778vh);position:relative;box-shadow:0 0 40px #ff3cc840,0 0 2px #3cf0ff99}canvas{cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.mute{color:#fff;cursor:pointer;background:#0a041e99;border:1px solid #3cf0ff99;border-radius:8px;padding:4px 8px;font-size:clamp(14px,2vw,22px);position:absolute;top:1.5%;right:1%;box-shadow:0 0 8px #3cf0ff66}.mute:hover,.mute:focus-visible{box-shadow:0 0 14px #3cf0ffe6}.overlay{background:#03000c73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.panel{text-align:center;background:#0c0420e6;border:2px solid #ff3cc8;border-radius:14px;min-width:min(420px,80%);padding:24px 32px;animation:.35s ease-out pop;box-shadow:0 0 30px #ff3cc880,inset 0 0 20px #ff3cc826}.panel h1{letter-spacing:3px;color:#fff;text-shadow:0 0 12px #ff3cc8,0 0 24px #ff3cc8;margin:0;font-size:clamp(28px,4.5vw,52px)}.sub{color:#ff9af0;margin:4px 0 16px}.stats{text-align:left;grid-template-columns:1fr auto;gap:6px 24px;margin:0 0 20px;font-size:clamp(14px,1.8vw,18px);display:grid}.stats dt{color:#9fdcff}.stats dd{text-align:right;color:#fff;text-shadow:0 0 6px #3cf0ff;margin:0;font-weight:700}.btn{font:inherit;color:#fff;cursor:pointer;text-shadow:0 0 8px #3cf0ff;background:#3cf0ff1f;border:2px solid #3cf0ff;border-radius:10px;padding:10px 28px;font-size:clamp(16px,2vw,22px);font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 0 14px #3cf0ff80}.btn:hover,.btn:focus-visible{transform:scale(1.05);box-shadow:0 0 24px #3cf0ffe6}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.panel{animation:none}.btn{transition:none}}