:root{color:#e9fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#061016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 16%,#22d3ee38,#0000 30%),radial-gradient(circle at 82% 74%,#f472b62e,#0000 34%),#061016;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040c12b8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay.hidden{pointer-events:none;opacity:0}.overlay>div{text-align:center;background:#08161fe6;border:1px solid #94f6ff52;border-radius:8px;width:min(440px,100%);padding:28px;box-shadow:0 24px 80px #00000073}.result-label{color:#67e8f9;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1{margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1}#result-stats{color:#badce4;min-height:48px;margin:18px 0 24px;line-height:1.5}button{color:#071016;min-width:140px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#67e8f9,#bef264);border:1px solid #fff3;border-radius:6px;padding:12px 18px;font-weight:800}button:focus-visible{outline-offset:3px;outline:3px solid #f9a8d4}