:root{--bg:#040711;--panel:#071022;--panel2:#0a1529;--panel3:#050b18;--line:#16345b;--line2:#25477a;--text:#eff7ff;--muted:#7e94b4;--cyan:#12d9ff;--cyan2:#4dbbff;--magenta:#ff18dc;--purple:#9b4dff;--good:#4df6cb;--danger:#ff5f82;--gold:#ffbf5b;--shadow:0 24px 70px rgba(0,0,0,.44);--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*:not(dialog){box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030611;color:var(--text)}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.space-bg{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 82% 15%,rgba(12,146,255,.13),transparent 23%),radial-gradient(circle at 22% 18%,rgba(255,0,212,.08),transparent 26%),radial-gradient(circle at 55% 58%,rgba(80,24,189,.1),transparent 34%),linear-gradient(180deg,#03050f,#050915 54%,#040714)}.space-bg:before,.space-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 15%,rgba(255,255,255,.88) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 28%,rgba(74,220,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 72%,rgba(255,52,237,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 92% 78%,rgba(255,255,255,.5) 0 1px,transparent 1.5px);background-size:260px 220px,320px 280px,380px 340px,220px 240px;opacity:.38}.space-grid{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(72,194,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(72,194,255,.15) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.scanlines{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.04;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.22) 4px 5px)}
[data-theme="light"]{--bg:#edf6ff;--panel:#f3f8ff;--panel2:#e8f2ff;--panel3:#dfeeff;--line:#b8d5f1;--line2:#83b5e1;--text:#102036;--muted:#58708e;background:#eaf4ff}.app-shell{width:min(1740px,97vw);margin:0 auto;padding:14px 0 48px}.hud-panel{position:relative;background:linear-gradient(135deg,rgba(8,18,39,.96),rgba(4,11,25,.98));border:1px solid rgba(49,91,143,.72);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(16px)}.hud-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,24,220,.055),transparent 27%,rgba(18,217,255,.045) 75%,transparent);mask-image:linear-gradient(to bottom,black,transparent 90%)}.hud-panel:after{content:"";position:absolute;right:16px;top:-1px;width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 16px rgba(18,217,255,.7);opacity:.8}.topbar{display:flex;align-items:center;gap:20px;padding:10px 15px;border-radius:16px;position:sticky;top:10px;z-index:30;min-height:74px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:285px}.brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#ff75ed 0,#c918e8 28%,#5516a2 100%);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 30px rgba(255,24,220,.24)}.brand-mark img{width:34px;height:34px}.brand-copy strong{display:block;font-size:19px;line-height:1;font-weight:950;letter-spacing:.08em}.brand-copy strong em{color:var(--magenta);font-style:normal}.brand-copy small{display:block;color:#6bb9da;font-size:8px;letter-spacing:.28em;margin-top:6px}.top-metrics{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));flex:1;max-width:610px;border-inline:1px solid rgba(44,84,132,.58)}.metric{display:flex;align-items:center;gap:10px;padding:7px 15px;border-right:1px solid rgba(44,84,132,.46)}.metric:last-child{border-right:0}.metric-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;border:1px solid rgba(18,217,255,.24);color:var(--cyan);font-size:14px;box-shadow:inset 0 0 13px rgba(18,217,255,.06)}.metric small{display:block;color:#5e8db7;font-size:7px;letter-spacing:.2em}.metric b{display:block;margin-top:2px;font-size:15px;letter-spacing:.03em}.top-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.hud-chip{background:rgba(4,12,27,.72);border:1px solid rgba(47,92,145,.66)}.room-pill,.balance-pill{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:12px}.room-pill.shared{border-color:rgba(255,24,220,.54);box-shadow:0 0 20px rgba(255,24,220,.08)}.room-mode-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(18,217,255,.75)}.pill-label{font-size:7px;letter-spacing:.2em;color:#6e8dad}.room-pill b{font-size:10px;letter-spacing:.16em}.balance-glyph{color:var(--magenta);font-size:18px;text-shadow:0 0 12px rgba(255,24,220,.65)}.balance-pill small{display:block;color:#6e8dad;font-size:7px;letter-spacing:.16em}.balance-pill b{display:block;font-size:11px}.neon-btn,.square-btn,.admin-link{font:inherit}.neon-btn{border-radius:10px;padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.03em;color:#eaf8ff;border:1px solid rgba(72,136,204,.75);background:linear-gradient(180deg,rgba(17,42,75,.9),rgba(8,19,37,.9));box-shadow:inset 0 0 14px rgba(41,125,201,.06);transition:.18s}.neon-btn:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 21px rgba(18,217,255,.13)}.neon-btn.primary{border-color:rgba(255,24,220,.85);background:linear-gradient(135deg,#ff27dc,#7a25d6 62%,#2451be);box-shadow:0 0 24px rgba(255,24,220,.2),inset 0 1px 0 rgba(255,255,255,.25)}.neon-btn.danger{border-color:rgba(255,95,130,.45);color:#ff8da9}.square-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(47,92,145,.66);background:rgba(5,14,30,.72);color:var(--text)}.admin-link{color:#6483a6;text-decoration:none;font-size:9px;padding:0 5px}.eyebrow{font-size:8px;letter-spacing:.24em;text-transform:uppercase;font-weight:950}.eyebrow.cyan{color:var(--cyan)}.eyebrow.magenta{color:var(--magenta)}
.room-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:14px 18px;border-radius:15px;border-color:rgba(255,24,220,.46)}.room-banner h2{margin:5px 0;font-size:22px}.room-code-line{display:flex;align-items:center;gap:10px}.room-code-line b{font-size:11px;letter-spacing:.18em}.live-chip{font-size:8px;color:#68e9c8}.live-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);margin-right:5px;box-shadow:0 0 11px rgba(77,246,203,.7)}.room-banner-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.secret-box{padding:9px 12px;border-radius:10px;min-width:150px}.secret-box small{display:block;color:#5d82a6;font-size:7px;letter-spacing:.16em}.secret-box strong{display:block;margin-top:3px;font-size:12px;letter-spacing:.12em}
.dashboard{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;margin-top:14px}.side-nav{border-radius:16px;padding:12px;min-height:calc(100vh - 125px);display:flex;flex-direction:column;position:sticky;top:98px;align-self:start}.side-nav-title{padding:10px 10px 14px;border-bottom:1px solid rgba(49,91,143,.45)}.side-nav-title strong{display:block;margin-top:4px;font-size:13px;letter-spacing:.12em}.side-nav nav{display:grid;gap:5px;margin-top:12px}.nav-item{display:flex;align-items:center;gap:9px;padding:12px 11px;border-radius:10px;color:#6f98c1;text-decoration:none;border:1px solid transparent;font-size:10px}.nav-item span{width:24px;color:var(--cyan);font-size:17px;text-align:center}.nav-item.active,.nav-item:hover{color:#eaf6ff;border-color:rgba(18,217,255,.22);background:linear-gradient(90deg,rgba(18,217,255,.08),rgba(255,24,220,.04));box-shadow:inset 2px 0 var(--cyan),0 0 22px rgba(18,217,255,.05)}.nav-item.active span{color:var(--magenta)}.side-help{margin-top:auto;padding:12px;border-radius:12px;border:1px solid rgba(255,24,220,.2);background:linear-gradient(145deg,rgba(255,24,220,.05),rgba(18,217,255,.025))}.help-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,24,220,.35);color:var(--magenta);box-shadow:0 0 18px rgba(255,24,220,.1)}.side-help small{display:block;color:#7b92af;font-size:7px;letter-spacing:.18em;margin-top:9px}.side-help strong{display:block;font-size:11px;margin-top:3px}.side-help p{margin:7px 0 0;color:#657f9d;font-size:8px;line-height:1.5}
.main-content{min-width:0}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-radius:16px;padding:18px 20px;margin-bottom:14px}.page-title h1{margin:8px 0 8px;font-size:clamp(36px,3.8vw,58px);line-height:.93;letter-spacing:-.045em}.page-title h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#9deaff 32%,#ff7cf1 74%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-title p{margin:0;color:#7791b0;font-size:10px;line-height:1.55;max-width:720px}.title-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(18,217,255,.24);border-radius:10px;background:rgba(2,14,29,.56);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 13px rgba(77,246,203,.7)}.title-status small{font-size:8px;letter-spacing:.17em;color:#8eb2d4}.title-status b{font-size:8px;color:var(--cyan);letter-spacing:.18em}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.wheel-column{min-width:0}.wheel-stage{border-radius:17px;padding:16px 18px 18px;overflow:hidden;min-height:620px;background:radial-gradient(circle at 50% 45%,rgba(20,95,193,.09),transparent 34%),radial-gradient(circle at 30% 45%,rgba(255,24,220,.07),transparent 35%),linear-gradient(145deg,rgba(9,24,48,.98),rgba(2,9,20,.98))}.stage-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;position:relative;z-index:2}.stage-title h2{margin:6px 0 4px;font-size:22px;letter-spacing:-.025em}.stage-title p{margin:0;color:#6687aa;font-size:9px}.stage-chip{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(18,217,255,.2);border-radius:999px;color:#7ca3c7;font-size:7px;letter-spacing:.16em;background:rgba(18,217,255,.03)}.stage-chip i{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 11px rgba(77,246,203,.7)}.wheel-wrap{display:flex;justify-content:center;padding:0 0 4px}.wheel-frame{width:min(720px,100%);aspect-ratio:1;position:relative;display:grid;place-items:center;filter:drop-shadow(0 35px 65px rgba(0,0,0,.58))}.wheel-halo{position:absolute;border-radius:50%;pointer-events:none}.halo-a{inset:4%;border:1px solid rgba(18,217,255,.12);box-shadow:0 0 70px rgba(18,217,255,.08),inset 0 0 90px rgba(255,24,220,.05)}.halo-b{inset:9%;border:1px dashed rgba(255,24,220,.15);box-shadow:0 0 32px rgba(255,24,220,.12)}canvas{position:relative;z-index:4;width:calc(100% - 68px);height:calc(100% - 68px);border-radius:50%;filter:saturate(1.12) contrast(1.05)}.pointer{position:absolute;z-index:12;top:7px;left:50%;transform:translateX(-50%);width:50px;height:60px;pointer-events:none;filter:drop-shadow(0 0 12px rgba(255,191,91,.34))}.pointer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff4cf,#ffcf72 45%,#aa6d19);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:5px}.pointer:after{content:"";position:absolute;inset:3px 5px 14px;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,0));clip-path:polygon(0 0,100% 0,50% 100%);opacity:.55}.wheel-center-ring{position:absolute;z-index:6;width:170px;height:170px;border-radius:50%;border:7px solid rgba(7,16,32,.82);box-shadow:0 0 0 2px rgba(18,217,255,.55),0 0 0 9px rgba(255,24,220,.08),0 0 40px rgba(18,217,255,.2),inset 0 0 30px rgba(255,24,220,.12);pointer-events:none}.spin-btn{position:absolute;z-index:11;width:150px;height:150px;border-radius:50%;border:9px solid rgba(229,250,255,.96);padding:0;background:radial-gradient(circle at 35% 25%,#ff8bef 0,#f31ddd 24%,#a126cf 47%,#5526a7 74%,#1f367f 100%);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 7px rgba(255,24,220,.12),0 0 48px rgba(255,24,220,.32),0 26px 55px rgba(0,0,0,.5),inset 0 5px 0 rgba(255,255,255,.42),inset 0 -20px 30px rgba(24,4,49,.3);transition:.18s;transform:none!important}.spin-btn:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 26px rgba(255,255,255,.08)}.spin-btn:hover:not(:disabled):not(.is-spinning){transform:scale(1.035)!important;box-shadow:0 0 0 8px rgba(255,24,220,.14),0 0 58px rgba(255,24,220,.38),0 30px 60px rgba(0,0,0,.52),inset 0 5px 0 rgba(255,255,255,.45),inset 0 -20px 30px rgba(24,4,49,.3)}.spin-btn:active:not(:disabled):not(.is-spinning){transform:scale(.985)!important}.spin-btn:disabled{opacity:1;filter:saturate(.55);cursor:not-allowed}.spin-core{position:relative;z-index:2;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:2px;background:rgba(7,12,29,.3);box-shadow:inset 0 0 25px rgba(255,255,255,.08)}.spin-core span{font-size:18px;font-weight:950;letter-spacing:.05em}.spin-core small{font-size:7px;letter-spacing:.32em;color:#d8e8f7}.draw-hint{position:relative;z-index:2;margin-top:2px;padding:10px 12px;border:1px solid rgba(41,97,145,.34);border-radius:10px;background:rgba(1,12,25,.56);color:#6e90b2;font-size:9px;line-height:1.45}.draw-hint b{color:#c5e6ff}.boost-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;margin-bottom:10px;border-color:rgba(255,24,220,.42);background:linear-gradient(90deg,rgba(255,24,220,.09),rgba(32,69,145,.06));}.boost-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff24db,#6331be);box-shadow:0 0 22px rgba(255,24,220,.24)}.boost-copy{flex:1;min-width:0}.boost-copy span{display:block;color:#a97fe6;font-size:7px;letter-spacing:.18em}.boost-copy strong{display:block;margin-top:2px;font-size:10px;overflow-wrap:anywhere}.boost-banner>b{font-size:16px;color:#ff79ea}.prediction-card,.boost-card{border-radius:14px;padding:11px 13px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.prediction-left,.boost-card{min-width:0}.prediction-left{display:flex;align-items:center;gap:10px}.prediction-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(18,217,255,.25);box-shadow:0 0 18px rgba(18,217,255,.07)}.prediction-value{font-weight:900;font-size:13px;margin-top:3px;overflow-wrap:anywhere}.prediction-value.muted{color:#6a809b}.pred-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px rgba(255,24,220,.65);margin-right:7px}.text-btn{border:0;background:transparent;color:#7b9fc4;font-size:9px;font-weight:800}.boost-card{align-items:center}.boost-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#fff;border:1px solid rgba(255,24,220,.28);background:rgba(255,24,220,.06);box-shadow:0 0 20px rgba(255,24,220,.08)}.boost-card-copy{flex:1;min-width:0}.boost-card-copy h3{margin:4px 0 2px;font-size:13px}.boost-card-copy p{margin:0;color:#6883a3;font-size:9px;line-height:1.35}.boost-main-btn{min-width:130px}
.side-stack{display:grid;gap:14px}.space-card{position:relative;min-height:330px;border-radius:17px;overflow:hidden}.space-image{position:absolute;inset:0;background-image:url('/astronaut.jpg');background-size:cover;background-position:center top;filter:saturate(1.18) contrast(1.07);transform:scale(1.045)}.space-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,19,.02) 20%,rgba(3,8,21,.08) 42%,rgba(2,7,17,.93) 100%),linear-gradient(90deg,rgba(1,9,25,.28),transparent 45%,rgba(255,24,220,.08));}.space-copy{position:absolute;inset:auto 17px 17px;z-index:2}.space-copy .eyebrow{display:block;margin-bottom:8px;text-shadow:0 0 12px rgba(18,217,255,.35)}.space-copy strong{display:block;font-size:30px;line-height:.86;letter-spacing:-.05em;text-shadow:0 0 28px rgba(255,24,220,.25)}.space-copy strong em{font-style:normal;font-size:21px;color:#fff}.space-copy small{display:block;color:#75a2c8;font-size:7px;letter-spacing:.14em;margin-top:10px}.options-panel{border-radius:17px;padding:14px;min-height:275px}.panel{min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{margin:4px 0 0;font-size:17px;letter-spacing:-.02em}.add-circle{width:39px;height:39px;border-radius:10px;border:1px solid rgba(255,24,220,.4);background:linear-gradient(135deg,rgba(255,24,220,.12),rgba(18,217,255,.05));color:#fff;font-size:23px;box-shadow:0 0 22px rgba(255,24,220,.06)}.panel-caption{color:#6986a5;font-size:8px;line-height:1.45;margin:7px 1px 11px}.option-list,.trash-list{display:grid;gap:6px;max-height:520px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(18,217,255,.3) transparent}.option-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:9px;border:1px solid rgba(44,84,132,.55);background:linear-gradient(90deg,rgba(8,21,42,.9),rgba(5,13,28,.92));border-radius:10px}.option-item:hover{border-color:rgba(18,217,255,.36)}.option-item.selected{border-color:rgba(255,24,220,.58);background:linear-gradient(90deg,rgba(255,24,220,.09),rgba(18,217,255,.035));box-shadow:inset 2px 0 var(--magenta),0 0 20px rgba(255,24,220,.07)}.option-main{display:flex;align-items:flex-start;gap:8px;min-width:0}.option-mark{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-top:6px;background:var(--cyan);box-shadow:0 0 9px rgba(18,217,255,.65)}.option-item.selected .option-mark{background:var(--magenta);box-shadow:0 0 10px rgba(255,24,220,.65)}.option-copy{min-width:0}.option-name,.trash-name{font-size:11px;font-weight:900;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.option-meta,.trash-reason{font-size:8px;color:#6481a1;margin-top:3px;line-height:1.35}.option-buttons{display:flex;align-items:center;gap:4px}.mini-btn{border:1px solid rgba(46,88,137,.64);background:rgba(5,13,27,.72);color:#cce8ff;border-radius:8px;padding:6px 7px;font-size:8px;font-weight:900;white-space:nowrap}.mini-btn:hover{border-color:var(--cyan)}.mini-btn.active{background:rgba(255,24,220,.1);border-color:rgba(255,24,220,.42);color:#ff8bee}.mini-btn.danger{width:29px;color:#ff8da9;border-color:rgba(255,95,130,.24)}.empty-state{display:grid;place-items:center;text-align:center;padding:25px 9px;color:#607996;gap:4px}.empty-state b{color:#dceeff;font-size:11px}.empty-state span{font-size:8px;line-height:1.45;max-width:215px}.empty-plus,.empty-medal{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(18,217,255,.18);color:var(--cyan);font-size:20px;background:rgba(18,217,255,.04);margin-bottom:3px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.results-panel,.trash-panel{border-radius:16px;padding:14px}.count-badge{min-width:25px;height:25px;padding:0 7px;border-radius:8px;display:grid;place-items:center;color:#c7eaff;font-size:9px;font-weight:900;border:1px solid rgba(18,217,255,.18);background:rgba(18,217,255,.035)}.result-hero{margin-top:10px;padding:15px;border-radius:12px;border:1px solid rgba(18,217,255,.24);background:linear-gradient(135deg,rgba(18,217,255,.05),rgba(255,24,220,.06));box-shadow:inset 0 0 35px rgba(18,217,255,.04)}.result-kicker{display:block;color:#638aaa;font-size:7px;letter-spacing:.18em}.result-hero strong{display:block;margin-top:7px;font-size:22px;line-height:1.1;overflow-wrap:anywhere}.result-time{display:block;color:#6280a1;font-size:8px;margin-top:5px}.result-history{display:grid;gap:5px;margin-top:9px;max-height:230px;overflow:auto}.history-item{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(46,88,137,.45);border-radius:9px;background:rgba(5,14,29,.58)}.history-item>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:var(--magenta);border:1px solid rgba(255,24,220,.2);font-size:10px}.history-item strong{display:block;font-size:9px;overflow-wrap:anywhere}.history-item small{display:block;color:#587596;font-size:7px;margin-top:2px}.trash-list{max-height:230px;margin-top:9px}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,95,130,.18);border-radius:9px;background:linear-gradient(90deg,rgba(255,24,220,.04),rgba(4,13,28,.6))}.trash-copy{min-width:0}.trash-reason{color:#8b6b84}.restore-btn{border:1px solid rgba(72,136,204,.55);background:rgba(8,22,41,.85);color:#d7efff;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:900;white-space:nowrap}.restore-btn.free{border-color:rgba(255,24,220,.6);background:linear-gradient(135deg,rgba(255,24,220,.2),rgba(100,35,193,.22));color:#fff}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.info-card{display:flex;gap:12px;padding:14px;border-radius:14px}.info-card>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;border:1px solid rgba(18,217,255,.22);color:var(--cyan)}.info-card small{color:#5f85aa;font-size:7px;letter-spacing:.17em}.info-card strong{display:block;margin-top:4px;font-size:12px}.info-card p{margin:5px 0 0;color:#627f9d;font-size:8px;line-height:1.45}.modal{border:0;padding:0;background:transparent}.modal::backdrop{background:rgba(0,5,16,.78);backdrop-filter:blur(9px)}.modal-card{width:min(92vw,480px);border:1px solid rgba(60,112,168,.75);border-radius:16px;padding:20px;background:linear-gradient(145deg,#07152d,#030916);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 45px rgba(18,217,255,.08);position:relative}.modal-close{position:absolute;right:11px;top:8px;border:0;background:transparent;color:#7293b4;font-size:24px}.modal-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(18,217,255,.24);color:var(--cyan);font-size:22px;margin-bottom:10px}.modal-icon.boost{color:var(--magenta);border-color:rgba(255,24,220,.24)}.modal-card h2{margin:5px 0 4px;font-size:22px}.modal-card p{color:#7290ae;font-size:9px;line-height:1.45}.modal-card input{width:100%;margin-top:8px;padding:11px 12px;border-radius:9px;border:1px solid rgba(56,98,145,.72);background:#040c1a;color:#fff;outline:0}.modal-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,217,255,.07)}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.primary-btn,.ghost-btn{border-radius:9px;padding:10px 13px;font-weight:900;cursor:pointer}.primary-btn{border:1px solid rgba(255,24,220,.72);color:#fff;background:linear-gradient(135deg,#ff27dc,#7d2bd1)}.ghost-btn{border:1px solid rgba(50,97,146,.7);color:#d4edff;background:rgba(5,15,29,.72)}.error{min-height:17px;color:#ff8ca8;font-size:8px;margin-top:7px;line-height:1.35}.boost-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.boost-choice{border:1px solid rgba(52,101,152,.68);background:rgba(5,14,28,.78);color:var(--text);border-radius:9px;padding:12px;text-align:left}.boost-choice:hover{border-color:var(--magenta)}.boost-choice span{display:block;font-size:17px;font-weight:950}.boost-choice small{display:block;color:#65819e;font-size:7px;margin-top:3px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(15px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:rgba(2,10,23,.96);border:1px solid rgba(18,217,255,.35);color:#e8f7ff;box-shadow:0 16px 55px rgba(0,0,0,.55);transition:.22s;z-index:70;font-size:9px;max-width:min(92vw,700px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.win-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(1,6,18,.56);backdrop-filter:blur(10px);pointer-events:none}.win-overlay[hidden]{display:none}.win-card{position:relative;text-align:center;padding:32px 38px;min-width:min(88vw,430px);border-radius:20px;background:linear-gradient(145deg,rgba(9,22,47,.98),rgba(3,8,20,.99));border:1px solid rgba(18,217,255,.33);box-shadow:0 30px 110px rgba(0,0,0,.64),0 0 70px rgba(18,217,255,.14),0 0 0 1px rgba(255,24,220,.1) inset;animation:winPop .45s cubic-bezier(.18,.89,.32,1.18)}.win-card span{display:block;color:var(--cyan);font-size:8px;letter-spacing:.24em;font-weight:950}.win-card strong{display:block;margin:10px 0 6px;font-size:28px;line-height:1.08;overflow-wrap:anywhere}.win-card small{color:#a7d4f7;font-size:9px;font-weight:800}.win-burst{font-size:48px;color:var(--magenta);text-shadow:0 0 26px rgba(255,24,220,.5);animation:winSpin .8s ease-in-out infinite alternate}@keyframes winPop{0%{transform:scale(.76);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes winSpin{to{transform:rotate(16deg) scale(1.08)}}.win-overlay.miss .win-card{border-color:rgba(255,95,130,.32);box-shadow:0 30px 110px rgba(0,0,0,.64),0 0 60px rgba(255,24,220,.11),inset 0 0 0 1px rgba(255,95,130,.06)}.win-overlay.miss .win-burst,.win-overlay.miss .win-card span{color:var(--danger)}
@media(max-width:1370px){.top-metrics{max-width:480px}.brand{min-width:245px}.dashboard{grid-template-columns:170px minmax(0,1fr)}.hero-grid{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1120px){.topbar{flex-wrap:wrap}.top-metrics{order:3;max-width:none;width:100%}.top-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.space-card{min-height:320px}.options-panel{min-height:320px}.lower-grid{grid-template-columns:1fr}}
@media(max-width:860px){.dashboard{grid-template-columns:1fr}.side-nav{position:static;min-height:auto}.side-nav nav{grid-template-columns:repeat(5,1fr)}.nav-item{justify-content:center}.nav-item b{display:none}.side-help{display:none}.page-title{align-items:flex-start;flex-direction:column}.info-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.space-card{min-height:360px}}
@media(max-width:620px){.app-shell{width:94vw}.brand{min-width:0}.brand-copy{display:none}.topbar{padding:9px}.top-metrics{grid-template-columns:repeat(3,1fr)}.metric{padding:7px 8px}.metric-icon{display:none}.top-actions{width:100%;justify-content:flex-start}.room-banner,.room-banner-right{align-items:stretch}.room-banner{flex-direction:column}.room-banner-right>*{flex:1 1 100%}.page-title{padding:14px}.page-title h1{font-size:38px}.wheel-stage{min-height:0;padding:12px 10px 14px}.stage-head{align-items:flex-start}.stage-chip{display:none}.wheel-frame{width:calc(100vw - 52px)}canvas{width:calc(100% - 48px);height:calc(100% - 48px)}.wheel-center-ring{width:122px;height:122px}.spin-btn{width:116px;height:116px;border-width:8px}.spin-core{width:90px;height:90px}.spin-core span{font-size:14px}.spin-core small{font-size:6px}.pointer{width:38px;height:46px}.prediction-card,.boost-card{align-items:flex-start;flex-wrap:wrap}.boost-main-btn{width:100%}.lower-grid{gap:10px}.info-grid{gap:10px}.side-nav nav{grid-template-columns:repeat(5,1fr)}}
@media(max-width:430px){.top-metrics{display:none}.space-card{min-height:300px}.space-copy strong{font-size:24px}.space-copy strong em{font-size:17px}.option-item{grid-template-columns:minmax(0,1fr)}.option-buttons{justify-content:flex-end}.trash-item{align-items:flex-start;flex-direction:column}.restore-btn{width:100%}.boost-choices{grid-template-columns:repeat(2,1fr)}}