@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#040714;--bg-mid:#09142a;--text-main:#f5fbff;--text-dim:#e9f4ffc7;--cyan:#74f8ff;--blue:#1fb2ff;--gold:#ffd05f;--pink:#ff62b8;--panel-border:#86f3ff42;--panel-bg:#060a1a80;--panel-shadow:0 24px 80px #00000073}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at 18% 18%,#19e0ff1a,#0000 28%),radial-gradient(circle at 78% 20%,#ff64b81c,#0000 26%),radial-gradient(circle at 50% 80%,#ffd95d1a,#0000 32%),linear-gradient(#081229 0%,#040714 50%,#020309 100%);font-family:Noto Sans SC,Orbitron,sans-serif;overflow:hidden}#app{isolation:isolate;position:relative}#app:before,#app:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:-10%}#app:before{filter:blur(58px);background:radial-gradient(circle at 30% 30%,#74f8ff1f,#0000 24%),radial-gradient(circle at 68% 28%,#ff62b821,#0000 24%),radial-gradient(circle at 50% 72%,#ffd05f1c,#0000 30%);animation:16s linear infinite alternate sky-drift}#app:after{mix-blend-mode:screen;opacity:.1;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:44px 44px;inset:0}#scene{z-index:1;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#scene.is-dragging{cursor:grabbing}.hud{z-index:3;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#121c3ab8,#090c1961),linear-gradient(#ffffff14,#0000 28%);border-radius:28px;width:min(460px,100% - 32px);margin:28px;padding:24px 24px 22px;position:relative;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #ffffff0a,0 16px 48px #0000005c}.brand-row,.feature-row,.footer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-mark,.brand-chip,.feature-row span,.footer-row span,.footer-row a{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px}.brand-mark{color:var(--cyan);letter-spacing:.18em;background:linear-gradient(135deg,#74f8ff2e,#1fb2ff2e);padding:6px 12px;font:800 .84rem/1 Orbitron,sans-serif}.brand-chip{color:#f5fbffb8;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;font:600 .76rem/1 Orbitron,sans-serif}h1{letter-spacing:.03em;text-wrap:balance;margin:18px 0 12px;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:clamp(2rem,6vw,3.35rem);line-height:.95}.intro{color:var(--text-dim);margin:0;font-size:.98rem;line-height:1.75}.intro strong{color:var(--gold);text-shadow:0 0 8px #ffd05f7a,0 0 18px #ff62b833}.feature-row{margin-top:18px}.feature-row span{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;font:600 .78rem/1 Orbitron,sans-serif}.result-card{background:linear-gradient(145deg,#ffffff14,#ffffff05),radial-gradient(circle at 25% 25%,#74f8ff24,#0000 32%),radial-gradient(circle at 70% 70%,#ff62b824,#0000 32%);border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:22px;padding:18px;display:grid}.result-letter{color:#fff;letter-spacing:.08em;text-shadow:0 0 10px #74f8ff6b,0 0 22px #ff62b829;background:linear-gradient(#ffffff14,#ffffff05),#060b1bc7;border-radius:22px;place-items:center;min-height:120px;font:900 clamp(3rem,11vw,5.6rem)/1 Orbitron,sans-serif;display:grid;box-shadow:inset 0 1px #ffffff1a,0 12px 30px #00000042}.result-divider{color:#ffffff73;font:700 1.5rem/1 Orbitron,sans-serif}.roll-button{cursor:pointer;color:#04111f;background:linear-gradient(90deg, var(--cyan), var(--gold) 54%, var(--pink));letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:18px;width:100%;margin-top:18px;padding:18px 20px;font:900 1rem/1 Orbitron,Noto Sans SC,sans-serif;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 0 18px #74f8ff3d,0 16px 42px #00000047}.roll-button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 0 24px #ffd05f47,0 18px 44px #00000052}.roll-button:disabled{cursor:wait;filter:grayscale(.08);opacity:.78}.status-text{color:#f0f8ffd1;min-height:2.8em;margin:16px 0 0;line-height:1.6}.footer-row{justify-content:space-between;margin-top:16px}.footer-row span,.footer-row a{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;font:600 .74rem/1 Orbitron,sans-serif;text-decoration:none}.footer-row a:hover{color:#fff;border-color:#ffffff3d}.jackpot,.screen-flash{pointer-events:none;position:absolute;inset:0}.jackpot:after{content:"";aspect-ratio:1;filter:blur(22px);pointer-events:none;z-index:0;background:conic-gradient(from 90deg,#ffd05f0f,#7f62ff70,#74f8ff6b,#ff62b866,#ffd05f0f);border-radius:50%;width:min(92vw,1100px);animation:7s linear infinite reverse halo-spin,1.5s ease-in-out infinite alternate-reverse halo-pulse;position:absolute}.jackpot{z-index:4;opacity:0;place-items:center;transition:opacity .26s;display:grid}.jackpot.active{opacity:1}.jackpot-halo{aspect-ratio:1;filter:blur(14px);background:radial-gradient(circle,#fffffff2 0 2%,#fff0 22%),conic-gradient(#74f8ff14,#74f8ff8c,#ffd05f94,#ff62b88c,#7f62ff7a,#74f8ff14);border-radius:50%;width:min(80vw,1000px);animation:4.8s linear infinite halo-spin,1.1s ease-in-out infinite alternate halo-pulse;position:absolute}.jackpot-panel{text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#040a1c47,#040a1c0a),radial-gradient(circle at 50% 20%,#ffffff38,#0000 42%);border:1px solid #ffffff38;border-radius:34px;width:min(78vw,820px);padding:34px 28px 30px;animation:.56s cubic-bezier(.2,.9,.15,1) forwards welcome-rise,1.8s ease-in-out infinite alternate panel-neon-pulse;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(16deg)scale(.86);box-shadow:inset 0 1px #ffffff3d,0 0 48px #74f8ff47,0 0 72px #ff62b833,0 0 96px #ffd05f1f}.jackpot-panel:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;opacity:.8;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000012 3px 4px);position:absolute;inset:0}.jackpot-panel>*{z-index:2;position:relative}.jackpot-label{color:#ffffffb8;letter-spacing:.28em;text-transform:uppercase;margin:0;font:800 clamp(.8rem,2vw,1rem)/1 Orbitron,sans-serif}.jackpot h2{letter-spacing:.12em;color:#fff;margin:10px 0 12px;font:900 clamp(5rem,19vw,12rem)/.9 Orbitron,sans-serif;animation:2.4s linear infinite neon-cycle}.jackpot-copy{color:#f0f8ffd6;letter-spacing:.04em;margin:0;font-size:clamp(.95rem,2vw,1.18rem)}.screen-flash{z-index:5;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#ffffffd9,#fff0 52%),linear-gradient(90deg,#74f8ff47,#ffd05f2e,#ff62b842);transition:opacity .22s}.screen-flash.active{opacity:1}#app.is-rolling .hud{box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ffffff14,0 0 26px #74f8ff1f,0 16px 48px #0000005c}#app.is-jackpot .hud{border-color:#ffd05f80;box-shadow:inset 0 1px #fff3,0 0 32px #ffd05f24,0 0 46px #ff62b81a,0 16px 48px #0000005c}@keyframes sky-drift{0%{transform:translate(-1%,-2%)rotate(0)}to{transform:translate(2%,2%)rotate(8deg)}}@keyframes halo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes halo-pulse{0%{scale:.88}to{scale:1.1}}@keyframes neon-cycle{0%{text-shadow:0 0 14px #74f8ff,0 0 40px #74f8ff,0 0 80px #74f8ff,0 0 130px #74f8ff;color:#cfffff}20%{text-shadow:0 0 14px #ff62b8,0 0 40px #ff62b8,0 0 80px #ff62b8,0 0 130px #ff62b8;color:#ffd4ee}40%{text-shadow:0 0 14px #ffd05f,0 0 40px #ffd05f,0 0 80px #ffd05f,0 0 130px #ffd05f;color:#fff5d4}60%{text-shadow:0 0 14px #c97aff,0 0 40px #c97aff,0 0 80px #c97aff,0 0 130px #c97aff;color:#f0d4ff}80%{text-shadow:0 0 14px #62ffb8,0 0 40px #62ffb8,0 0 80px #62ffb8,0 0 130px #62ffb8;color:#d4fff0}to{text-shadow:0 0 14px #74f8ff,0 0 40px #74f8ff,0 0 80px #74f8ff,0 0 130px #74f8ff;color:#cfffff}}@keyframes panel-neon-pulse{0%{border-color:#74f8ff5c;box-shadow:inset 0 1px #ffffff3d,0 0 36px #74f8ff38,0 0 60px #ff62b82e,0 0 90px #ffd05f1a}to{border-color:#ffd05f80;box-shadow:inset 0 1px #ffffff4d,0 0 56px #ffd05f4d,0 0 80px #ff62b842,0 0 120px #74f8ff2e}}@keyframes welcome-rise{0%{opacity:0;transform:perspective(1000px)rotateX(24deg)scale(.72)translateY(28px)}to{opacity:1;transform:perspective(1000px)rotateX(0)scale(1)translateY(0)}}@media (width<=840px){.hud{width:calc(100% - 32px);margin:16px;padding:18px 18px 20px}.result-card{min-height:120px}.footer-row{gap:8px}}@media (width<=560px){.hud{border-radius:24px;width:calc(100% - 24px);margin:12px;padding:16px}h1{line-height:1.02}.result-letter{min-height:98px}.jackpot-panel{width:calc(100% - 24px);padding:28px 16px 24px}}