:root{--font-display: "Bungee", sans-serif;--font-body: "Space Grotesk", sans-serif;--ink: #f6f5ff;--shell-bg: rgba(9, 13, 28, .74);--shell-edge: rgba(161, 200, 255, .26);--hud-bg: rgba(9, 14, 27, .68);--hud-edge: rgba(170, 208, 255, .2);--hud-chip-bg: rgba(16, 28, 48, .78);--good: #5cf2ba;--warn: #ffd06b;--bad: #ff6f67;--focus: #74dcff;--radius: 18px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(76,132,255,.25),transparent 44%),radial-gradient(circle at 82% 10%,rgba(33,233,206,.18),transparent 46%),radial-gradient(circle at 50% 82%,rgba(255,122,104,.15),transparent 48%),linear-gradient(180deg,#131f46,#0a1024 46%,#070a16)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page{position:relative;z-index:1;min-height:100svh;height:100svh;display:flex;flex-direction:column;padding:16px clamp(10px,2.2vw,28px) 14px;gap:12px}.gg-loading-active .overlay,.gg-loading-active .feedback,.gg-loading-active .event-banner,.gg-loading-active .hud{display:none}.top-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;border:1px solid var(--shell-edge);background:var(--shell-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#091024b8;border:1px solid rgba(151,208,255,.3);box-shadow:0 10px 20px #0208165c;font-size:.9rem;font-weight:700;letter-spacing:.02em}.brand img{width:34px;height:34px}.title-block{text-align:center}.title-block h1{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4.8vw,2.8rem);letter-spacing:.04em;line-height:.9;color:#f9fbff;text-shadow:0 2px 0 rgba(59,83,172,.7),0 12px 26px rgba(1,7,20,.5)}.title-block p{margin:2px 0 0;font-size:.84rem;font-weight:600;color:#d6ecffdb}.sponsor-space{width:168px;min-height:42px}.storm-stage{position:relative;flex:1;min-height:0;border-radius:22px;overflow:hidden;border:1px solid rgba(139,188,255,.28);box-shadow:inset 0 0 0 1px #d2ecff1f,0 24px 46px #0207128a;isolation:isolate}.storm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:linear-gradient(180deg,#1d2f62,#101b3f 45%,#0a1129)}.hud{position:absolute;top:12px;right:12px;width:min(420px,calc(100% - 24px));display:grid;gap:8px;padding:10px;border-radius:var(--radius);border:1px solid var(--hud-edge);background:var(--hud-bg);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.hud-row{display:flex;align-items:stretch;gap:7px}.hud-row--main{justify-content:flex-end}.chip{min-width:70px;padding:5px 9px 6px;border-radius:12px;border:1px solid rgba(166,213,255,.18);background:var(--hud-chip-bg);display:grid;gap:0}.chip span{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#cee6fccc}.chip strong{font-size:1.08rem;line-height:1;font-weight:700}.nova-btn{border:0;min-width:120px;border-radius:12px;padding:0 12px;min-height:40px;font:inherit;font-size:.88rem;font-weight:700;letter-spacing:.02em;color:#f5fbff;background:linear-gradient(140deg,#2952ff,#1dbfe7);box-shadow:0 12px 24px #1947ca61;cursor:pointer}.nova-btn:hover{filter:brightness(1.08)}.nova-btn:disabled{background:linear-gradient(140deg,#3a475f,#26374f);color:#e8f4ffbd;cursor:not-allowed;box-shadow:none}.meter{position:relative;height:14px;border-radius:999px;overflow:hidden;border:1px solid rgba(145,196,246,.3);background:#081021e0}.meter-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#39b8ff,#51f4c8);box-shadow:0 0 18px #46c6f58c;transition:width .12s linear}.meter-fill.is-full{background:linear-gradient(90deg,#ffd978,#ff8f5f);box-shadow:0 0 22px #ffaf66a3}.meter-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#e9f6ffd6}.event-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:0;z-index:4;font-family:var(--font-display);font-size:clamp(1.7rem,6.8vw,3.2rem);letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.05;white-space:pre-line;text-shadow:0 4px 0 rgba(8,16,30,.62),0 16px 36px rgba(3,8,19,.65)}.event-banner.is-show{animation:event-banner-flash 1.5s ease}.event-banner.is-pulse{color:#aaf7e6f2}.event-banner.is-loss{color:#ffa68af2}.feedback{position:fixed;left:50%;top:18px;transform:translate(-50%,-12px);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.03em;border:1px solid rgba(196,226,255,.36);background:#081021e6;color:#eff8ff;pointer-events:none;opacity:0;z-index:20}.feedback.is-show{animation:toast-pop .8s ease}.feedback.is-bad{border-color:#ff6f67b3}.feedback.is-good{border-color:#5cf2ba99}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:30;background:#060a149e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.is-hidden{opacity:0;pointer-events:none}.overlay-card{width:min(500px,90vw);border-radius:22px;border:1px solid rgba(164,207,255,.28);background:radial-gradient(circle at 18% 16%,rgba(55,112,255,.42),transparent 42%),radial-gradient(circle at 80% 12%,rgba(57,242,205,.26),transparent 45%),linear-gradient(155deg,#12254f,#101d3e 58%,#0b1530);box-shadow:0 30px 58px #0206109e;padding:24px;display:grid;gap:10px}.overlay-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;color:#d1e7fbcc}.overlay-card h2{margin:0;font-family:var(--font-display);letter-spacing:.05em;font-size:clamp(2.1rem,7vw,2.8rem);line-height:.9}.overlay-card p{margin:0;line-height:1.45;color:#e4f1ffeb}.overlay-results{border-radius:14px;border:1px solid rgba(164,207,255,.28);background:#0913289e;padding:12px;display:grid;gap:8px}.overlay-results[hidden]{display:none}.overlay-results p{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-weight:600}.overlay-results span{color:#c9e4fbd1}.overlay-results strong{font-size:1.2rem;color:#f7fdff}.overlay-actions{display:flex}.start-btn{border:0;width:100%;border-radius:12px;min-height:44px;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.03em;color:#061120;background:linear-gradient(140deg,#83ecff,#73ffc8);cursor:pointer}.start-btn:hover{filter:brightness(1.06)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-12px)}12%{opacity:1;transform:translate(-50%)}84%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes event-banner-flash{0%{opacity:0;transform:translateY(18px) scale(.9)}12%{opacity:1;transform:translateY(0) scale(1.02)}82%{opacity:.92;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(1.04)}}@media (max-width: 960px){.sponsor-space{width:132px}.page{padding:12px}.hud{left:8px;right:8px;top:8px;width:auto;padding:8px}.chip{min-width:62px}}@media (max-width: 760px){.page{height:auto;min-height:100svh}.top-bar{grid-template-columns:1fr;border-radius:20px;padding:9px;justify-items:center}.brand{justify-self:center}.title-block{width:100%}.sponsor-space{width:100%;min-height:0}.storm-stage{min-height:66svh}.nova-btn{min-width:104px}}