:root{--wow-gold:#c9a86a;--wow-gold-light:#e8d3a8;--wow-panel:#1a1d29;--wow-panel-alt:#23283a;--wow-accent:#7c3aed;--wow-accent-glow:0 0 6px rgba(124,58,237,.6),0 0 14px rgba(99,102,241,.35);--danger:#dc2626;--success:#10b981;--border:#2f364a;--shadow:0 6px 18px -4px rgba(0,0,0,.6),inset 0 0 18px rgba(0,0,0,.4);--radius:14px;font-family:Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--wow-gold-light);text-shadow:1px 1px 2px #000;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100dvh;display:grid;place-items:center;background:#0e1017 url(/page_background.png) center/cover fixed no-repeat;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.wrap{min-height:100dvh;display:grid;place-items:center;gap:20px;padding:32px}.board{position:relative;width:520px;height:520px;border-radius:50%;background:url(/stage_background.png) center/cover no-repeat;border:2px solid var(--wow-gold);box-shadow:var(--shadow),0 0 28px -4px #7c3aed73;overflow:hidden}.board-wrap{position:relative;width:520px;height:520px}.spot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--wow-accent);opacity:.32;box-shadow:0 0 10px #7c3aed99}.mob{position:absolute;width:56px;height:56px;border-radius:50%;background:#2b2b5a url(/kyveza_icon.png) center/cover no-repeat;border:2px solid var(--wow-gold);box-shadow:var(--wow-accent-glow);filter:brightness(.92);transition:transform .25s,filter .25s}.mob.guessable:hover{transform:scale(1.12);filter:brightness(1.08)}.mob.ghost{filter:blur(1px) brightness(.6) saturate(1.2);opacity:.55}.controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{padding:10px 18px;border-radius:var(--radius);border:1px solid var(--wow-gold);background:linear-gradient(#2a2f44,#1c2031);color:var(--wow-gold-light);cursor:pointer;font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 2px 6px #000000b3,inset 0 0 0 1px #ffffff0f;transition:background .25s,border-color .25s,transform .15s}.btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.12),transparent 60%);opacity:.7;pointer-events:none}.btn:hover{background:linear-gradient(#363d55,#242a3d);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.start{background:linear-gradient(#256d35,#194d25);border-color:#3ddc74}.btn.start:hover{background:linear-gradient(#2c8140,#1f5d31)}.btn.stop{background:linear-gradient(#8a4a12,#69380c);border-color:#f59e0b}.btn.stop:hover{background:linear-gradient(#a45714,#7a410d)}.bubble{position:absolute;transform:translate(-50%,-115%);background:#141723eb;color:var(--danger);border:2px solid var(--border);border-radius:10px;padding:8px 14px;font-size:15px;font-weight:700;letter-spacing:.5px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px -2px #000000b3,inset 0 0 6px #ffffff0d;z-index:999}.bubble-overlay{position:absolute;pointer-events:none;z-index:999998}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%) rotate(45deg);width:16px;height:16px;background:inherit;border:2px solid var(--border);border-top:none;border-left:none;border-radius:2px}.result-overlay{position:fixed;inset:0;display:grid;place-items:center;font-size:72px;font-weight:800;letter-spacing:2px;color:var(--success);text-shadow:0 0 28px rgba(0,0,0,.85),0 0 18px rgba(16,185,129,.55);pointer-events:none;animation:pop .45s cubic-bezier(.25,1.75,.45,.95);z-index:999999;mix-blend-mode:normal;isolation:isolate}.result-overlay.fail{color:var(--danger);text-shadow:0 0 28px rgba(0,0,0,.85),0 0 18px rgba(220,38,38,.55)}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@media (prefers-color-scheme: light){body{background:#d9dde7 url(/page_background.png) center/cover fixed no-repeat}}.trail{position:absolute;width:140px;height:14px;background:linear-gradient(90deg,#38bdf800,#c7f0ff2e 8%,#fffffffa,#c7f0ff2e 92%,#38bdf800);border-radius:50%;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 16px 4px #bfdbfef2,0 0 36px 10px #7dd3fcbf,0 0 60px 14px #38bdf880;filter:brightness(1.85) saturate(1.8);opacity:1;z-index:2}.comet{position:absolute;width:260px;height:46px;pointer-events:none;border-radius:50%;background:linear-gradient(90deg,#0ea5e900,#7dd3fc14 6%,#bfdbfe59 20%,#fffffffa 48%,#bfdbfe73 72%,#38bdf800);mix-blend-mode:screen;filter:blur(1.2px) brightness(2.4) saturate(2.4);box-shadow:0 0 22px 6px #bfdbfee6,0 0 54px 14px #60a5faa6,0 0 90px 24px #0ea5e980}.particle{position:absolute;pointer-events:none;mix-blend-mode:screen;z-index:6}.particle.orb{border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff,#e0f2ff,#c4b5fd 50%,#6366f1e6 62%,#38bdf859 78%,#38bdf800);box-shadow:0 0 28px 10px #bfdbfef2,0 0 70px 26px #a78bfad9,0 0 140px 46px #38bdf8bf;filter:brightness(3) saturate(2.8) contrast(1.15)}.particle.streak{border-radius:50%;height:48px;background:linear-gradient(90deg,#38bdf800,#38bdf866 6%,#e0f2ff 38%,#fff 50%,#d8b4fe 60%,#8b5cf6f2 68%,#a78bfa80 78%,#38bdf800);box-shadow:0 0 40px 16px #bfdbfef2,0 0 110px 44px #a78bfad9,0 0 180px 70px #38bdf8bf;filter:blur(.4px) brightness(3) saturate(2.9)}.mob{z-index:4}.mob.ghost{z-index:1}.credit-plaque{margin-top:4px;padding:10px 18px 12px;display:inline-flex;gap:10px;align-items:baseline;font-size:15px;letter-spacing:.8px;font-weight:600;position:relative;background:linear-gradient(145deg,#1f2535,#141925,#1a2030);border:1px solid #4d566b;border-radius:12px;color:var(--wow-gold-light);text-shadow:0 0 6px #000,0 0 14px rgba(201,168,106,.35);box-shadow:0 4px 14px -4px #000c,inset 0 0 22px #0009,0 0 22px -2px #7c3aed73;overflow:hidden;-webkit-backdrop-filter:blur(4px) saturate(1.2);backdrop-filter:blur(4px) saturate(1.2)}.credit-plaque:before,.credit-plaque:after{content:"";position:absolute;inset:0;pointer-events:none}.credit-plaque:before{background:radial-gradient(circle at 18% 35%,rgba(255,255,255,.18),transparent 60%),radial-gradient(circle at 82% 70%,rgba(124,58,237,.22),transparent 65%);mix-blend-mode:overlay;opacity:.9}.credit-plaque:after{border:1px solid rgba(255,255,255,.08);border-radius:inherit;box-shadow:inset 0 0 10px #ffffff0d,0 0 28px -6px #7c3aed8c}.credit-label{font-size:13px;font-weight:700;color:var(--wow-gold);text-transform:uppercase;letter-spacing:1.4px}.credit-sep{color:var(--wow-gold);opacity:.65;font-weight:700}.credit-name{font-weight:800;font-size:19px;letter-spacing:1px;background:linear-gradient(180deg,#fff9e6,#ffe9b3 28%,#ffd060 52%,#f4a524 72%,#d87c00 88%,#ffdf9c);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;padding:0 2px;-webkit-text-stroke:1px rgba(27,16,4,.85);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.7),0 0 10px rgba(255,193,92,.35);filter:drop-shadow(0 0 4px rgba(255,193,92,.45));animation:credit-pulse 6s ease-in-out infinite}.credit-name:before{content:"";position:absolute;inset:0;background:linear-gradient(70deg,#fff0 40%,#ffffffd9,#fff0 64%);mix-blend-mode:screen;opacity:0;animation:credit-shine 7s linear infinite;pointer-events:none}.credit-name:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;border-radius:2px;background:linear-gradient(90deg,#fff0,#ffd98cf2 18%,#f4a524f2,#ffd98cf2 82%,#fff0);box-shadow:0 0 4px #ffc15cb3,0 0 14px #f4a5248c}@keyframes credit-shine{0%{transform:translate(-140%);opacity:0}40%{opacity:0}55%{opacity:.9}70%{opacity:0}to{transform:translate(140%);opacity:0}}@keyframes credit-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,193,92,.35))}50%{filter:drop-shadow(0 0 10px rgba(255,205,120,.65))}}@media (max-width:640px){.credit-plaque{font-size:14px;padding:8px 14px 10px}.credit-name{font-size:17px}}.streak-panel{margin-top:8px;display:inline-flex;flex-direction:column;gap:4px;padding:10px 14px 12px;background:linear-gradient(145deg,#202632,#161b25);border:1px solid #3a4252;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px -4px #000000b3,inset 0 0 14px #00000080}.streak-panel .streak-line{display:flex;gap:10px;justify-content:space-between;min-width:110px}.streak-panel .label{color:#c9a86a;text-shadow:0 0 6px rgba(0,0,0,.8)}.streak-panel .value{color:#fff;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 10px rgba(124,58,237,.45)}@media (max-width:640px){.streak-panel{font-size:13px;padding:8px 12px 10px}}