:root{--bg:#05041a;--panel:#0c0a26;--panel2:#100e2c;--line:#2c2358;--cyan:#5ce9ff;--cyan2:#21b8ff;--violet:#b34dff;--pink:#ff4dd8;--gold:#ffd76a;--green:#4ff0b2;--red:#ff5b74;--text:#f2f0ff;--muted:#8b86b0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,#112b46 0,#07111d 34%,#05041a 70%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.16;animation:float 11s ease-in-out infinite}.ambient i:nth-child(1){width:340px;height:340px;background:#3a8dff;left:-120px;top:10%}.ambient i:nth-child(2){width:300px;height:300px;background:#a04dff;right:-100px;top:40%;animation-delay:-3s}.ambient i:nth-child(3){width:260px;height:260px;background:#20e4ff;left:30%;bottom:-120px;animation-delay:-6s}.shell{position:relative;z-index:1;max-width:1420px;margin:auto;padding:16px 20px 36px}nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0 18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em}.brand>span{display:flex;flex-direction:column}.brand small{font-size:8px;color:var(--muted);letter-spacing:.14em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#133453,#07101d);border:1px solid #29678a;color:var(--cyan);box-shadow:0 0 24px #5ce9ff22,inset 0 0 18px #5ce9ff12;font-style:normal}.wallet{padding:9px 13px;border-radius:14px;background:#071421cc;border:1px solid #31285e;min-width:164px;text-align:right;backdrop-filter:blur(12px)}.wallet small{display:block;font-size:8px;color:var(--muted);letter-spacing:.12em}.wallet strong{display:block;margin-top:3px;color:#fff;font-size:17px}.back{color:#8faebf;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.08em}.hero,.arena-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:430px;padding:44px 46px;border:1px solid #31285e;border-radius:28px;background:linear-gradient(145deg,#081827e6,#050b14ee),radial-gradient(circle at 80% 50%,#243c8d33,transparent 40%);box-shadow:0 28px 90px #0008,inset 0 0 80px #5ce9ff08;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--cyan);font-weight:900}.hero h1,.arena-hero h1{font-size:clamp(46px,6vw,84px);line-height:.94;margin:14px 0 20px;letter-spacing:-.045em}.hero h1 span,.arena-hero h1 span{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));-webkit-background-clip:text;color:transparent}.hero p,.arena-hero p{max-width:670px;color:#9bb4c3;line-height:1.65;font-size:16px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-badges span{font-size:10px;font-weight:800;color:#bcd2de;padding:8px 10px;border:1px solid #1a3b54;background:#071421;border-radius:999px}.hero-reactor{width:min(38vw,380px);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.reactor-halo{position:absolute;border-radius:50%;border:1px solid #4bdcff55;box-shadow:0 0 35px #5ce9ff12}.reactor-halo.h1{inset:7%;animation:spin 14s linear infinite;border-style:dashed}.reactor-halo.h2{inset:21%;border-color:#b34dff66;animation:spinR 9s linear infinite}.reactor-halo.h3{inset:34%;border-color:#ffd76a66;animation:pulseRing 2.2s ease-in-out infinite}.core-center{position:relative;width:32%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:42px;color:var(--cyan);background:radial-gradient(circle,#173a54 0,#081420 62%,#080618 100%);border:1px solid #57ddff88;box-shadow:0 0 35px #5ce9ff44,0 0 90px #8d6cff22,inset 0 0 30px #5ce9ff25}.core-center small{position:absolute;bottom:18%;font-size:7px;color:#8bb7c9;letter-spacing:.16em}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 24px var(--cyan)}.s1{animation:orbit1 4s linear infinite}.s2{animation:orbit2 6s linear infinite}.s3{animation:orbit3 8s linear infinite}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.mode-card{position:relative;min-height:310px;padding:28px;border-radius:24px;border:1px solid #193b55;background:linear-gradient(155deg,#091a2a,#050c15);text-decoration:none;color:#fff;overflow:hidden;box-shadow:0 18px 55px #0005;transition:.2s}.mode-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-80px;filter:blur(6px);opacity:.15}.mode-card.solo:before{background:var(--cyan)}.mode-card.arena:before{background:var(--violet)}.mode-card:hover{transform:translateY(-3px);border-color:#2b6387}.mode-top{display:flex;justify-content:space-between;align-items:center}.mode-icon{font-size:30px}.mode-tag{font-size:8px;letter-spacing:.16em;color:#86a4b7;border:1px solid #25475d;padding:7px 9px;border-radius:999px}.mode-card h2{font-size:34px;margin:42px 0 8px}.mode-card p{color:#819eb0;line-height:1.5;max-width:520px}.mode-stats{display:flex;gap:24px;margin-top:24px}.mode-stats span{display:flex;flex-direction:column}.mode-stats small{font-size:7px;color:#68879a}.mode-stats b{margin-top:4px;color:#dff9ff}.mode-cta{position:absolute;bottom:24px;right:25px;font-size:11px;color:var(--cyan)}.notice{margin:18px 0;padding:13px 16px;border-radius:14px;background:#08131f;border:1px solid #2c2358;color:#819dae;font-size:11px}footer{text-align:center;color:#4e6777;font-size:9px;letter-spacing:.16em;padding:20px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.reactor-card,.control-card,.leaderboard,.room-wait,.public-rooms,.room-form-card{background:linear-gradient(155deg,#091827eb,#050c15f5);border:1px solid #173951;border-radius:22px;box-shadow:0 24px 70px #0006}.reactor-card{padding:18px}.control-card{padding:18px}.round-head,.section-title,.control-title,.leader-title,.room-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-head small,.section-title small,.control-title small,.leader-title small,.room-summary small{font-size:8px;color:var(--muted);letter-spacing:.14em}.round-head h2,.section-title h2,.control-title h3,.leader-title h3{margin:4px 0 0}.round-state{display:flex;align-items:center;gap:8px;font-size:10px;color:#9cb5c4}.round-state span{width:8px;height:8px;border-radius:50%;background:#486070}.round-state span.live{background:var(--gold);box-shadow:0 0 16px var(--gold)}.reactor-stage{position:relative;width:min(100%,680px);aspect-ratio:1;margin:4px auto 8px;display:grid;place-items:center;overflow:visible}.reactor-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-rings i{position:absolute;border:1px solid #2f739344;border-radius:50%;inset:3%;animation:spin 18s linear infinite}.stage-rings i:nth-child(2){inset:9%;border-style:dashed;border-color:#8f75ff44;animation:spinR 12s linear infinite}.stage-rings i:nth-child(3){inset:15%;border-color:#ffd76a33;animation:pulseRing 3s ease-in-out infinite}.pulse-grid{width:83%;height:83%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px;position:relative;padding:7%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#112d42 0,#071520 43%,#060616 75%);border:1px solid #245b79;box-shadow:inset 0 0 90px #5ce9ff12,0 0 60px #000}.pulse-grid:before{content:"";position:absolute;inset:14%;background:linear-gradient(90deg,transparent 31%,#5a4aa8 32%,#5a4aa8 33%,transparent 34%,transparent 66%,#5a4aa8 67%,#5a4aa8 68%,transparent 69%),linear-gradient(0deg,transparent 31%,#5a4aa8 32%,#5a4aa8 33%,transparent 34%,transparent 66%,#5a4aa8 67%,#5a4aa8 68%,transparent 69%);opacity:.72;filter:drop-shadow(0 0 7px #5ce9ff66)}.pulse-grid:after{content:"";position:absolute;inset:3%;border:1px dashed #1c526f;border-radius:50%;animation:spin 19s linear infinite;pointer-events:none}.node{position:relative;z-index:5;border-radius:50%;border:2px solid #2c6b91;background:radial-gradient(circle at 38% 32%,#1c5878,#0a1c2b 54%,#02070c 100%);color:#eafaff;font-size:clamp(24px,3vw,38px);font-weight:1000;box-shadow:inset 0 0 28px #5ce9ff1b,0 11px 25px #0008;cursor:pointer;transition:.18s;touch-action:manipulation}.node:before{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid #77e6ff30}.node:hover{transform:scale(1.04);border-color:var(--cyan)}.node.selected{border-color:var(--violet);transform:scale(1.04);box-shadow:0 0 38px #b34dff88,inset 0 0 40px #b34dff30}.node.selected:after{content:attr(data-order);position:absolute;right:3px;top:3px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--violet);font-size:11px;box-shadow:0 0 18px #b34dff}.node.hit{border-color:var(--gold);color:#fff9cf;animation:nodeHit .65s ease both;box-shadow:0 0 60px #ffd76acc,inset 0 0 45px #ffd76a55}.node.dimmed{opacity:.38}.core-emblem{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#163e59,#0b0e28 70%);border:1px solid #4edfff88;box-shadow:0 0 40px #5ce9ff33;pointer-events:none}.core-emblem span{font-weight:1000;color:var(--cyan);font-size:19px}.core-emblem small{position:absolute;bottom:11px;font-size:6px;color:#709db0}.pulse-orb{position:absolute;z-index:9;width:20px;height:20px;border-radius:50%;background:#fff8ca;box-shadow:0 0 12px #fff,0 0 30px var(--gold),0 0 60px var(--cyan);opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:left .46s cubic-bezier(.16,.8,.3,1),top .46s cubic-bezier(.16,.8,.3,1),opacity .12s}.pulse-orb.live{opacity:1}.route-display{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:8px}.route-box{padding:12px 14px;border-radius:13px;background:#0c0b28;border:1px solid #17364e}.route-box span{font-size:8px;color:var(--muted);letter-spacing:.12em}.route-box strong{display:block;margin-top:4px;font-size:21px}.route-box.result strong{color:var(--gold)}.versus{text-align:center;font-size:9px;color:#57758a;font-weight:900}.message-bar{margin-top:10px;padding:10px;border-radius:12px;background:#091a29;color:#819eaf;text-align:center;font-size:11px}.live-pill{display:inline-flex;align-items:center;padding:7px 9px;border-radius:999px;background:#0c3029;color:var(--green);border:1px solid #205d50;font-size:8px;font-weight:900;letter-spacing:.12em}.arena-live{background:#2a2247;color:#c1b1ff;border-color:#5b4c8c}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chips button,.primary,.secondary,.ghost{border:1px solid #285273;border-radius:13px;padding:12px;background:#0d2235;color:#fff;font-weight:900;cursor:pointer}.chips button{text-align:left}.chips button small{display:block;font-size:7px;color:#7191a5;margin-bottom:3px}.chips button.active{border-color:var(--cyan);background:#0e2940;box-shadow:0 0 20px #5ce9ff2b}.selected-stake{display:flex;justify-content:space-between;padding:12px 2px;color:var(--muted);font-size:11px}.primary{width:100%;margin-top:8px;border:0;background:linear-gradient(90deg,#087ebc,#6b4bd7);box-shadow:0 12px 30px #2d6ee733}.primary span{display:block}.primary small{display:block;font-size:7px;color:#d8f6ff;margin-top:3px}.primary:disabled,.secondary:disabled{opacity:.34;cursor:not-allowed}.secondary{width:100%;background:#081927}.ghost{background:#0c0b28;border-color:#25465c}.ghost.danger{color:#ff8295;border-color:#5a2935}.slim{width:auto;padding:10px 15px;margin:0}.paytable{margin-top:20px}.pay-head{display:flex;justify-content:space-between;align-items:center}.pay-head span{font-size:8px;color:var(--cyan)}.paytable>div:not(.pay-head){display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #163047;font-size:12px}.mobile-actionbar{display:none}.overlay{position:fixed;inset:0;background:#01050ce8;display:grid;place-items:center;z-index:100;backdrop-filter:blur(10px)}.overlay.hidden,.hidden{display:none!important}.win-panel{position:relative;min-width:min(440px,90vw);text-align:center;padding:54px 30px;border-radius:28px;background:radial-gradient(circle at 50% 0,#173f5d,#07121d 58%,#05041a);border:1px solid #2a5d7d;overflow:hidden;box-shadow:0 30px 100px #000}.win-panel h1{font-size:clamp(42px,8vw,72px);margin:12px 0}.win-panel>small{color:var(--gold);font-weight:900}.win-panel p{color:var(--muted)}.win-panel button{position:relative;z-index:2;border:1px solid #315873;border-radius:12px;padding:12px 28px;background:#0f2538;color:#fff;font-weight:900}.win-rays{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,#5ce9ff14,transparent,#b34dff18,transparent,#ffd76a14,transparent);animation:spin 7s linear infinite}.screen-flash:after{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;background:#dcfbff;animation:flash .35s ease forwards}.confetti{position:fixed;z-index:110;width:7px;height:14px;background:linear-gradient(#fff,var(--gold));pointer-events:none;animation:confetti 1s cubic-bezier(.2,.7,.2,1) forwards}.arena-hero{min-height:300px}.room-core{justify-self:center;width:170px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:70px;color:var(--violet);background:radial-gradient(circle,#1d3155,#080f1c 65%);border:1px solid #5f55a8;box-shadow:0 0 60px #745eff2c}.room-core small{position:absolute;margin-top:90px;font-size:7px;color:#9f98c7}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.room-form-card{padding:22px}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-head>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#112941;color:var(--cyan);font-size:21px}.card-head small{font-size:8px;color:var(--muted)}.card-head h2{margin:2px 0 0}.room-form-card form{display:grid;gap:12px}.room-form-card label{display:grid;gap:6px;color:#8fa9b9;font-size:10px;font-weight:800}.room-form-card input,.room-form-card select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #24465d;background:#06121d;color:#fff;outline:none}.room-form-card input:focus,.room-form-card select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5ce9ff10}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented input{display:none}.segmented span{display:block;text-align:center;padding:10px;border:1px solid #24465d;border-radius:11px;background:#0c0a27;cursor:pointer}.segmented input:checked+span{border-color:var(--violet);background:#201a38;color:#c8baff}.form-msg{margin-top:12px;font-size:11px}.form-msg.bad{color:#ff8094}.form-msg.ok{color:var(--green)}.code-input{text-transform:uppercase;letter-spacing:.16em;font-weight:900}.public-rooms{padding:20px;margin-top:18px}.public-room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.public-room{display:grid;grid-template-columns:1fr 110px 80px;gap:10px;align-items:center;text-align:left;padding:13px;border-radius:13px;border:1px solid #1c4058;background:#071520;color:#fff;cursor:pointer}.public-room span{display:grid}.public-room small{color:#6f91a5;font-size:8px;margin-top:3px}.public-room em{font-style:normal;color:var(--cyan);font-weight:900;text-align:right}.room-wait{padding:22px}.room-summary{padding-bottom:18px;border-bottom:1px solid #17334a}.room-summary h1{margin:5px 0 10px}.room-meta{display:flex;gap:8px}.room-meta span{padding:8px 10px;border-radius:10px;background:#081827;color:#7595a9;font-size:8px}.room-meta b{display:block;color:#fff;font-size:13px;margin-top:3px}.invite-box{text-align:right}.invite-box>strong{display:block;color:var(--gold);font-size:30px;letter-spacing:.16em;margin:3px 0 9px}.invite-box>div{display:flex;gap:7px}.wait-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:18px}.wait-players{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.wait-player{display:grid;grid-template-columns:42px 1fr 12px;align-items:center;gap:9px;padding:10px;border-radius:12px;background:#071723;border:1px solid #2c2358}.wait-player.you{border-color:#2f7193}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#153e58,#0a1a27);color:var(--cyan);font-weight:900}.wait-player b{display:block;font-size:12px}.wait-player b em{font-size:6px;color:var(--gold);font-style:normal;margin-left:5px}.wait-player small{display:block;font-size:7px;color:#718fa1;margin-top:3px}.ready-dot{width:9px;height:9px;border-radius:50%;background:#425564}.ready-dot.on{background:var(--green);box-shadow:0 0 12px var(--green)}.lobby-controls{padding:15px;border-radius:14px;background:#06131f;border:1px solid #15364d}.lobby-controls p{color:#7e9bad;font-size:11px;line-height:1.5}.lobby-controls button{margin-top:8px}.room-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.room-kpis span{padding:8px 9px;border-radius:10px;background:#071824;border:1px solid #17374e}.room-kpis small{display:block;font-size:6px;color:#6e8c9f}.room-kpis b{display:block;margin-top:3px;font-size:12px}.compact-players{display:grid;gap:6px;margin:12px 0}.compact-players>div{display:flex;justify-content:space-between;padding:8px;border-radius:9px;background:#071722;font-size:10px}.compact-players b{color:#778f9e;font-size:8px}.compact-players b.locked{color:var(--green)}.pulse-host{background:linear-gradient(90deg,#b57910,#e55762);box-shadow:0 12px 30px #ff7d2930}.leaderboard{margin-top:16px;padding:18px}.leader-row{display:grid;grid-template-columns:50px 1fr 1.2fr 1.3fr 110px;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #2c2358;font-size:11px}.leader-row.you{background:#102e45;border-radius:10px;border:1px solid #265d7c}.class-pill{font-size:8px;padding:5px 7px;border-radius:999px;background:#10273a;width:max-content}.leader-row strong{text-align:right;color:var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinR{to{transform:rotate(-360deg)}}@keyframes pulseRing{50%{transform:scale(1.05);box-shadow:0 0 30px #b34dff22}}@keyframes orbit1{from{transform:rotate(0) translateX(145px)}to{transform:rotate(360deg) translateX(145px)}}@keyframes orbit2{from{transform:rotate(120deg) translateX(110px)}to{transform:rotate(480deg) translateX(110px)}}@keyframes orbit3{from{transform:rotate(240deg) translateX(75px)}to{transform:rotate(600deg) translateX(75px)}}@keyframes float{50%{transform:translate(45px,25px) scale(1.15)}}@keyframes nodeHit{0%{transform:scale(1)}45%{transform:scale(1.17)}100%{transform:scale(1.05)}}@keyframes flash{from{opacity:.22}to{opacity:0}}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(520deg);opacity:0}}
@media(max-width:950px){.hero,.arena-hero{grid-template-columns:1fr;min-height:0}.hero-reactor{width:280px}.mode-grid,.room-actions,.game-layout,.wait-grid{grid-template-columns:1fr}.control-card{order:2}.public-room-grid{grid-template-columns:1fr}.reactor-stage{max-width:620px}.desktop-controls{display:none}.mobile-actionbar{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:45;display:grid;grid-template-columns:64px 1fr 104px;gap:7px;align-items:center;margin:10px auto 0;padding:7px;max-width:680px;border:1px solid #2b5572;border-radius:17px;background:#06111df2;box-shadow:0 10px 35px #000b,0 0 28px #5ce9ff14;backdrop-filter:blur(14px)}.mobile-actionbar .mini-clear{height:52px;border:1px solid #27485e;border-radius:12px;background:#0a1c2a;color:#9eb5c3;font-size:9px;font-weight:900}.mobile-route{min-width:0;padding:0 4px}.mobile-route small{display:block;color:#728fa1;font-size:7px}.mobile-route strong{display:block;white-space:nowrap;margin-top:3px;font-size:16px;overflow:hidden;text-overflow:ellipsis}.pulse-button{height:54px;border:0;border-radius:13px;background:linear-gradient(145deg,#087fbd,#7049d8);color:#fff;font-weight:900;box-shadow:0 0 22px #5ce9ff24}.pulse-button span{display:block;font-size:9px}.pulse-button b{display:block;font-size:12px}.pulse-button:disabled{opacity:.34}.host-pulse{background:linear-gradient(145deg,#b77a0a,#e65563)}.room-shell{padding-bottom:4px}.room-game{display:block}.room-game .reactor-card{padding-bottom:12px}.room-game+.leaderboard{margin-bottom:8px}}
@media(max-width:620px){.shell{padding:8px 8px 18px}nav{padding-bottom:9px;flex-wrap:wrap}.brand{font-size:11px}.brand-mark{width:34px;height:34px;border-radius:10px}.wallet{min-width:142px;padding:7px 10px}.wallet strong{font-size:14px}.back{order:3;width:100%;padding-top:2px}.hero,.arena-hero{padding:24px 17px;border-radius:20px}.hero h1,.arena-hero h1{font-size:45px}.hero p,.arena-hero p{font-size:13px}.hero-reactor{width:210px}.mode-grid{gap:10px}.mode-card{min-height:255px;padding:20px}.mode-card h2{font-size:29px;margin-top:32px}.room-actions{gap:10px}.room-form-card,.public-rooms,.room-wait{padding:14px;border-radius:17px}.form-grid{grid-template-columns:1fr 1fr}.room-summary{align-items:flex-start;flex-direction:column}.invite-box{text-align:left;width:100%}.invite-box>div{justify-content:flex-start}.wait-players{grid-template-columns:1fr}.round-head h2{font-size:18px}.reactor-card{padding:10px;border-radius:17px}.room-kpis{gap:4px}.room-kpis span{padding:6px}.reactor-stage{width:100%;height:min(49vh,440px);aspect-ratio:auto;margin:0 auto}.pulse-grid{width:min(88vw,390px);height:min(88vw,390px);gap:8px;padding:7%}.node{font-size:22px}.node.selected:after{width:20px;height:20px;font-size:8px}.core-emblem{width:52px;height:52px}.core-emblem span{font-size:15px}.core-emblem small{bottom:7px}.route-display{grid-template-columns:1fr 26px 1fr}.route-box{padding:8px 9px}.route-box strong{font-size:15px}.message-bar{font-size:9px;padding:7px;margin-top:6px}.mobile-actionbar{position:fixed;left:8px;right:8px;bottom:calc(6px + env(safe-area-inset-bottom));margin:0;max-width:none}.game-shell{padding-bottom:78px}.room-game .reactor-card{height:calc(100dvh - 162px);min-height:510px;display:flex;flex-direction:column}.room-game .reactor-stage{flex:1;min-height:0}.room-game .route-display,.room-game .message-bar{flex:none}.room-game .round-head{flex:none}.leaderboard{padding:10px}.leader-row{grid-template-columns:33px 70px 1fr 82px;font-size:9px;gap:4px}.leader-row span:nth-child(3){display:none}.leader-row strong{font-size:9px}.class-pill{font-size:7px}.public-room{grid-template-columns:1fr 80px}.public-room em{grid-column:1/-1;text-align:left}.room-core{width:130px;font-size:50px}.arena-hero{gap:18px}.room-meta{flex-wrap:wrap}}
@media(max-height:720px) and (max-width:620px){.room-game .reactor-card{height:calc(100dvh - 145px);min-height:450px}.reactor-stage{height:min(44vh,330px)}.pulse-grid{width:min(74vw,330px);height:min(74vw,330px)}.round-head h2{font-size:16px}.room-kpis span:nth-child(3),.room-kpis span:nth-child(4){display:none}.room-kpis{grid-template-columns:1fr 1fr}.message-bar{display:none}}

/* v0.3.1 premium casino reactor + free stake controls */
.reactor-card{position:relative;overflow:hidden;background:
 radial-gradient(circle at 50% 44%,rgba(40,205,255,.12),transparent 26%),
 radial-gradient(circle at 15% 15%,rgba(156,94,255,.12),transparent 32%),
 linear-gradient(155deg,#081622f5,#080719f8 70%);border-color:#295875;box-shadow:0 28px 80px #0009,inset 0 1px 0 #ffffff0b,inset 0 0 90px #16c9ff08}
.reactor-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 34px,#5ce9ff08 35px,#5ce9ff08 36px,transparent 37px 72px);mask-image:linear-gradient(to bottom,#0008,transparent 75%);animation:casinoScan 12s linear infinite}
.reactor-card:after{content:"";position:absolute;left:8%;right:8%;top:76px;height:1px;background:linear-gradient(90deg,transparent,#5ce9ff99,#ad78ffcc,#ffd76a99,transparent);box-shadow:0 0 18px #5ce9ff66;opacity:.65}
.reactor-stage{isolation:isolate;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0b2637aa,transparent 58%)}
.reactor-stage:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 10%,#58e9ff18 12%,transparent 15% 34%,#c95bff18 37%,transparent 40% 65%,#ffd76a14 69%,transparent 73%);filter:blur(2px);animation:spin 22s linear infinite;z-index:-2}
.reactor-stage:after{content:"";position:absolute;inset:8%;border-radius:50%;border:8px solid #0b1720;outline:1px solid #4883a155;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 0 60px #000,0 0 45px #000b,0 0 55px #40dfff15;z-index:-1}
.stage-rings i:first-child{border:2px solid transparent;border-top-color:#50e7ff88;border-right-color:#50e7ff22;box-shadow:inset 0 0 28px #5ce9ff0b,0 0 14px #5ce9ff1b}
.stage-rings i:nth-child(2){border-width:2px;border-color:#a378ff44;border-style:dashed;box-shadow:0 0 18px #b967ff12}
.stage-rings i:nth-child(3){border-width:2px;box-shadow:0 0 18px #ffd76a18}
.pulse-grid{background:
 radial-gradient(circle at 50% 50%,rgba(72,228,255,.16) 0 8%,transparent 25%),
 radial-gradient(circle at 35% 28%,#153b4b 0,#071722 38%,#02060a 76%);border:2px solid #39718d;box-shadow:inset 0 0 100px #34dfff16,inset 0 0 0 8px #051019,0 0 0 1px #ffffff10,0 0 65px #000}
.pulse-grid:after{border:2px dashed #49dfff34;box-shadow:0 0 22px #5ce9ff18,inset 0 0 20px #9a75ff0c}
.node{border:2px solid #377698;background:radial-gradient(circle at 34% 26%,#2780a0 0,#102b3c 30%,#07121c 68%,#020507 100%);box-shadow:inset 0 1px 0 #ffffff22,inset 0 -12px 24px #0008,0 10px 26px #000b,0 0 0 4px #0a1720}
.node:before{inset:7px;border-color:#aaf4ff38;box-shadow:inset 0 0 16px #51dfff13}
.node:hover,.node.selected{filter:saturate(1.15) brightness(1.08)}
.core-emblem{width:82px;height:82px;background:radial-gradient(circle at 43% 35%,#7cf3ff,#1487aa 12%,#142d47 34%,#080d18 66%,#020408 100%);border:2px solid #8ff3ff;box-shadow:0 0 12px #fff8,0 0 35px #5ce9ff99,0 0 80px #a04dff44,inset 0 0 22px #fff2;animation:coreBreath 1.9s ease-in-out infinite}
.core-emblem:before{content:"";position:absolute;inset:-14px;border:2px dashed #65e7ff66;border-radius:50%;animation:spinR 7s linear infinite}
.core-emblem:after{content:"";position:absolute;inset:-26px;border:1px solid #c95bff44;border-radius:50%;box-shadow:0 0 24px #b967ff24;animation:spin 11s linear infinite}
.core-emblem span{color:white;text-shadow:0 0 10px #fff,0 0 20px #5ce9ff}
.custom-stake{margin-top:12px;padding:11px;border:1px solid #1d455e;border-radius:14px;background:linear-gradient(145deg,#071723,#051019)}
.custom-stake>label,.mobile-stake-control>small{display:block;font-size:7px;letter-spacing:.14em;color:#7594a8;font-weight:900;margin-bottom:6px}
.stake-stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:7px}.stake-stepper>button,.mobile-stake-control button{border:1px solid #2b5871;background:#102638;color:#dffbff;border-radius:10px;font-size:20px;font-weight:900}.stake-stepper>div{display:flex;align-items:center;border:1px solid #38718f;border-radius:10px;background:#030b12;overflow:hidden}.stake-stepper span{padding-left:12px;color:#7fa4b8;font-weight:900}.stake-stepper input,.mobile-stake-control input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:18px;font-weight:1000;text-align:center;padding:10px 4px;-moz-appearance:textfield}.stake-stepper input::-webkit-outer-spin-button,.stake-stepper input::-webkit-inner-spin-button,.mobile-stake-control input::-webkit-outer-spin-button,.mobile-stake-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-hint{font-size:7px;color:#607f92;font-weight:500}.mobile-stake-control{min-width:84px;text-align:center}.mobile-stake-control>div{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;border:1px solid #285069;border-radius:10px;background:#071721;overflow:hidden}.mobile-stake-control button{height:38px;border:0;border-radius:0;font-size:15px;padding:0}.mobile-stake-control input{font-size:13px;padding:6px 2px;height:38px}.solo-mobile-bar{grid-template-columns:54px minmax(90px,1fr) 112px 98px}
@keyframes casinoScan{to{background-position:800px 0}}@keyframes coreBreath{50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 18px #fff9,0 0 48px #5ce9ffbb,0 0 100px #a04dff66,inset 0 0 28px #fff3}}
@media(max-width:620px){.solo-mobile-bar{grid-template-columns:48px minmax(72px,1fr) 102px 92px;gap:5px}.solo-mobile-bar .mobile-route strong{font-size:13px}.mobile-stake-control{min-width:0}.reactor-card:after{top:62px}.core-emblem{width:58px;height:58px}.core-emblem:before{inset:-9px}.core-emblem:after{inset:-17px}.pulse-grid{box-shadow:inset 0 0 65px #34dfff18,inset 0 0 0 5px #051019,0 0 0 1px #ffffff10,0 0 38px #000}.game-shell{padding-bottom:84px}}
@media(max-width:410px){.solo-mobile-bar{grid-template-columns:42px minmax(62px,1fr) 92px 84px;padding:5px}.mobile-stake-control button{height:36px}.mobile-stake-control input{height:36px;font-size:12px}.pulse-button{height:50px}.mobile-actionbar .mini-clear{height:48px;font-size:8px}}

/* v0.4 casino layout upgrade based on approved neon mockups */
.casino-body{background:radial-gradient(circle at top center,#07111f 0,#040912 34%,#02050b 100%)}
.casino-shell{max-width:1520px}
.casino-topnav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 18px;border-bottom:1px solid #102031}
.compact-nav{padding-bottom:12px}
.nav-left{display:flex;align-items:center;gap:18px;min-width:0}
.casino-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.02em}
.casino-brand .brand-word{font-size:24px;line-height:1}
.casino-brand .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border:0;background:none;color:#50e8ff;font-size:32px;box-shadow:none}
.top-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.top-links a{padding:10px 14px;border:1px solid transparent;border-radius:12px;color:#7d98aa;text-decoration:none;font-weight:700}
.top-links a.active,.top-links a:hover{color:#fff;border-color:#1f4e6c;background:linear-gradient(180deg,#081522,#07111c)}
.top-wallet-group{display:flex;align-items:center;gap:12px}
.casino-wallet{min-width:180px;border-color:#273f58;background:linear-gradient(180deg,#060f18,#090718)}
.deposit-btn{display:inline-flex;align-items:center;justify-content:center;min-width:116px;height:48px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,#8b2fd9,#a04dff 58%,#6127f8);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 25px #5200ff33}
.desktop-only-large{display:block}.mobile-only-block{display:none}
.premium-hero{display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(360px,1.2fr);gap:22px;padding:24px;border:1px solid #16324b;border-radius:26px;background:linear-gradient(180deg,#0b0a24de,#0a0920f2);box-shadow:0 30px 80px #0008,inset 0 1px 0 #ffffff12}
.premium-copy h1{font-size:72px;line-height:.95;margin:16px 0;color:#eef6ff}.premium-copy h1 span{display:inline-block;color:#9f79ff;text-shadow:0 0 25px #5ce9ff22}.premium-copy p{max-width:630px;font-size:20px;line-height:1.45;color:#8da8bb}
.hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-btn{display:flex;flex-direction:column;justify-content:center;min-width:220px;padding:18px 22px;border-radius:18px;border:1px solid #214662;text-decoration:none}.hero-btn b{font-size:28px;line-height:1;color:#fff}.hero-btn small{display:block;margin-top:4px;font-size:12px;letter-spacing:.08em;color:#9cb7ca;font-weight:700}.hero-btn.solo-btn{background:linear-gradient(135deg,#0b6dff,#1ba2ff 70%,#71dcff)}.hero-btn.arena-btn{background:linear-gradient(135deg,#4f23c9,#9538ff 70%,#c75eff)}
.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stat-card{padding:14px 16px;border-radius:16px;border:1px solid #2c2358;background:#08121c}.stat-card small{display:block;color:#90abc1;font-size:11px;letter-spacing:.14em}.stat-card strong{display:block;margin-top:5px;font-size:26px;color:#fff}.stat-card.gold strong{color:#ffd76a}.stat-card.blue strong{color:#76d8ff}.stat-card.purple strong{color:#c88cff}
.hero-visual-wrap{display:grid;grid-template-columns:minmax(320px,1fr) 260px;gap:18px;align-items:start}.hero-reactor-frame{position:relative;padding:18px;border-radius:26px;border:1px solid #1a3652;background:radial-gradient(circle at center,#0b2030,#0c0a24 58%,#080618);box-shadow:inset 0 0 60px #40dfff12,0 20px 45px #0009}
.hero-reactor{position:relative;min-height:470px;border-radius:22px;border:1px solid #2a5b7d;background:radial-gradient(circle at center,#0f2b41 0,#081520 48%,#04070c 100%);overflow:hidden}
.grid-mini{position:absolute;inset:13%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:22px;z-index:2}.grid-mini span{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;border:2px solid #6f8eb0;background:radial-gradient(circle at 35% 35%,#8cf7ff 0,#1794c2 22%,#091929 60%,#020408 100%);box-shadow:0 0 0 10px #0a1622,0 0 28px #56dfff33,inset 0 0 25px #fff2}.grid-mini span.core{background:radial-gradient(circle at center,#fff 0,#d6f6ff 8%,#9855ff 26%,#2b2f8e 55%,#060b13 100%);border-color:#c9a1ff;box-shadow:0 0 0 16px #10172a,0 0 80px #b455ff55,inset 0 0 50px #fff5}.grid-mini:before,.grid-mini:after{content:"";position:absolute;inset:10% 15%;border-radius:50%;border:2px dashed #56dcff24;animation:spin 24s linear infinite}.grid-mini:after{inset:19% 23%;border-color:#c95bff24;animation-direction:reverse;animation-duration:14s}
.hero-reactor .core-center{z-index:3;width:134px;height:134px;bottom:calc(50% - 67px);top:auto;left:50%;transform:translateX(-50%);background:radial-gradient(circle at center,#fff 0,#97e7ff 8%,#7e4fff 22%,#1a214b 58%,#050811 100%);box-shadow:0 0 55px #5ce9ff55,0 0 95px #8b50ff33}
.hero-reactor .spark{z-index:1}
.hero-side-panels{display:grid;gap:14px}.hero-side-card{padding:18px;border-radius:20px;border:1px solid #273d55;background:linear-gradient(180deg,#071018,#04070c);box-shadow:0 16px 40px #0008}.hero-side-card small{display:block;margin-bottom:10px;color:#90acc0;font-size:11px;letter-spacing:.16em}.hero-side-card strong{display:block;font-size:34px;color:#ffd76a;margin-bottom:12px}.mini-activity-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #132030;color:#a8bfd1}.mini-activity-row:first-of-type{border-top:0;padding-top:0}.mini-activity-row b{color:#fff}.mini-activity-row em{font-style:normal;color:#ffd76a}.avatar-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#42ffb8,#27a76a);box-shadow:0 0 10px #38ffad66;display:inline-block;margin-right:8px}
.feature-row.casino-cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.feature-card{padding:20px;border-radius:22px;border:1px solid #1d3950;background:linear-gradient(180deg,#0b0a24,#090718);text-decoration:none;color:#d4e6f5;box-shadow:0 18px 45px #0007}.feature-card h3{margin:0 0 8px;font-size:28px}.feature-card p{min-height:72px;color:#8ca7ba;line-height:1.4}.feature-card b{color:#fff}.feature-card.blue{box-shadow:inset 0 0 0 1px #0c79ff55,0 18px 45px #0007}.feature-card.purple{box-shadow:inset 0 0 0 1px #924eff55,0 18px 45px #0007}.feature-card.cyan{box-shadow:inset 0 0 0 1px #00dbff55,0 18px 45px #0007}.feature-card.gold{box-shadow:inset 0 0 0 1px #ffbb2d55,0 18px 45px #0007}
.landing-bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:22px}.paytable-showcase,.live-rooms-showcase,.casino-rooms-panel{padding:20px;border-radius:24px;border:1px solid #2c2358;background:linear-gradient(180deg,#0b0a24,#090718)}
.section-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head-row small{display:block;color:#89a7bc;font-size:11px;letter-spacing:.16em}.section-head-row h2{margin:3px 0 0;font-size:28px}.paytable-grid.professional{display:grid;gap:10px}.paytable-grid.vertical{grid-template-columns:1fr}.pay-item{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid #1d3d56;background:linear-gradient(180deg,#09131e,#0a0920)}.pay-item span{display:block;font-size:18px;font-weight:900}.pay-item small{display:block;color:#82a0b7;font-size:12px;line-height:1.3}.pay-item b{font-size:40px;line-height:1}.pay-item.perfect span,.pay-item.perfect b{color:#c56cff}.pay-item.triple span,.pay-item.triple b{color:#5ce9ff}.pay-item.double span,.pay-item.double b{color:#4fa0ff}.pay-item.single span,.pay-item.single b{color:#ffcf52}.pay-item.none span,.pay-item.none b{color:#9da8b2}
.pay-icon{width:58px;height:58px;border-radius:14px;border:1px solid #2f4e64;background:#08131b;position:relative;box-shadow:inset 0 0 22px #000}.pay-icon:before{content:"";position:absolute;inset:8px;border-radius:12px;background-image:radial-gradient(circle at 8px 8px,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at center top,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at right 8px top 8px,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at left center,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at center,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at right center,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at left bottom 8px,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at center bottom,#3d2e6c 0 5px,transparent 6px),radial-gradient(circle at right bottom 8px,#3d2e6c 0 5px,transparent 6px)}
.pay-icon.full:after,.pay-icon.triple:after,.pay-icon.double:after,.pay-icon.single:after,.pay-icon.none:after{content:"";position:absolute;inset:8px;border-radius:12px;background-repeat:no-repeat}
.pay-icon.full:after{background-image:radial-gradient(circle at 8px 8px,#d946ef 0 5px,transparent 6px),radial-gradient(circle at center top,#83ebff 0 5px,transparent 6px),radial-gradient(circle at right 8px top 8px,#d946ef 0 5px,transparent 6px),radial-gradient(circle at left center,#83ebff 0 5px,transparent 6px),radial-gradient(circle at center,#ffffff 0 5px,transparent 6px),radial-gradient(circle at right center,#83ebff 0 5px,transparent 6px),radial-gradient(circle at left bottom 8px,#d946ef 0 5px,transparent 6px),radial-gradient(circle at center bottom,#83ebff 0 5px,transparent 6px),radial-gradient(circle at right bottom 8px,#d946ef 0 5px,transparent 6px)}
.pay-icon.triple:after{background-image:radial-gradient(circle at 8px 8px,#5ce9ff 0 5px,transparent 6px),radial-gradient(circle at center,#5ce9ff 0 5px,transparent 6px),radial-gradient(circle at right bottom 8px,#5ce9ff 0 5px,transparent 6px)}
.pay-icon.double:after{background-image:radial-gradient(circle at 8px 8px,#4fa0ff 0 5px,transparent 6px),radial-gradient(circle at right bottom 8px,#4fa0ff 0 5px,transparent 6px)}
.pay-icon.single:after{background-image:radial-gradient(circle at right 8px top 8px,#ffcf52 0 5px,transparent 6px)}
.recent-wins-strip{display:flex;align-items:center;gap:16px;margin-top:18px;padding:12px 16px;border-radius:18px;border:1px solid #14283b;background:linear-gradient(180deg,#060f18,#070617)}.wins-label{font-size:12px;letter-spacing:.16em;color:#ffcf52;font-weight:900;white-space:nowrap}.wins-ticker{display:flex;gap:20px;overflow:auto;white-space:nowrap;color:#b7cad9}.wins-ticker span b{color:#b96dff}
.live-room-cards{display:grid;gap:10px}.room-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:14px;border-radius:16px;border:1px solid #18364d;background:linear-gradient(180deg,#0d0b27,#0a0920)}.room-orb{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at center,#fff 0,#7fefff 8%,#3564ff 28%,#0a1420 72%);box-shadow:0 0 28px #5ce9ff44}.room-card h3{margin:0 0 4px;font-size:18px}.room-card small{color:#8ba7ba}.room-card-side{text-align:right}.room-card-side b{display:block;color:#ffd76a;margin-bottom:8px}.room-card-side a{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:86px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#5a2bde,#b548ff);color:#fff;text-decoration:none;font-weight:800}
.casino-footer{display:grid;grid-template-columns:1.1fr 2fr;gap:18px;margin-top:26px;padding:18px 10px 8px;border-top:1px solid #112130}.brand-footer{font-size:32px;font-weight:1000}.brand-footer span{color:#59e3ff}.casino-footer p{color:#8ea8bb}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.footer-cols small{display:block;color:#8aa5b9;font-size:11px;letter-spacing:.16em;margin-bottom:8px}.footer-cols a,.trust-pill{display:block;margin:6px 0;color:#d8e9f6;text-decoration:none}.trust-pill{padding:10px 12px;border-radius:12px;border:1px solid #21435f;background:#08111a;text-align:center}
.game-page-three-col{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:18px;align-items:start}.main-reactor-card{min-height:760px}.paytable-side,.game-info-side{padding:16px;border-radius:24px;border:1px solid #16354c;background:linear-gradient(180deg,#0b0a24,#090718);box-shadow:0 18px 45px #0008}.side-title small{display:block;color:#89a6ba;font-size:11px;letter-spacing:.15em}.side-title h3{margin:3px 0 14px;font-size:36px}.side-footer-tip{margin-top:14px;padding:12px 14px;border-radius:14px;background:#08121b;color:#87a1b5;font-size:13px;line-height:1.35}.game-info-side .control-title{margin-bottom:16px}.stake-box-premium{padding:12px;border-radius:18px;border:1px solid #1d415b;background:linear-gradient(180deg,#08111a,#090719)}.stake-box-premium label{display:block;color:#88a4b9;font-size:11px;letter-spacing:.16em;margin-bottom:10px;font-weight:900}.selected-stake{margin-top:10px;color:#94adc0}.selected-stake b{color:#fff;font-size:28px}.side-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.side-kpi-grid span,.room-summary-kpis span{display:block;padding:12px;border-radius:14px;border:1px solid #1b3d54;background:#08111a}.side-kpi-grid small,.room-summary-kpis small{display:block;color:#89a6b9;font-size:10px;letter-spacing:.14em}.side-kpi-grid b,.room-summary-kpis b{display:block;margin-top:6px;font-size:20px;color:#fff}
.room-info-box{padding:16px;border-radius:16px;border:1px solid #224a63;background:#08111a;text-align:center;margin-bottom:12px}.room-info-box small{display:block;color:#8ea8bc;font-size:11px;letter-spacing:.15em}.room-info-box strong{display:block;margin-top:5px;font-size:42px;letter-spacing:.12em;color:#b962ff}.room-summary-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.player-stack div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #163249;border-radius:14px;background:#09121a;margin-bottom:8px}.player-stack b{padding:4px 8px;border-radius:999px;background:#101d28;color:#9ec3dd;font-size:12px}.player-stack b.locked{background:#0f2a3d;color:#57d9ff}
.center-mobile-paytable{margin-top:12px}.center-mobile-paytable .paytable-grid{grid-template-columns:1fr 1fr}.center-mobile-paytable .pay-item{padding:10px;grid-template-columns:46px 1fr auto}.center-mobile-paytable .pay-item b{font-size:24px}.center-mobile-paytable .pay-item small{display:none}
.arena-page-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #2a2050;border-radius:24px;background:linear-gradient(180deg,#0b0a24,#090718);margin-bottom:18px}.hero-side-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-side-pills span{padding:10px 14px;border-radius:999px;border:1px solid #1c3f59;background:#08121a;color:#cbe0f0;font-weight:800}.casino-form-card{background:linear-gradient(180deg,#0c0a24,#090718);border-color:#2a2050}.arena-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.casino-rooms-panel{margin-top:18px}
.casino-room-wait{border-color:#2a2050;background:linear-gradient(180deg,#0b0a24,#090718)}
.mobile-tight{grid-template-columns:1fr 1fr}
@media(max-width:1300px){.feature-row.casino-cards-4{grid-template-columns:repeat(2,1fr)}.game-page-three-col{grid-template-columns:280px minmax(0,1fr) 280px}.premium-copy h1{font-size:60px}}
@media(max-width:1100px){.landing-bottom-grid,.arena-form-grid,.premium-hero{grid-template-columns:1fr}.hero-visual-wrap{grid-template-columns:1fr}.hero-side-panels{grid-template-columns:1fr 1fr}.game-page-three-col{grid-template-columns:1fr}.desktop-only-large{display:none}.mobile-only-block{display:block}.main-reactor-card{min-height:auto}.game-info-side{order:3}.paytable-side{order:2}.reactor-card.main-reactor-card{order:1}.side-title h3{font-size:28px}}
@media(max-width:820px){.casino-topnav{flex-wrap:wrap}.top-links.desktop-only{display:none}.top-wallet-group{width:100%;justify-content:space-between}.premium-copy h1{font-size:48px}.premium-copy p{font-size:16px}.hero-stats-row{grid-template-columns:1fr}.feature-row.casino-cards-4,.footer-cols{grid-template-columns:1fr}.hero-btn{min-width:0;flex:1}.hero-visual-wrap{gap:12px}.hero-side-panels{grid-template-columns:1fr}.game-page-three-col{gap:12px}.room-info-box strong{font-size:32px}.recent-wins-strip{display:block}.wins-label{margin-bottom:8px}}
@media(max-width:620px){.casino-shell{padding-left:8px;padding-right:8px}.casino-topnav{gap:10px}.casino-brand .brand-word{font-size:18px}.casino-brand .brand-mark{font-size:26px}.casino-wallet{min-width:145px}.casino-wallet strong{font-size:15px}.deposit-btn{min-width:98px;height:42px}.premium-hero,.paytable-showcase,.live-rooms-showcase,.casino-rooms-panel,.paytable-side,.game-info-side{padding:14px;border-radius:18px}.premium-copy h1{font-size:40px}.hero-copy .eyebrow{font-size:10px}.hero-btn b{font-size:22px}.hero-reactor{min-height:250px}.hero-reactor .core-center{width:88px;height:88px;bottom:calc(50% - 44px)}.grid-mini{gap:12px}.grid-mini span{box-shadow:0 0 0 6px #0a1622,0 0 18px #56dfff22}.feature-card h3{font-size:22px}.feature-card p{min-height:0}.landing-bottom-grid{gap:12px}.section-head-row h2{font-size:22px}.pay-item{grid-template-columns:48px 1fr auto;gap:10px;padding:10px}.pay-item span{font-size:14px}.pay-item b{font-size:28px}.room-card{grid-template-columns:40px 1fr}.room-card-side{grid-column:1/-1;text-align:left}.casino-footer{grid-template-columns:1fr}.arena-page-hero{padding:14px}.hero-side-pills span{font-size:12px}.arena-form-grid{gap:12px}.room-summary-kpis{grid-template-columns:1fr 1fr}.compact-nav .back{order:0;width:auto;padding-top:0}.main-reactor-card .message-bar{font-size:10px}}

/* v0.4.1 high-fidelity artwork integration */
.casino-shell{width:calc(100vw - 20px);max-width:1780px;padding-left:10px;padding-right:10px}
.game-page-three-col{grid-template-columns:350px minmax(620px,1fr) 350px;gap:14px}
.main-reactor-card{min-height:0;padding:14px;background:linear-gradient(180deg,#07111af7,#080719fb);border-color:#244a63}
.main-reactor-card .round-head{padding:0 4px 8px}.main-reactor-card .round-head h2{font-size:22px}.main-reactor-card .round-head small{color:#65eaff}
.reactor-stage{width:min(100%,780px);aspect-ratio:1;margin:0 auto 4px;filter:drop-shadow(0 22px 35px #0009)}
.reactor-stage:before,.reactor-stage:after{display:none!important}
.stage-rings{display:none}
.pulse-grid{width:100%;height:100%;padding:8.5% 7.5% 10%;gap:11%;border:0;border-radius:0;background:#02060c url('../images/n9_reactor_board.jpg') center/contain no-repeat;box-shadow:none;overflow:visible}
.pulse-grid:before,.pulse-grid:after{display:none}
.core-emblem{display:none}
.node{align-self:center;justify-self:center;width:71%;aspect-ratio:1;height:auto;min-width:0;border-radius:50%;border:1px solid transparent;background:radial-gradient(circle,#03132080 0,#03132042 43%,transparent 68%);color:#f7fdff;font-size:clamp(20px,2vw,34px);font-weight:1000;text-shadow:0 0 10px #00d9ff,0 2px 3px #000;box-shadow:none;backdrop-filter:none}
.node:before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid #78edff2b;box-shadow:inset 0 0 18px #5ce9ff10}
.node:hover{transform:scale(1.08);border-color:#67e8ff88;background:radial-gradient(circle,#0a4f6c99 0,#05233c66 45%,transparent 70%);box-shadow:0 0 26px #42ddff66}
.node.selected{transform:scale(1.1);border:2px solid #c86bff;background:radial-gradient(circle,#7e42ff55 0,#18265055 46%,transparent 70%);box-shadow:0 0 18px #fff5,0 0 45px #c026d3cc,inset 0 0 22px #6f43ff77}
.node.selected:after{right:-2px;top:-2px;width:26px;height:26px;background:linear-gradient(135deg,#8b2fd9,#e04dff);border:1px solid #efc7ff;color:white;box-shadow:0 0 20px #a950ff}
.node.hit{transform:scale(1.13);border:2px solid #ffe171;background:radial-gradient(circle,#ffe97088 0,#744b1055 45%,transparent 70%);box-shadow:0 0 28px #fff8,0 0 60px #ffd647cc}
.node.dimmed{opacity:.55}
.pulse-orb{width:28px;height:28px;background:#fff;border:2px solid #d9fbff;box-shadow:0 0 15px #fff,0 0 34px #50eaff,0 0 70px #8e4fff}
.route-display{margin-top:2px}.route-box{border-color:#1c4058;background:linear-gradient(180deg,#071522,#040c14)}
.message-bar{background:#071522;border-color:#2c2358;color:#7d9aad}
.paytable-side,.game-info-side{background:linear-gradient(180deg,#0b0e28,#080618);border-color:#39316a;box-shadow:0 20px 55px #0008,inset 0 1px 0 #fff08}
.paytable-side .pay-item{grid-template-columns:72px 1fr auto;padding:10px;border-color:#39316a;background:linear-gradient(180deg,#0d0b27,#090719)}
.paytable-side .pay-icon{width:72px;height:72px;border:0;border-radius:13px;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:0 0 24px #0009}
.paytable-side .pay-icon:before,.paytable-side .pay-icon:after,.paytable-showcase .pay-icon:before,.paytable-showcase .pay-icon:after,.center-mobile-paytable .pay-icon:before,.center-mobile-paytable .pay-icon:after{display:none}
.pay-icon.full{background-image:url('../images/pay_perfect.jpg')!important}.pay-icon.triple{background-image:url('../images/pay_triple.jpg')!important}.pay-icon.double{background-image:url('../images/pay_double.jpg')!important}.pay-icon.single{background-image:url('../images/pay_single.jpg')!important}.pay-icon.none{background-image:url('../images/pay_none.jpg')!important}
.paytable-side .pay-item span{font-size:18px}.paytable-side .pay-item small{font-size:11px}.paytable-side .pay-item b{font-size:38px}
.side-title h3{font-size:34px;letter-spacing:.02em}
.game-info-side{padding:14px}.stake-box-premium{background:linear-gradient(180deg,#0c0a27,#04090f);border-color:#39316a}.chips{gap:8px}.chips button{min-height:52px;border-radius:12px;border:1px solid #244a64;background:#0b2133;color:#fff;font-size:14px}.chips button.active{border-color:#65eaff;background:linear-gradient(180deg,#10314a,#0b2538);box-shadow:0 0 18px #54e7ff26}.custom-stake{background:#0c0a27;border-color:#244a64}.stake-stepper>div{border-color:#315a72}.selected-stake{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.selected-stake b{font-size:26px}.side-kpi-grid span{background:#07121b;border-color:#39316a}.game-info-side .secondary,.game-info-side .primary{min-height:56px;border-radius:13px;font-size:14px}.game-info-side .primary{background:linear-gradient(135deg,#063c5c,#472a82);border:1px solid #6550bd;box-shadow:0 0 24px #6f3dff1f}
.hero-reactor-frame{background:#02060c url('../images/n9_landing_reactor.jpg') center/cover no-repeat;min-height:430px;border-color:#28506b}
.hero-reactor-frame .hero-reactor{opacity:0;min-height:430px}
.paytable-showcase .pay-icon,.center-mobile-paytable .pay-icon{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}

@media(max-width:1450px){.game-page-three-col{grid-template-columns:300px minmax(560px,1fr) 300px}.paytable-side .pay-item{grid-template-columns:58px 1fr auto}.paytable-side .pay-icon{width:58px;height:58px}.paytable-side .pay-item b{font-size:32px}.paytable-side .pay-item span{font-size:15px}}
@media(max-width:1180px){.game-page-three-col{grid-template-columns:1fr}.desktop-only-large{display:none}.game-info-side{max-width:none}.mobile-only-block{display:block}.reactor-stage{max-width:720px}}
@media(max-width:620px){.casino-shell{width:100%;padding-left:6px;padding-right:6px}.main-reactor-card{padding:8px}.reactor-stage{height:auto;aspect-ratio:1;max-width:100%}.pulse-grid{padding:8.5% 7.5% 10%;gap:10%}.node{width:74%;font-size:21px}.node.selected:after{width:19px;height:19px;font-size:8px}.center-mobile-paytable .pay-icon{width:44px;height:44px}.center-mobile-paytable .pay-item{grid-template-columns:44px 1fr auto}.center-mobile-paytable .pay-item b{font-size:20px}.hero-reactor-frame{min-height:260px}.hero-reactor-frame .hero-reactor{min-height:260px}}


/* v0.4.2 hotspot alignment fix */
.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}
.node{position:relative;display:flex;align-items:center;justify-content:center;width:84%;aspect-ratio:1;border:0;background:transparent;color:#f7fdff;font-size:clamp(22px,2vw,34px);font-weight:1000;text-shadow:0 0 10px #00d9ff,0 2px 3px #000;box-shadow:none;padding:0;overflow:visible}
.node:before{content:"";position:absolute;inset:19%;border-radius:50%;border:1px solid transparent;box-shadow:none;background:radial-gradient(circle at 50% 50%,rgba(10,79,108,.00) 0, rgba(5,35,60,.00) 55%, transparent 70%);transition:all .18s ease}
.node:hover:before{inset:16%;border-color:#67e8ff7a;background:radial-gradient(circle at 50% 50%,rgba(10,79,108,.40) 0, rgba(5,35,60,.22) 55%, transparent 74%);box-shadow:0 0 18px #42ddff55}
.node.selected{transform:none;border:0;background:transparent;box-shadow:none}
.node.selected:before{inset:14%;border:2px solid #cc80ff;background:radial-gradient(circle at 50% 50%,rgba(126,66,255,.18) 0, rgba(24,38,80,.10) 54%, transparent 74%);box-shadow:0 0 14px #fff5,0 0 34px #c026d3b8,inset 0 0 18px #6f43ff66}
.node.selected:after{right:8%;top:8%;width:24px;height:24px;background:linear-gradient(135deg,#8b2fd9,#e04dff);border:1px solid #efc7ff;color:white;box-shadow:0 0 14px #a950ff;font-size:10px}
.node.hit{transform:none;border:0;background:transparent;box-shadow:none}
.node.hit:before{inset:13%;border:2px solid #ffe171;background:radial-gradient(circle at 50% 50%,rgba(255,233,112,.28) 0, rgba(116,75,16,.12) 55%, transparent 75%);box-shadow:0 0 18px #fff7,0 0 44px #ffd647b8}
.node.dimmed{opacity:.78}
@media(max-width:620px){
  .node{width:86%;font-size:20px}
  .node:before{inset:20%}
  .node.selected:before{inset:15%}
  .node.selected:after{right:7%;top:7%;width:18px;height:18px;font-size:8px}
}

/* =========================================================
   v0.5 — FULL CSS REACTOR
   No background reactor image. Visual target = clickable node.
   ========================================================= */
.reactor-stage{
  position:relative;
  width:min(100%,760px);
  aspect-ratio:1;
  margin:8px auto 14px;
  border-radius:32px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 50%, rgba(119,72,255,.20) 0 7%, transparent 8% 18%, rgba(68,215,255,.08) 19% 20%, transparent 21% 37%, rgba(54,142,255,.08) 38% 39%, transparent 40%),
    radial-gradient(circle at 50% 50%, #0b2030 0 17%, #071522 38%, #040a12 67%, #060515 100%);
  border:1px solid #1e4f6d;
  box-shadow:inset 0 0 90px #12cfff0c,0 28px 80px #000a;
}
.reactor-stage:before,
.reactor-stage:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.reactor-stage:before{
  width:79%;height:79%;
  border:2px solid #2adfff34;
  box-shadow:0 0 40px #2adfff12,inset 0 0 45px #2adfff0b;
  background:repeating-conic-gradient(from 0deg,transparent 0 8deg,#4de5ff1d 9deg 10deg,transparent 11deg 22deg);
  animation:spin 28s linear infinite;
}
.reactor-stage:after{
  width:61%;height:61%;
  border:2px dashed #a66fff3d;
  box-shadow:0 0 30px #9c63ff1a;
  animation:spinR 18s linear infinite;
}
.stage-rings{position:absolute;inset:0;z-index:0;pointer-events:none}
.stage-rings i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.stage-rings i:nth-child(1){width:49%;height:49%;border:1px solid #ffce6047;box-shadow:0 0 28px #ffce6010}
.stage-rings i:nth-child(2){width:40%;height:40%;border:2px dotted #35dcff4f;animation:spin 13s linear infinite}
.stage-rings i:nth-child(3){width:29%;height:29%;border:1px solid #a772ff70;box-shadow:0 0 30px #8a59ff26;animation:spinR 9s linear infinite}

.pulse-grid{
  position:absolute;
  inset:8%;
  width:auto;height:auto;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  place-items:center;
  gap:5.5%;
  border:0;
  border-radius:28px;
  overflow:visible;
  background:
    /* horizontal energy rails */
    linear-gradient(90deg,transparent 4%,#16bcff22 12%,#5ce9ffbb 50%,#16bcff22 88%,transparent 96%) 50% 16.67%/76% 4px no-repeat,
    linear-gradient(90deg,transparent 4%,#16bcff22 12%,#5ce9ffcc 50%,#16bcff22 88%,transparent 96%) 50% 50%/76% 4px no-repeat,
    linear-gradient(90deg,transparent 4%,#16bcff22 12%,#5ce9ffbb 50%,#16bcff22 88%,transparent 96%) 50% 83.33%/76% 4px no-repeat,
    /* vertical energy rails */
    linear-gradient(180deg,transparent 4%,#16bcff22 12%,#5ce9ffbb 50%,#16bcff22 88%,transparent 96%) 16.67% 50%/4px 76% no-repeat,
    linear-gradient(180deg,transparent 4%,#16bcff22 12%,#5ce9ffcc 50%,#16bcff22 88%,transparent 96%) 50% 50%/4px 76% no-repeat,
    linear-gradient(180deg,transparent 4%,#16bcff22 12%,#5ce9ffbb 50%,#16bcff22 88%,transparent 96%) 83.33% 50%/4px 76% no-repeat;
  box-shadow:none;
  z-index:2;
}
.pulse-grid:before{
  content:"";
  position:absolute;
  inset:3.5%;
  border-radius:26px;
  border:1px solid #28648066;
  clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);
  background:
    linear-gradient(135deg,transparent 46%,#8259ff35 49%,#8259ff35 51%,transparent 54%),
    linear-gradient(45deg,transparent 46%,#3ddfff2f 49%,#3ddfff2f 51%,transparent 54%);
  opacity:.75;
  pointer-events:none;
  z-index:0;
}
.pulse-grid:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:28%;height:28%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:2px solid #9b6cff66;
  box-shadow:0 0 25px #9658ff55,0 0 65px #4fdfff2b,inset 0 0 24px #a35cff2f;
  background:radial-gradient(circle,#fff8 0 2%,#b9f4ff88 4%,#7b4bff3a 20%,transparent 62%);
  pointer-events:none;
  z-index:1;
  animation:coreBreathCss 2.2s ease-in-out infinite;
}
.core-emblem{display:none!important}

.node{
  --node-accent:#5ce9ff;
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:74%!important;
  aspect-ratio:1!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:2px solid #6389a4!important;
  background:
    radial-gradient(circle at 36% 30%,#bafaff 0 3%,#32d9ff 5%,#0a729c 13%,#09304b 30%,#0c0b28 58%,#020509 76%)!important;
  color:#f8fdff!important;
  font-size:clamp(22px,2.3vw,37px)!important;
  font-weight:1000!important;
  text-shadow:0 0 9px #12dfff,0 2px 4px #000!important;
  cursor:pointer!important;
  box-shadow:
    0 0 0 7px #0c0a27,
    0 0 0 9px #1c4259,
    0 12px 24px #000b,
    0 0 28px #42ddff25,
    inset 0 2px 2px #ffffff42,
    inset 0 -16px 28px #000a!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
  overflow:visible!important;
}
.node:before{
  content:""!important;
  position:absolute!important;
  inset:9%!important;
  border-radius:50%!important;
  border:1px solid #aef7ff58!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(166,246,255,.22),rgba(8,84,119,.08) 52%,transparent 65%)!important;
  box-shadow:inset 0 0 18px #6ceaff24,0 0 8px #6ceaff18!important;
  pointer-events:none!important;
}
.node:hover{transform:scale(1.045)!important;filter:brightness(1.12)!important;box-shadow:0 0 0 7px #0c0a27,0 0 0 9px #2e7191,0 12px 24px #000b,0 0 35px #42ddff70,inset 0 2px 2px #ffffff42,inset 0 -16px 28px #000a!important}

/* Center node is a true selectable reactor core */
.node.n5{
  --node-accent:#b67cff;
  width:88%!important;
  border-color:#d2a9ff!important;
  background:
    radial-gradient(circle at 50% 45%,#ffffff 0 3%,#baf5ff 5%,#8c63ff 14%,#4f32a6 30%,#151a43 52%,#050811 75%)!important;
  box-shadow:
    0 0 0 8px #0d1020,
    0 0 0 10px #6d4ca3,
    0 0 38px #9b61ff77,
    0 0 72px #49ddff38,
    inset 0 2px 3px #fff7,
    inset 0 -18px 34px #000a!important;
}
.node.n5:before{inset:11%!important;border-color:#e7d6ff7a!important;box-shadow:inset 0 0 22px #fff2,0 0 14px #ac74ff55!important}

.node.selected{
  transform:scale(1.055)!important;
  border-color:#efcbff!important;
  filter:brightness(1.16) saturate(1.12)!important;
  box-shadow:
    0 0 0 7px #0c0a27,
    0 0 0 10px #bd63ff,
    0 0 24px #ffffff5c,
    0 0 52px #a64dffcf,
    inset 0 0 28px #7b45ff66!important;
}
.node.selected:before{inset:7%!important;border:2px solid #f5dcff!important;box-shadow:0 0 16px #fff7,inset 0 0 25px #9c5cff5c!important}
.node.selected:after{
  content:attr(data-order)!important;
  position:absolute!important;
  right:-7%!important;
  top:-7%!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid #f2d7ff!important;
  background:linear-gradient(135deg,#8b2fd9,#d55dff)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  box-shadow:0 0 20px #c026d3!important;
  pointer-events:none!important;
}
.node.hit{
  transform:scale(1.07)!important;
  border-color:#fff0a0!important;
  filter:brightness(1.18)!important;
  box-shadow:
    0 0 0 7px #0c0a27,
    0 0 0 10px #ffd34d,
    0 0 26px #fff7,
    0 0 58px #ffd33db8,
    inset 0 0 28px #ffd33d55!important;
  animation:nodeHit .55s ease!important;
}
.node.hit:before{border:2px solid #fff4bb!important;box-shadow:0 0 18px #fff8,inset 0 0 24px #ffd34d55!important}
.node.dimmed{opacity:.58!important;filter:saturate(.65)!important}

.pulse-orb{
  position:absolute!important;
  width:18px!important;height:18px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:#fff!important;
  box-shadow:0 0 8px #fff,0 0 22px #59eaff,0 0 42px #7e55ff!important;
  opacity:0!important;
  z-index:8!important;
  pointer-events:none!important;
  transition:left .42s cubic-bezier(.18,.75,.22,1),top .42s cubic-bezier(.18,.75,.22,1),opacity .12s!important;
}
.pulse-orb.live{opacity:1!important}

@keyframes coreBreathCss{50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 34px #a65cff77,0 0 82px #4fdfff42,inset 0 0 28px #b67cff36}}

@media(max-width:620px){
  .reactor-stage{width:100%;aspect-ratio:1;border-radius:20px;margin:4px auto 7px}
  .pulse-grid{inset:7%;gap:4.5%}
  .node{width:78%!important;font-size:clamp(18px,7vw,28px)!important;box-shadow:0 0 0 5px #0c0a27,0 0 0 7px #1c4259,0 8px 16px #000b,0 0 18px #42ddff20,inset 0 2px 2px #ffffff3d,inset 0 -11px 20px #000a!important}
  .node.n5{width:90%!important;box-shadow:0 0 0 6px #0d1020,0 0 0 8px #6d4ca3,0 0 26px #9b61ff66,0 0 46px #49ddff2d,inset 0 2px 3px #fff6,inset 0 -12px 24px #000a!important}
  .node.selected{box-shadow:0 0 0 5px #0c0a27,0 0 0 8px #bd63ff,0 0 18px #ffffff45,0 0 32px #a64dffaa,inset 0 0 20px #7b45ff55!important}
  .node.selected:after{right:-5%!important;top:-5%!important;width:20px!important;height:20px!important;font-size:9px!important}
}

/* ======================================================================
   N9 v0.6 — PREMIUM CODED CASINO REACTOR
   Pure CSS visual upgrade. No image-overlay game surface.
   ====================================================================== */
:root{
  --n9-black:#060515;
  --n9-deep:#0b0e28;
  --n9-panel:#081522;
  --n9-panel-hi:#0b1b2a;
  --n9-edge:#234c66;
  --n9-cyan:#42e7ff;
  --n9-blue:#178fff;
  --n9-purple:#c026d3;
  --n9-violet:#6d40ff;
  --n9-gold:#ffc94f;
}

.casino-body{
  background:
    radial-gradient(circle at 50% -12%,rgba(29,93,155,.20),transparent 30%),
    radial-gradient(circle at 90% 28%,rgba(109,64,255,.08),transparent 24%),
    radial-gradient(circle at 10% 42%,rgba(25,196,255,.06),transparent 28%),
    linear-gradient(180deg,#02070d 0,#060515 58%,#010306 100%);
}
.casino-body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;
  background:
    linear-gradient(rgba(62,198,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(62,198,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000 0,transparent 78%);
}
.casino-shell{max-width:1560px}
.casino-topnav{border-bottom-color:#163044}
.casino-brand .brand-word{letter-spacing:-.035em;text-shadow:0 0 20px #fff1}
.casino-brand .brand-mark{
  background:linear-gradient(180deg,#7bf5ff,#24cfff 36%,#6f5fff 70%,#cb58ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  text-shadow:0 0 18px #4aeaff45;
}

/* Premium glass/metal cards */
.paytable-side,.game-info-side,.reactor-card,.room-wait,.casino-form-card,.casino-rooms-panel{
  border-color:#21465f!important;
  background:
    linear-gradient(180deg,rgba(11,26,40,.96),rgba(4,10,17,.98)),
    radial-gradient(circle at 50% 0,rgba(80,220,255,.05),transparent 42%)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 50px rgba(28,183,255,.025)!important;
}
.paytable-side,.game-info-side{position:relative;overflow:hidden}
.paytable-side:before,.game-info-side:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--n9-cyan),var(--n9-purple),transparent);opacity:.5;
}
.side-title h3,.control-title h3{letter-spacing:-.035em}

/* Main reactor cabinet */
.main-reactor-card{
  position:relative;overflow:hidden;padding:16px!important;
  background:
    radial-gradient(circle at 50% 47%,rgba(26,190,255,.11),transparent 25%),
    radial-gradient(circle at 50% 47%,rgba(137,72,255,.10),transparent 43%),
    linear-gradient(155deg,#081724,#03080e 74%)!important;
}
.main-reactor-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background:
    linear-gradient(120deg,transparent 0 14%,rgba(73,219,255,.045) 14.2%,transparent 14.6% 38%,rgba(113,70,255,.038) 38.2%,transparent 38.7%),
    repeating-linear-gradient(90deg,transparent 0 70px,rgba(74,224,255,.018) 71px,transparent 72px 140px);
}
.round-head{position:relative;z-index:5;border-bottom:1px solid #19384e;padding-bottom:12px}
.round-head:after{content:"";position:absolute;left:0;bottom:-1px;width:48%;height:1px;background:linear-gradient(90deg,var(--n9-cyan),var(--n9-purple),transparent);box-shadow:0 0 10px #56e8ff55}
.round-head small{color:#54defa!important;letter-spacing:.17em!important}
.round-head h2{letter-spacing:-.03em}
.round-state{padding:7px 10px;border-radius:999px;border:1px solid #19394e;background:#0c0a26}
.round-state b{font-size:10px;letter-spacing:.08em;color:#b9cfde}

/* Reactor chamber */
.reactor-stage{
  position:relative!important;
  width:min(100%,760px)!important;
  margin:14px auto 12px!important;
  aspect-ratio:1!important;
  border-radius:34px!important;
  border:1px solid #255674!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(99,69,255,.18) 0 5%,transparent 5.5% 16%,rgba(60,220,255,.07) 16.5% 17%,transparent 17.5% 31%,rgba(130,83,255,.06) 31.5% 32%,transparent 32.5%),
    radial-gradient(circle at 50% 50%,#102a3d 0,#081925 37%,#040b12 69%,#02060a 100%)!important;
  box-shadow:
    inset 0 0 0 6px #090a20,
    inset 0 0 0 8px #16374a,
    inset 0 0 120px rgba(18,183,255,.10),
    0 28px 70px rgba(0,0,0,.62),
    0 0 45px rgba(54,218,255,.07)!important;
}
.reactor-stage:before{
  width:90%!important;height:90%!important;
  background:
    repeating-conic-gradient(from 0deg,transparent 0 7deg,rgba(70,224,255,.075) 8deg 8.7deg,transparent 9deg 18deg),
    radial-gradient(circle,transparent 58%,rgba(26,183,255,.06) 59%,transparent 60%)!important;
  border:1px solid rgba(59,218,255,.22)!important;
  box-shadow:0 0 35px rgba(58,224,255,.08),inset 0 0 35px rgba(58,224,255,.06)!important;
  animation:spin 34s linear infinite!important;
}
.reactor-stage:after{
  width:73%!important;height:73%!important;
  border:1px dashed rgba(161,91,255,.38)!important;
  box-shadow:0 0 26px rgba(157,85,255,.16),inset 0 0 20px rgba(157,85,255,.07)!important;
  animation:spinR 22s linear infinite!important;
}
.stage-rings i:nth-child(1){width:61%!important;height:61%!important;border:1px solid rgba(255,202,82,.24)!important;box-shadow:0 0 22px rgba(255,202,82,.08)!important}
.stage-rings i:nth-child(2){width:49%!important;height:49%!important;border:2px dotted rgba(66,231,255,.34)!important}
.stage-rings i:nth-child(3){width:36%!important;height:36%!important;border:1px solid rgba(173,102,255,.42)!important;box-shadow:0 0 26px rgba(154,82,255,.18)!important}

/* The grid frame and true connector rails */
.pulse-grid{
  inset:10%!important;
  gap:7.5%!important;
  padding:1.5%!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,transparent 8%,rgba(20,162,255,.10) 15%,rgba(80,229,255,.98) 50%,rgba(20,162,255,.10) 85%,transparent 92%) 50% 16.67%/76% 5px no-repeat,
    linear-gradient(90deg,transparent 8%,rgba(20,162,255,.10) 15%,rgba(80,229,255,.98) 50%,rgba(20,162,255,.10) 85%,transparent 92%) 50% 50%/76% 5px no-repeat,
    linear-gradient(90deg,transparent 8%,rgba(20,162,255,.10) 15%,rgba(80,229,255,.98) 50%,rgba(20,162,255,.10) 85%,transparent 92%) 50% 83.33%/76% 5px no-repeat,
    linear-gradient(180deg,transparent 8%,rgba(20,162,255,.10) 15%,rgba(80,229,255,.98) 50%,rgba(20,162,255,.10) 85%,transparent 92%) 16.67% 50%/5px 76% no-repeat,
    linear-gradient(180deg,transparent 8%,rgba(20,162,255,.10) 15%,rgba(80,229,255,.98) 50%,rgba(20,162,255,.10) 85%,transparent 92%) 50% 50%/5px 76% no-repeat,
    linear-gradient(180deg,transparent 8%,rgba(20,162,255,.10) 15%,rgba(80,229,255,.98) 50%,rgba(20,162,255,.10) 85%,transparent 92%) 83.33% 50%/5px 76% no-repeat!important;
}
.pulse-grid:before{
  inset:0!important;
  border:1px solid rgba(71,222,255,.27)!important;
  border-radius:24px!important;
  clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%)!important;
  background:
    linear-gradient(135deg,transparent 48.8%,rgba(140,78,255,.19) 49.5%,rgba(140,78,255,.19) 50.5%,transparent 51.2%),
    linear-gradient(45deg,transparent 48.8%,rgba(66,231,255,.17) 49.5%,rgba(66,231,255,.17) 50.5%,transparent 51.2%)!important;
  box-shadow:inset 0 0 40px rgba(44,208,255,.03)!important;
}
.pulse-grid:after{
  width:31%!important;height:31%!important;
  border:2px solid rgba(183,122,255,.60)!important;
  background:
    radial-gradient(circle,#fff 0 1.6%,#c8f8ff 3%,rgba(150,91,255,.47) 12%,rgba(91,55,219,.18) 29%,transparent 62%)!important;
  box-shadow:0 0 24px rgba(255,255,255,.20),0 0 58px rgba(157,85,255,.42),0 0 95px rgba(66,231,255,.18),inset 0 0 26px rgba(181,111,255,.24)!important;
  animation:coreBreathCss 1.85s ease-in-out infinite!important;
}

/* Metallic node — click target and appearance are the SAME element */
.node{
  width:78%!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 1.2%,#65eeff 2.2%,#168cc0 8%,#0a4266 17%,#081829 34%,#02070d 58%,#010204 75%)!important;
  color:#fff!important;
  font-size:clamp(23px,2.25vw,38px)!important;
  letter-spacing:-.035em!important;
  text-shadow:0 0 7px #fff9,0 0 14px #32dfff,0 3px 5px #000!important;
  box-shadow:
    0 0 0 3px #070b0f,
    0 0 0 6px #506274,
    0 0 0 8px #100e28,
    0 0 0 11px #23384a,
    0 12px 28px rgba(0,0,0,.78),
    0 0 28px rgba(62,224,255,.28),
    inset 0 3px 5px rgba(255,255,255,.48),
    inset 0 -18px 30px rgba(0,0,0,.82)!important;
}
.node:before{
  inset:10%!important;
  border:1px solid rgba(197,250,255,.54)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(122,242,255,.29) 0 7%,transparent 8% 21%,rgba(61,190,255,.06) 22% 23%,transparent 24% 50%),
    conic-gradient(from 0deg,rgba(255,255,255,.03),rgba(93,229,255,.13),rgba(255,255,255,.02),rgba(80,125,255,.10),rgba(255,255,255,.03))!important;
  box-shadow:inset 0 0 18px rgba(91,227,255,.18),0 0 10px rgba(62,224,255,.10)!important;
}
.node:hover{
  transform:translateY(-2px) scale(1.035)!important;
  filter:brightness(1.14) saturate(1.09)!important;
  box-shadow:
    0 0 0 3px #070b0f,0 0 0 6px #6f8da3,0 0 0 8px #100e28,0 0 0 11px #315c78,
    0 14px 30px #000c,0 0 34px rgba(66,231,255,.58),inset 0 3px 5px #fff7,inset 0 -18px 30px #000c!important;
}

/* Core is bigger and purple, still a real button */
.node.n5{
  width:93%!important;
  border:0!important;
  background:
    radial-gradient(circle at 50% 47%,#fff 0 2%,#cbf9ff 3%,#7ceeff 6%,#9564ff 14%,#673cc8 24%,#22245e 42%,#080d1d 65%,#020409 78%)!important;
  color:#fff!important;
  box-shadow:
    0 0 0 4px #0e0b22,
    0 0 0 8px #65548a,
    0 0 0 11px #11172a,
    0 0 0 14px #4e3478,
    0 0 30px rgba(255,255,255,.22),
    0 0 58px rgba(154,82,255,.67),
    0 0 95px rgba(66,231,255,.24),
    inset 0 3px 6px #fff8,
    inset 0 -22px 38px #000b!important;
}
.node.n5:before{inset:12%!important;border-color:rgba(236,217,255,.70)!important;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.06) 0 5deg,transparent 6deg 18deg),radial-gradient(circle,rgba(255,255,255,.20),transparent 60%)!important;box-shadow:inset 0 0 24px rgba(255,255,255,.14),0 0 16px rgba(179,111,255,.34)!important}

/* Selection should enhance the housing, not add an off-target circle */
.node.selected{
  transform:scale(1.055)!important;
  filter:brightness(1.20) saturate(1.15)!important;
  box-shadow:
    0 0 0 3px #0a0610,
    0 0 0 6px #f0cdff,
    0 0 0 9px #b851ff,
    0 0 0 12px rgba(82,25,131,.95),
    0 0 23px rgba(255,255,255,.52),
    0 0 52px rgba(182,73,255,.92),
    inset 0 0 28px rgba(134,71,255,.55)!important;
}
.node.selected:before{inset:8%!important;border:2px solid rgba(255,237,255,.95)!important;box-shadow:0 0 13px rgba(255,255,255,.55),inset 0 0 24px rgba(158,84,255,.45)!important}
.node.selected:after{
  right:-8%!important;top:-8%!important;width:28px!important;height:28px!important;
  border:2px solid #fff!important;background:linear-gradient(135deg,#7132ff,#db57ff)!important;
  box-shadow:0 0 10px #fff7,0 0 24px #c556ff!important;
}
.node.n5.selected{
  box-shadow:
    0 0 0 4px #0e0b22,0 0 0 8px #f1d1ff,0 0 0 11px #a957ff,0 0 0 15px #4c266e,
    0 0 34px rgba(255,255,255,.40),0 0 68px rgba(165,79,255,.95),0 0 110px rgba(66,231,255,.27),inset 0 0 30px rgba(174,102,255,.50)!important;
}

.node.hit{
  transform:scale(1.075)!important;
  filter:brightness(1.25) saturate(1.08)!important;
  box-shadow:
    0 0 0 3px #0a0903,0 0 0 7px #fff2a5,0 0 0 10px #ffc93d,0 0 0 13px #6d4d0c,
    0 0 26px #fff8,0 0 58px rgba(255,203,61,.88),inset 0 0 30px rgba(255,202,56,.45)!important;
}

/* Pulse orb */
.pulse-orb{
  width:20px!important;height:20px!important;
  background:radial-gradient(circle,#fff 0 22%,#8cf5ff 28%,#3fc9ff 52%,#914eff 75%,transparent 76%)!important;
  box-shadow:0 0 8px #fff,0 0 20px #5ce9ff,0 0 42px #7255ff,0 0 66px rgba(114,85,255,.45)!important;
}

/* Premium paytable */
.pay-item{
  min-height:90px!important;
  border-color:#244b64!important;
  background:linear-gradient(180deg,#0a1824,#050b11)!important;
  box-shadow:inset 0 1px 0 #ffffff0a!important;
}
.pay-item:hover{border-color:#356b8b!important;background:linear-gradient(180deg,#0c1d2b,#061019)!important}
.pay-item span{letter-spacing:-.02em}
.pay-item b{text-shadow:0 0 18px currentColor}
.pay-icon{border-color:#2e5870!important;background:#090a20!important;box-shadow:inset 0 0 25px #000,0 0 14px #000!important}

/* Stake/control cabinet */
.stake-box-premium{border-color:#234c65!important;background:linear-gradient(180deg,#081722,#090a20)!important;box-shadow:inset 0 1px 0 #ffffff0b!important}
.chips button{
  border-color:#27536d!important;background:linear-gradient(180deg,#102739,#091621)!important;
  color:#f1f8fd!important;box-shadow:inset 0 1px 0 #ffffff0b!important;
}
.chips button:hover,.chips button.active{border-color:#55e7ff!important;background:linear-gradient(180deg,#123b52,#0b2334)!important;box-shadow:0 0 18px rgba(66,231,255,.18),inset 0 0 16px rgba(66,231,255,.08)!important}
.primary.action-play,.primary.action-lock,.primary.action-pulse{
  min-height:58px!important;border:1px solid #7e68ff!important;
  background:linear-gradient(110deg,#075d91 0,#2249a7 45%,#6727b8 72%,#8f35ec 100%)!important;
  box-shadow:0 10px 28px rgba(66,65,220,.26),inset 0 1px 0 #ffffff28!important;
}
.primary.action-play:not(:disabled):hover,.primary.action-lock:not(:disabled):hover,.primary.action-pulse:not(:disabled):hover{filter:brightness(1.18);box-shadow:0 12px 32px rgba(109,64,255,.44),0 0 22px rgba(157,85,255,.28),inset 0 1px 0 #ffffff35!important}
.secondary.action-clear{min-height:50px!important;border-color:#28546e!important;background:linear-gradient(180deg,#0b2130,#07131c)!important}

/* Route/result trays */
.route-display{gap:10px!important}.route-box{border-color:#234a62!important;background:linear-gradient(180deg,#071722,#040b12)!important;box-shadow:inset 0 1px 0 #ffffff08!important}.route-box strong{letter-spacing:.05em}.route-box.result strong{color:#ffd45c;text-shadow:0 0 14px rgba(255,212,92,.24)}
.message-bar{border:1px solid #163850!important;background:#06131e!important;color:#8daabd!important}

/* Mobile: board gets priority, controls remain visible */
@media(max-width:620px){
  .main-reactor-card{padding:9px!important}
  .round-head{padding-bottom:8px}
  .reactor-stage{width:100%!important;max-height:none!important;margin:7px auto!important;border-radius:20px!important;box-shadow:inset 0 0 0 4px #090a20,inset 0 0 0 6px #16374a,inset 0 0 75px rgba(18,183,255,.09),0 18px 42px #000a!important}
  .pulse-grid{inset:9%!important;gap:6%!important}
  .node{width:80%!important;font-size:clamp(18px,6vw,27px)!important;box-shadow:0 0 0 2px #070b0f,0 0 0 4px #506274,0 0 0 6px #100e28,0 0 0 8px #23384a,0 8px 16px #000b,0 0 18px rgba(62,224,255,.20),inset 0 2px 3px #ffffff55,inset 0 -12px 20px #000b!important}
  .node.n5{width:94%!important;box-shadow:0 0 0 3px #0e0b22,0 0 0 6px #65548a,0 0 0 8px #11172a,0 0 0 10px #4e3478,0 0 20px rgba(255,255,255,.15),0 0 38px rgba(154,82,255,.53),0 0 55px rgba(66,231,255,.18),inset 0 2px 4px #fff7,inset 0 -14px 26px #000b!important}
  .node.selected{box-shadow:0 0 0 2px #0a0610,0 0 0 5px #f0cdff,0 0 0 7px #b851ff,0 0 0 9px rgba(82,25,131,.95),0 0 16px rgba(255,255,255,.40),0 0 31px rgba(182,73,255,.75),inset 0 0 18px rgba(134,71,255,.45)!important}
  .node.selected:after{right:-7%!important;top:-7%!important;width:20px!important;height:20px!important;border-width:1px!important;font-size:8px!important}
  .route-display{grid-template-columns:1fr 20px 1fr!important}
  .route-box{padding:7px 8px!important}.route-box strong{font-size:14px!important}
  .center-mobile-paytable{display:none!important}
  .mobile-actionbar{background:rgba(4,12,19,.96)!important;border-color:#28516a!important;box-shadow:0 -10px 32px rgba(0,0,0,.72),0 0 22px rgba(66,231,255,.08)!important}
}

@media(max-width:410px){
  .pulse-grid{inset:8.5%!important;gap:5.5%!important}
  .node{width:82%!important}
  .node.n5{width:95%!important}
}

/* =========================================================
   N9 v0.7 — CASINO CABINET CSS REACTOR
   Denser, mechanical, high-energy board. No image hotspots.
   ========================================================= */

.main-reactor-card{
  border-color:#285b7a!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(66,231,255,.10),transparent 34%),
    radial-gradient(circle at 50% 48%,rgba(147,78,255,.10),transparent 52%),
    linear-gradient(155deg,#08131e 0,#03080e 70%,#060515 100%)!important;
  box-shadow:0 28px 75px #000b,inset 0 1px 0 #ffffff12,inset 0 0 80px rgba(66,231,255,.04)!important;
}

.reactor-stage{
  position:relative!important;
  aspect-ratio:1.03/1!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,transparent 0 7%,rgba(56,191,255,.035) 7.2% 7.5%,transparent 7.7% 92%,rgba(156,83,255,.04) 92.2% 92.5%,transparent 92.7%),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(67,169,219,.025) 40px,transparent 41px),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,169,219,.02) 40px,transparent 41px),
    radial-gradient(circle at 50% 50%,#0b2032 0,#06131f 44%,#02070c 75%)!important;
  border:1px solid #397796!important;
  box-shadow:
    inset 0 0 0 3px #02070c,
    inset 0 0 0 5px #1c4056,
    inset 0 0 0 8px #061019,
    inset 0 0 75px rgba(40,197,255,.09),
    0 24px 60px #000c,
    0 0 35px rgba(55,216,255,.10)!important;
}

/* mechanical inner bezel */
.reactor-stage:before{
  content:""!important;
  position:absolute!important;
  inset:2.4%!important;
  width:auto!important;height:auto!important;
  border-radius:22px!important;
  border:2px solid rgba(83,214,255,.23)!important;
  clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%)!important;
  background:
    linear-gradient(90deg,#5ce9ff 0 8%,transparent 8% 92%,#a855f7 92% 100%) top/100% 2px no-repeat,
    linear-gradient(90deg,#a855f7 0 8%,transparent 8% 92%,#5ce9ff 92% 100%) bottom/100% 2px no-repeat,
    linear-gradient(180deg,#5ce9ff 0 8%,transparent 8% 92%,#a855f7 92% 100%) left/2px 100% no-repeat,
    linear-gradient(180deg,#a855f7 0 8%,transparent 8% 92%,#5ce9ff 92% 100%) right/2px 100% no-repeat!important;
  box-shadow:inset 0 0 45px rgba(41,194,255,.04),0 0 24px rgba(66,231,255,.08)!important;
  animation:none!important;
  z-index:1!important;
  pointer-events:none!important;
}

.reactor-stage:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:62%!important;height:62%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:2px solid rgba(154,83,255,.25)!important;
  background:
    repeating-conic-gradient(from 0deg,rgba(94,223,255,.13) 0 1deg,transparent 1deg 11deg),
    radial-gradient(circle,transparent 0 48%,rgba(87,218,255,.05) 49% 50%,transparent 51% 62%,rgba(154,83,255,.07) 63% 64%,transparent 65%)!important;
  box-shadow:0 0 45px rgba(152,83,255,.16),inset 0 0 38px rgba(55,218,255,.05)!important;
  animation:spin 28s linear infinite!important;
  z-index:1!important;
  pointer-events:none!important;
}

.stage-rings{z-index:2!important;pointer-events:none!important}
.stage-rings i:nth-child(1){width:54%!important;height:54%!important;border:1px solid rgba(81,225,255,.30)!important;box-shadow:0 0 24px rgba(66,231,255,.12),inset 0 0 22px rgba(66,231,255,.04)!important}
.stage-rings i:nth-child(2){width:43%!important;height:43%!important;border:2px dashed rgba(183,111,255,.34)!important;animation:spinR 18s linear infinite!important}
.stage-rings i:nth-child(3){width:31%!important;height:31%!important;border:1px solid rgba(255,208,84,.20)!important;box-shadow:0 0 28px rgba(255,211,81,.07)!important}

/* Denser matrix: the rails and visible targets occupy almost the entire cabinet */
.pulse-grid{
  position:absolute!important;
  inset:5.2%!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  grid-template-rows:repeat(3,1fr)!important;
  place-items:center!important;
  gap:3.9%!important;
  padding:1.2%!important;
  border:0!important;
  border-radius:20px!important;
  background:
    linear-gradient(90deg,transparent 5%,rgba(56,192,255,.18) 10%,#63edff 24%,#37c9ff 50%,#63edff 76%,rgba(56,192,255,.18) 90%,transparent 95%) 50% 16.67%/86% 7px no-repeat,
    linear-gradient(90deg,transparent 5%,rgba(56,192,255,.18) 10%,#63edff 24%,#37c9ff 50%,#63edff 76%,rgba(56,192,255,.18) 90%,transparent 95%) 50% 50%/86% 7px no-repeat,
    linear-gradient(90deg,transparent 5%,rgba(56,192,255,.18) 10%,#63edff 24%,#37c9ff 50%,#63edff 76%,rgba(56,192,255,.18) 90%,transparent 95%) 50% 83.33%/86% 7px no-repeat,
    linear-gradient(180deg,transparent 5%,rgba(56,192,255,.18) 10%,#63edff 24%,#37c9ff 50%,#63edff 76%,rgba(56,192,255,.18) 90%,transparent 95%) 16.67% 50%/7px 86% no-repeat,
    linear-gradient(180deg,transparent 5%,rgba(56,192,255,.18) 10%,#63edff 24%,#37c9ff 50%,#63edff 76%,rgba(56,192,255,.18) 90%,transparent 95%) 50% 50%/7px 86% no-repeat,
    linear-gradient(180deg,transparent 5%,rgba(56,192,255,.18) 10%,#63edff 24%,#37c9ff 50%,#63edff 76%,rgba(56,192,255,.18) 90%,transparent 95%) 83.33% 50%/7px 86% no-repeat!important;
  box-shadow:none!important;
  z-index:4!important;
  overflow:visible!important;
}

/* animated light travelling through the grid */
.pulse-grid:before{
  content:""!important;
  position:absolute!important;
  inset:2%!important;
  border-radius:18px!important;
  border:1px solid rgba(83,221,255,.18)!important;
  background:
    linear-gradient(90deg,transparent 0 30%,rgba(255,255,255,.0) 36%,rgba(122,244,255,.72) 49%,rgba(255,255,255,.0) 62%,transparent 70%) 0 16.67%/34% 2px no-repeat,
    linear-gradient(180deg,transparent 0 30%,rgba(255,255,255,.0) 36%,rgba(180,104,255,.66) 49%,rgba(255,255,255,.0) 62%,transparent 70%) 50% 0/2px 34% no-repeat!important;
  animation:n9RailSweep 3.6s linear infinite!important;
  box-shadow:inset 0 0 35px rgba(58,222,255,.025)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.pulse-grid:after{display:none!important}

/* Large metallic target housing */
.node{
  position:relative!important;
  z-index:5!important;
  width:88%!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  border:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 47%,#efffff 0 2%,#7ff5ff 3% 6%,#23c9ff 7% 12%,#0b6d9a 18%,#0a2b42 34%,#06121d 53%,#020509 72%)!important;
  color:#fff!important;
  font-size:clamp(26px,2.45vw,42px)!important;
  font-weight:1000!important;
  letter-spacing:-.03em!important;
  text-shadow:0 0 8px #fff,0 0 18px #37dfff,0 3px 5px #000!important;
  box-shadow:
    0 0 0 2px #07090c,
    0 0 0 5px #71879a,
    0 0 0 8px #1a1330,
    0 0 0 11px #354a5c,
    0 0 0 14px #0b1117,
    0 14px 26px #000d,
    0 0 28px rgba(64,224,255,.28),
    inset 0 4px 5px rgba(255,255,255,.56),
    inset 0 -20px 32px rgba(0,0,0,.88)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
  overflow:visible!important;
}

/* inner glass lens + segmented tech ring */
.node:before{
  content:""!important;
  position:absolute!important;
  inset:10%!important;
  border-radius:50%!important;
  border:1px solid rgba(212,253,255,.68)!important;
  background:
    repeating-conic-gradient(from 0deg,rgba(181,248,255,.10) 0 3deg,transparent 4deg 19deg),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.21) 0 5%,transparent 6% 24%,rgba(70,220,255,.07) 25% 26%,transparent 27% 55%)!important;
  box-shadow:inset 0 0 20px rgba(87,230,255,.18),0 0 12px rgba(63,222,255,.13)!important;
  pointer-events:none!important;
}
.node:hover{transform:translateY(-2px) scale(1.045)!important;filter:brightness(1.18) saturate(1.12)!important}

/* Huge central reactor button */
.node.n5{
  width:113%!important;
  font-size:clamp(30px,2.9vw,48px)!important;
  background:
    radial-gradient(circle at 50% 48%,#ffffff 0 2%,#d8fbff 3% 5%,#9aefff 6% 9%,#b878ff 12%,#8c4fff 20%,#4f2da4 32%,#1c214e 48%,#080d1c 66%,#020407 78%)!important;
  box-shadow:
    0 0 0 3px #0c0a17,
    0 0 0 7px #8d88a3,
    0 0 0 10px #231b38,
    0 0 0 14px #6a498e,
    0 0 0 18px #141230,
    0 0 30px rgba(255,255,255,.28),
    0 0 65px rgba(164,83,255,.78),
    0 0 110px rgba(59,221,255,.24),
    inset 0 4px 7px rgba(255,255,255,.76),
    inset 0 -26px 42px rgba(0,0,0,.86)!important;
}
.node.n5:before{
  inset:10%!important;
  border:1px solid rgba(242,222,255,.82)!important;
  background:
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.12) 0 3deg,transparent 4deg 12deg),
    radial-gradient(circle at center,rgba(255,255,255,.27) 0 7%,transparent 8% 24%,rgba(180,111,255,.16) 25% 26%,transparent 27% 55%)!important;
  box-shadow:inset 0 0 28px rgba(255,255,255,.16),0 0 18px rgba(185,106,255,.45)!important;
  animation:n9CoreLens 2.2s ease-in-out infinite!important;
}

/* Selection lives on the housing itself */
.node.selected{
  transform:scale(1.06)!important;
  filter:brightness(1.24) saturate(1.16)!important;
  box-shadow:
    0 0 0 2px #09060d,
    0 0 0 5px #f7e4ff,
    0 0 0 8px #ca68ff,
    0 0 0 12px #6b2597,
    0 0 0 15px #130c19,
    0 0 24px rgba(255,255,255,.56),
    0 0 52px rgba(198,82,255,.94),
    inset 0 0 28px rgba(148,79,255,.54)!important;
}
.node.selected:after{
  right:-10%!important;top:-10%!important;
  width:30px!important;height:30px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  background:linear-gradient(135deg,#7432ff,#dd5bff)!important;
  color:#fff!important;
  box-shadow:0 0 12px #fff8,0 0 24px #c756ff!important;
  font-size:11px!important;
  z-index:10!important;
}
.node.n5.selected{box-shadow:0 0 0 3px #0c0a17,0 0 0 7px #f6e5ff,0 0 0 11px #c45cff,0 0 0 15px #6c2d94,0 0 0 19px #120c18,0 0 35px rgba(255,255,255,.42),0 0 76px rgba(169,74,255,.98),0 0 120px rgba(66,231,255,.26),inset 0 0 32px rgba(180,106,255,.55)!important}

.node.hit{
  transform:scale(1.07)!important;
  filter:brightness(1.28) saturate(1.13)!important;
  box-shadow:
    0 0 0 2px #090803,
    0 0 0 5px #fff7c8,
    0 0 0 9px #ffd94f,
    0 0 0 13px #7c5a12,
    0 0 0 16px #171205,
    0 0 28px rgba(255,255,255,.70),
    0 0 66px rgba(255,208,61,.95),
    inset 0 0 34px rgba(255,210,63,.48)!important;
}
.node.dimmed{opacity:.52!important;filter:saturate(.58) brightness(.68)!important}

/* More energetic result orb */
.pulse-orb{width:24px!important;height:24px!important;background:radial-gradient(circle,#fff 0 23%,#c6fbff 24% 34%,#4ce5ff 35% 52%,#9b54ff 60% 76%,transparent 77%)!important;box-shadow:0 0 10px #fff,0 0 24px #62edff,0 0 48px #8a55ff,0 0 72px rgba(138,85,255,.50)!important}

/* tighten the cabinet header and info bars */
.round-head{padding:4px 4px 10px!important;border-bottom:1px solid rgba(82,224,255,.17)!important}
.round-head small{color:#5eeaff!important;letter-spacing:.15em!important}
.round-head h2{font-size:26px!important;letter-spacing:-.03em!important;margin-top:4px!important}
.route-display{margin-top:10px!important}.route-box{min-height:72px!important}.message-bar{margin-top:8px!important}

@keyframes n9RailSweep{
  0%{background-position:-35% 16.67%,50% -35%}
  100%{background-position:135% 16.67%,50% 135%}
}
@keyframes n9CoreLens{50%{filter:brightness(1.22);transform:rotate(5deg)}}

/* mobile casino cabinet: same node = same target */
@media(max-width:620px){
  .reactor-stage{aspect-ratio:1!important;border-radius:18px!important}
  .pulse-grid{inset:4.7%!important;gap:3.7%!important;padding:1%!important}
  .node{width:84%!important;font-size:clamp(20px,7vw,30px)!important;box-shadow:0 0 0 2px #07090c,0 0 0 4px #71879a,0 0 0 6px #1a1330,0 0 0 8px #354a5c,0 0 0 10px #0b1117,0 8px 15px #000d,0 0 20px rgba(64,224,255,.24),inset 0 3px 4px rgba(255,255,255,.50),inset 0 -13px 22px rgba(0,0,0,.88)!important}
  .node.n5{width:108%!important;font-size:clamp(24px,8vw,34px)!important;box-shadow:0 0 0 2px #0c0a17,0 0 0 5px #8d88a3,0 0 0 7px #231b38,0 0 0 10px #6a498e,0 0 0 13px #141230,0 0 22px rgba(255,255,255,.20),0 0 44px rgba(164,83,255,.66),0 0 64px rgba(59,221,255,.18),inset 0 3px 5px rgba(255,255,255,.68),inset 0 -18px 29px rgba(0,0,0,.86)!important}
  .node.selected{box-shadow:0 0 0 2px #09060d,0 0 0 4px #f7e4ff,0 0 0 7px #ca68ff,0 0 0 9px #6b2597,0 0 0 12px #130c19,0 0 18px rgba(255,255,255,.45),0 0 38px rgba(198,82,255,.82),inset 0 0 20px rgba(148,79,255,.48)!important}
  .node.selected:after{right:-8%!important;top:-8%!important;width:20px!important;height:20px!important;font-size:8px!important;border-width:1px!important}
  .round-head h2{font-size:18px!important}
  .route-box{min-height:56px!important}
}

/* v0.7.1 — reduce center reactor scale */
.node.n5{
  width:96%!important;
  font-size:clamp(28px,2.55vw,44px)!important;
  box-shadow:
    0 0 0 3px #0c0a17,
    0 0 0 6px #8d88a3,
    0 0 0 9px #231b38,
    0 0 0 12px #6a498e,
    0 0 0 15px #141230,
    0 0 24px rgba(255,255,255,.22),
    0 0 48px rgba(164,83,255,.62),
    0 0 78px rgba(59,221,255,.18),
    inset 0 4px 7px rgba(255,255,255,.72),
    inset 0 -22px 36px rgba(0,0,0,.84)!important;
}
.node.n5:before{inset:11%!important}
.node.n5.selected{
  box-shadow:
    0 0 0 3px #0c0a17,
    0 0 0 6px #f6e5ff,
    0 0 0 9px #c45cff,
    0 0 0 12px #6c2d94,
    0 0 0 15px #120c18,
    0 0 26px rgba(255,255,255,.34),
    0 0 52px rgba(169,74,255,.88),
    0 0 80px rgba(66,231,255,.20),
    inset 0 0 28px rgba(180,106,255,.50)!important;
}
@media(max-width:620px){
  .node.n5{
    width:94%!important;
    font-size:clamp(22px,7.2vw,31px)!important;
    box-shadow:
      0 0 0 2px #0c0a17,
      0 0 0 4px #8d88a3,
      0 0 0 6px #231b38,
      0 0 0 8px #6a498e,
      0 0 0 10px #141230,
      0 0 17px rgba(255,255,255,.17),
      0 0 34px rgba(164,83,255,.58),
      0 0 48px rgba(59,221,255,.15),
      inset 0 3px 5px rgba(255,255,255,.64),
      inset 0 -15px 24px rgba(0,0,0,.84)!important;
  }
}

/* v0.7.2 outcome summary + closer-to-mockup reactor refinement */
.reactor-card.main-reactor-card{background:linear-gradient(180deg,#0b0a24,#090718);border:1px solid #18415c;box-shadow:0 22px 55px #0009,inset 0 1px 0 #ffffff10}
.round-head{padding-bottom:10px;border-bottom:1px solid #16354a}
.reactor-stage{width:min(100%,720px);padding:18px;border-radius:30px;background:linear-gradient(180deg,#05111b,#060616);border:1px solid #19435f;box-shadow:inset 0 0 0 1px #2d6f9828,inset 0 0 60px #42dfff12,0 22px 50px #000b}
.reactor-stage:before{content:"";position:absolute;inset:14px;border-radius:26px;border:1px solid #2b6a8f;background:radial-gradient(circle at 50% 46%,#0f2435 0,#0c0a26 35%,#090719 75%);box-shadow:inset 0 0 40px #5ce9ff12,inset 0 0 0 2px #091925;pointer-events:none}
.reactor-stage:after{content:"";position:absolute;inset:0;border-radius:32px;background:linear-gradient(135deg,transparent 0 17%,#2b82b910 18%,transparent 19% 32%,#733dff10 33%,transparent 34% 67%,#286d9f12 68%,transparent 69% 100%);opacity:.9;pointer-events:none}
.stage-rings i:nth-child(1){inset:9%;border-color:#2c769b44}.stage-rings i:nth-child(2){inset:15%;border-color:#9359ff3b}.stage-rings i:nth-child(3){inset:22%;border-color:#3fd8ff33}
.pulse-grid{width:84%;height:84%;padding:7% 8%;gap:14px;border-radius:30px;background:radial-gradient(circle at 50% 50%,#132f45 0,#0c0b28 42%,#080618 84%);border:1px solid #245f7e;box-shadow:inset 0 0 85px #5ce9ff10,0 0 0 1px #0c202f,0 0 80px #000c}
.pulse-grid:before{inset:11%;border-radius:22px;background:
  linear-gradient(90deg,transparent 15.5%,#4edfff 16.8%,#4edfff 17.8%,transparent 19%,transparent 48%,#4edfff 49%,#4edfff 50%,transparent 52%,transparent 81%,#4edfff 82%,#4edfff 83%,transparent 84.5%),
  linear-gradient(0deg,transparent 15.5%,#4edfff 16.8%,#4edfff 17.8%,transparent 19%,transparent 48%,#4edfff 49%,#4edfff 50%,transparent 52%,transparent 81%,#4edfff 82%,#4edfff 83%,transparent 84.5%);
  opacity:.9;filter:drop-shadow(0 0 11px #50dfff99) drop-shadow(0 0 22px #50dfff44)}
.pulse-grid:after{inset:2.5%;border-radius:28px;border:1px solid #2b6a8f;box-shadow:inset 0 0 0 1px #082031;animation:scanFrame 6s linear infinite}
.pulse-grid .core-emblem{display:none}
.node{z-index:5;width:100%;aspect-ratio:1;border:0;border-radius:50%;position:relative;place-self:center;max-width:132px;background:
 radial-gradient(circle at 50% 50%,#e9fdff 0 6%,#6ddfff 12%,#1d7fb1 24%,#0e2b41 47%,#0d0b27 62%,#05080e 80%),
 radial-gradient(circle at 50% 50%,transparent 0 64%,#dfe7f2 65%,#5d6572 68%,#141920 74%,#88919d 77%,#070a10 82%,transparent 83%);
 box-shadow:0 0 0 2px #10161d,0 0 0 5px #66717e,0 0 0 7px #0f0d24,0 0 26px #000d,inset 0 18px 30px #c8f7ff14,inset 0 -14px 20px #000a;overflow:visible;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;color:#f4fbff;text-shadow:0 0 12px #6fe8ff,0 0 24px #36cfff,0 3px 4px #00111d;font-size:clamp(24px,3vw,38px);font-weight:1000}
.node:before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 50% 46%,#ffffff 0,#90ebff 10%,#2290c3 34%,#112538 58%,#070c11 100%);border:1px solid #72eaff70;box-shadow:inset 0 0 35px #8eecff3a,0 0 14px #4fdcff22}
.node:after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid #d8f6ff40;box-shadow:inset 0 0 0 2px #06131e,inset 0 0 40px #59dfff18;background:repeating-conic-gradient(from 0deg,rgba(182,245,255,.16) 0deg 3deg,transparent 3deg 18deg)}
.node:hover{transform:scale(1.03);filter:brightness(1.08)}
.node.selected{transform:scale(1.04)!important;box-shadow:0 0 0 2px #15131d,0 0 0 5px #c470ff,0 0 0 7px #0f0d24,0 0 26px #fff4,0 0 55px #c026d399,inset 0 18px 30px #cf9cff20,inset 0 -14px 20px #000a!important}
.node.selected:before{border-color:#ffd0ffcc;background:radial-gradient(circle at 50% 46%,#ffffff 0,#f2d0ff 8%,#b159ff 24%,#402b7a 44%,#120f25 68%,#070a10 100%);box-shadow:inset 0 0 34px #ffd4ff4a,0 0 16px #c026d355}
.node.selected:after{content:attr(data-order)!important;position:absolute!important;right:-8px!important;top:-8px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#7e2bff,#e35dff)!important;border-radius:50%!important;border:1px solid #ffd5ff!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;box-shadow:0 0 18px #c026d3}
.node.hit{box-shadow:0 0 0 2px #171308,0 0 0 5px #ffda6f,0 0 0 7px #0f0d24,0 0 30px #fff3,0 0 70px #ffd24c99,inset 0 18px 30px #ffe78a22,inset 0 -14px 20px #000a!important;color:#fffbe8;animation:nodeHit .75s ease both}
.node.hit:before{border-color:#ffe289;background:radial-gradient(circle at 50% 46%,#ffffff 0,#fff4b5 10%,#ffc94d 30%,#594012 46%,#171005 68%,#070a10 100%)}
.node.n5{max-width:154px!important;align-self:center;justify-self:center;background:
 radial-gradient(circle at 50% 50%,#ffffff 0 5%,#eed9ff 9%,#ae6dff 20%,#6a41d9 35%,#271c61 51%,#0a0d16 76%),
 radial-gradient(circle at 50% 50%,transparent 0 63%,#f4d7ff 64%,#7f67b2 68%,#151923 74%,#9ba4b2 78%,#090c12 83%,transparent 84%)!important;
 box-shadow:0 0 0 2px #15131d,0 0 0 5px #8b76b8,0 0 0 7px #0f0d24,0 0 40px #b15aff66,0 0 75px #52e1ff33,inset 0 18px 35px #ffd7ff20,inset 0 -16px 22px #000c!important}
.node.n5:before{inset:15%!important;border-color:#ffdcffb8!important;background:radial-gradient(circle at 50% 48%,#ffffff 0,#f9ebff 8%,#c07bff 20%,#7445eb 35%,#322574 52%,#130f2a 72%,#080b10 100%)!important;box-shadow:inset 0 0 42px #ffd6ff44,0 0 22px #b260ff77!important}
.node.n5:after{inset:12%!important;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.26) 0deg 2deg,transparent 2deg 18deg)!important;border-color:#ffd8ff60!important}
.route-display{margin-top:4px}
.route-box{background:linear-gradient(180deg,#081521,#090a20);border-color:#17425f;border-radius:15px;box-shadow:inset 0 0 0 1px #0f2230}.route-box strong{font-size:24px;letter-spacing:.01em}.route-box.result strong{color:#ffd55f}
.outcome-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;margin-top:10px}
.outcome-card{padding:12px 14px;border-radius:16px;border:1px solid #18415d;background:linear-gradient(180deg,#0d0b27,#090719);box-shadow:inset 0 0 0 1px #0d202f,0 8px 24px #0007}
.outcome-card span{display:block;font-size:9px;letter-spacing:.14em;color:#89a6bb;margin-bottom:4px;font-weight:900}
.outcome-card strong{display:block;font-size:22px;line-height:1.1;color:#f6fbff}
.outcome-card small{display:block;margin-top:4px;color:#7f9cb1;font-size:11px;line-height:1.3}
.outcome-card.primary strong{color:#9fd9ff}
.outcome-card.secondary strong{color:#ffd76a}
.outcome-card.accent strong{color:#d18cff}
.outcome-grid[data-state="win"] .outcome-card.primary{border-color:#2f6aa0;box-shadow:0 0 22px #46cfff24,inset 0 0 0 1px #12324a}
.outcome-grid[data-state="win"] .outcome-card.accent{border-color:#8450d4;box-shadow:0 0 28px #9a54ff2b,inset 0 0 0 1px #25163f}
.message-bar{margin-top:10px;border-color:#15364f;background:linear-gradient(180deg,#0a1826,#08121b);color:#8fb0c3}
.paytable-side,.game-info-side{background:linear-gradient(180deg,#0b0a24,#080618);border-color:#18415b;box-shadow:0 22px 50px #0009,inset 0 1px 0 #ffffff10}
.pay-item{border-color:#18415d;background:linear-gradient(180deg,#0d0b27,#05090f);box-shadow:inset 0 0 0 1px #0e2232,0 10px 22px #0007}
.chips button,.secondary,.ghost{background:linear-gradient(180deg,#0c2132,#07141f);border-color:#28597a;box-shadow:inset 0 0 0 1px #12263a}
.primary{background:linear-gradient(90deg,#0c67b8,#5a36cf);box-shadow:0 14px 28px #2d6ee733, inset 0 1px 0 #ffffff22}
#outcomeGrid[data-state="lose"] .outcome-card.primary strong{color:#d5e4ef}
#outcomeGrid[data-state="lose"] .outcome-card.accent strong{color:#ffd6d6}
@keyframes scanFrame{0%{box-shadow:inset 0 0 0 1px #082031, inset 0 0 0 9999px transparent}50%{box-shadow:inset 0 0 0 1px #082031, inset 0 0 28px #3fd8ff10}100%{box-shadow:inset 0 0 0 1px #082031, inset 0 0 0 9999px transparent}}
@media(max-width:1100px){.outcome-grid{grid-template-columns:1fr}.reactor-stage{width:min(100%,680px)}.pulse-grid{width:88%;height:88%}}
@media(max-width:700px){.route-display{grid-template-columns:1fr;gap:8px}.versus{display:none}.outcome-card strong{font-size:18px}.node{max-width:96px}.node.n5{max-width:114px!important}.pulse-grid{padding:8%;gap:10px}.reactor-stage{padding:12px}.pulse-grid:before{inset:10%}.route-box strong{font-size:18px}}

/* ===============================
   N9 v0.8 visual refinement pass
   =============================== */
:root{--n9-cyan:#58e9ff;--n9-blue:#2499ff;--n9-violet:#c95bff;--n9-gold:#ffd764;--n9-metal:#7e8998;--n9-deep:#0a0824}
.casino-body{background:
 radial-gradient(circle at 50% -8%,rgba(26,91,139,.23),transparent 34%),
 radial-gradient(circle at 78% 38%,rgba(105,53,189,.12),transparent 28%),
 linear-gradient(180deg,#030912 0,#060616 58%,#010307 100%)}
.casino-shell{max-width:1760px}
.casino-topnav{border-bottom:1px solid rgba(76,172,227,.12);padding-bottom:14px}
.game-page-three-col{gap:14px}
.main-reactor-card,.paytable-side,.game-info-side{border-color:#1d4965!important;background:linear-gradient(180deg,rgba(6,17,28,.98),rgba(2,7,12,.99))!important;box-shadow:0 24px 70px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.04)!important}
.main-reactor-card{position:relative;overflow:hidden}
.main-reactor-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(90deg,transparent 0 5%,rgba(83,224,255,.035) 5.2%,transparent 5.5% 94%,rgba(83,224,255,.035) 94.5%,transparent 95%),
 linear-gradient(180deg,transparent 0 7%,rgba(149,99,255,.03) 7.2%,transparent 7.5% 92%,rgba(83,224,255,.025) 92.5%,transparent 93%)}
.round-head{position:relative;z-index:2;padding:4px 2px 13px}
.round-head h2{font-size:clamp(20px,2vw,30px);letter-spacing:-.025em}
.round-head small{color:#78dff4;letter-spacing:.18em}
.round-state{padding:7px 10px;border:1px solid #1c4560;border-radius:999px;background:#06131e;box-shadow:inset 0 0 18px rgba(70,210,255,.06)}

/* Reactor cabinet */
.reactor-stage{width:min(100%,740px);padding:24px;border-radius:34px;background:
 linear-gradient(145deg,#0a1722,#080618 48%,#0b0e28);border:1px solid #225c7b;box-shadow:
 0 28px 62px rgba(0,0,0,.62),
 inset 0 0 0 2px #07141e,
 inset 0 0 0 3px rgba(100,211,255,.06),
 inset 0 0 70px rgba(62,199,255,.08)}
.reactor-stage:before{inset:16px;border-radius:28px;border:1px solid #2c6d92;background:
 radial-gradient(circle at 50% 50%,rgba(17,57,82,.8),rgba(6,18,29,.96) 44%,#060616 78%);box-shadow:inset 0 0 90px rgba(65,208,255,.09),inset 0 0 0 2px #06111a,0 0 40px rgba(29,152,218,.05)}
.reactor-stage:after{inset:6px;border:1px solid rgba(126,218,255,.1);background:
 linear-gradient(135deg,transparent 0 8%,rgba(83,226,255,.04) 8.5%,transparent 9% 90%,rgba(151,88,255,.04) 90.5%,transparent 91%),
 repeating-linear-gradient(90deg,transparent 0 58px,rgba(71,181,230,.02) 59px,transparent 60px)}
.stage-rings i:nth-child(1){inset:8%;border:1px solid rgba(70,203,255,.18);box-shadow:0 0 18px rgba(70,203,255,.06)}
.stage-rings i:nth-child(2){inset:13%;border:1px dashed rgba(151,103,255,.2)}
.stage-rings i:nth-child(3){inset:19%;border:1px solid rgba(255,215,100,.11)}

.pulse-grid{width:86%;height:86%;padding:7.4%;gap:13px;border-radius:28px;border:1px solid #245f80;background:
 radial-gradient(circle at 50% 50%,rgba(22,69,98,.78) 0,rgba(8,26,40,.92) 42%,#03080d 82%);box-shadow:inset 0 0 110px rgba(69,211,255,.08),0 0 0 1px #081721,0 0 70px rgba(0,0,0,.75)}
.pulse-grid:before{inset:10%;border-radius:18px;background:
 linear-gradient(90deg,transparent 15%,rgba(80,230,255,.95) 16.3%,rgba(80,230,255,.95) 17.6%,transparent 19%,transparent 48%,rgba(116,214,255,.9) 49%,rgba(116,214,255,.9) 50%,transparent 52%,transparent 81%,rgba(80,230,255,.95) 82.2%,rgba(80,230,255,.95) 83.5%,transparent 85%),
 linear-gradient(0deg,transparent 15%,rgba(80,230,255,.95) 16.3%,rgba(80,230,255,.95) 17.6%,transparent 19%,transparent 48%,rgba(116,214,255,.9) 49%,rgba(116,214,255,.9) 50%,transparent 52%,transparent 81%,rgba(80,230,255,.95) 82.2%,rgba(80,230,255,.95) 83.5%,transparent 85%);
 opacity:.9;filter:drop-shadow(0 0 8px rgba(80,230,255,.85)) drop-shadow(0 0 20px rgba(80,230,255,.25));animation:energyBreath 2.6s ease-in-out infinite}
.pulse-grid:after{inset:2%;border-radius:25px;border:1px solid rgba(68,159,207,.5);box-shadow:inset 0 0 0 1px #071621,inset 0 0 34px rgba(61,207,255,.04)}

/* Coded metal/glass nodes */
.node{max-width:128px;border-radius:50%;background:
 radial-gradient(circle at 35% 26%,rgba(255,255,255,.16),transparent 12%),
 radial-gradient(circle at 50% 50%,#101b24 0 54%,#090d12 55% 64%,#66717d 65% 68%,#161b22 69% 73%,#88939f 74% 76%,#080b10 77% 100%);
 box-shadow:0 0 0 2px #06090d,0 0 0 5px #53606c,0 0 0 7px #1a1330,0 12px 25px rgba(0,0,0,.62),0 0 22px rgba(54,204,255,.12),inset 0 1px 2px rgba(255,255,255,.35),inset 0 -16px 28px rgba(0,0,0,.72)!important}
.node:before{inset:15%;border:1px solid rgba(108,233,255,.58);background:
 radial-gradient(circle at 38% 30%,rgba(255,255,255,.34),transparent 9%),
 radial-gradient(circle at 50% 48%,#a5efff 0 3%,#3fc3eb 6%,#1678a8 31%,#0e354e 55%,#061018 78%);box-shadow:inset 0 0 28px rgba(110,229,255,.22),0 0 16px rgba(64,216,255,.18)}
.node:after{inset:8%;border:1px solid rgba(225,247,255,.25);background:repeating-conic-gradient(from 0deg,rgba(191,237,255,.18) 0 2deg,transparent 2deg 14deg);box-shadow:inset 0 0 0 3px rgba(3,10,16,.68)}
.node:hover{transform:translateY(-1px) scale(1.025);filter:brightness(1.1)}
.node.selected{transform:scale(1.035)!important;box-shadow:0 0 0 2px #08070d,0 0 0 5px #a85eff,0 0 0 8px #171224,0 0 22px rgba(255,255,255,.24),0 0 52px rgba(156,75,255,.66),inset 0 0 26px rgba(125,65,255,.2)!important}
.node.selected:before{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.55),transparent 9%),radial-gradient(circle at 50% 48%,#ffffff 0 3%,#e0baff 7%,#a758ff 27%,#4b2a8f 52%,#100c25 79%)!important;border-color:#ebc9ff!important;box-shadow:inset 0 0 30px rgba(255,216,255,.28),0 0 18px rgba(179,86,255,.48)!important}
.node.selected:after{right:-7px!important;top:-7px!important;width:27px!important;height:27px!important;background:linear-gradient(135deg,#7529ff,#d75eff)!important;border:1px solid #f4dbff!important;box-shadow:0 0 18px rgba(179,76,255,.92)!important}
.node.hit{filter:brightness(1.04);box-shadow:0 0 0 2px #0c0a05,0 0 0 5px #e8bd4a,0 0 0 8px #191307,0 0 24px rgba(255,255,255,.28),0 0 55px rgba(255,198,45,.62),inset 0 0 28px rgba(255,210,61,.12)!important}
.node.hit:before{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.65),transparent 9%),radial-gradient(circle at 50% 48%,#ffffff 0 3%,#fff0a9 7%,#ffc84a 28%,#6f4b11 53%,#191005 79%)!important;border-color:#ffe58c!important}
.node.matched-hit{box-shadow:0 0 0 2px #0a070f,0 0 0 5px #d06dff,0 0 0 8px #1a1027,0 0 24px rgba(255,255,255,.28),0 0 68px rgba(179,75,255,.76),inset 0 0 30px rgba(153,82,255,.2)!important}
.node.matched-hit:before{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.65),transparent 9%),radial-gradient(circle at 50% 48%,#fff 0 3%,#f0d2ff 7%,#bb65ff 27%,#51308f 53%,#130d27 78%)!important;border-color:#efcfff!important}
.node.exact-hit{animation:exactPulse 1.05s ease-in-out infinite alternate;box-shadow:0 0 0 2px #080b10,0 0 0 5px #ffffff,0 0 0 8px #6737a1,0 0 28px rgba(255,255,255,.55),0 0 80px rgba(116,213,255,.48),0 0 95px rgba(166,87,255,.52)!important}
.node.dimmed{opacity:.28;filter:saturate(.55)}
.node.n5{max-width:142px!important;box-shadow:0 0 0 2px #090710,0 0 0 5px #70558e,0 0 0 8px #171222,0 0 36px rgba(160,82,255,.42),0 0 66px rgba(61,212,255,.16),inset 0 1px 2px rgba(255,255,255,.32),inset 0 -18px 30px rgba(0,0,0,.72)!important}
.node.n5:before{inset:15%!important;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.6),transparent 10%),radial-gradient(circle at 50% 48%,#ffffff 0 4%,#e7ceff 8%,#a763ff 25%,#5534ad 50%,#161033 75%)!important;border-color:#e8ceff!important;box-shadow:inset 0 0 38px rgba(239,213,255,.24),0 0 22px rgba(161,82,255,.42)!important}

/* Paytable clarity */
.paytable-side{overflow:hidden;position:relative}
.paytable-side:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 74%,rgba(54,193,255,.04) 75%,transparent 76%);pointer-events:none}
.side-title h3{font-size:32px;letter-spacing:-.03em}
.paytable-grid.vertical.professional{gap:9px}
.pay-item{min-height:84px;padding:10px 11px!important;border-radius:15px!important;transition:.18s ease}
.pay-item:hover{transform:translateX(2px);border-color:#2a6385!important;box-shadow:inset 0 0 0 1px #0d2233,0 0 22px rgba(70,209,255,.07)!important}
.pay-item span{font-size:12px!important;letter-spacing:.02em}
.pay-item small{font-size:10px!important;line-height:1.25;color:#84a0b3!important}
.pay-item b{font-size:25px!important;text-shadow:0 0 18px currentColor}
.pay-item.perfect b{color:#ffd766}.pay-item.triple b{color:#c788ff}.pay-item.double b{color:#64dbff}.pay-item.single b{color:#75b8ff}.pay-item.none b{color:#8093a1}

/* Route & outcome presentation */
.route-display{gap:10px;margin-top:8px}
.route-box{padding:13px 15px;border-radius:15px;background:linear-gradient(180deg,#091827,#050c13)!important;border-color:#1b4c68!important;box-shadow:inset 0 0 0 1px #0d2230,0 8px 20px rgba(0,0,0,.28)!important}
.route-box span{font-size:9px!important;letter-spacing:.15em}
.route-box strong{font-size:24px!important;letter-spacing:.025em}.route-box.result strong{color:#ffd968!important;text-shadow:0 0 18px rgba(255,211,80,.25)}
.versus{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #254d66;background:#06111a;color:#6f91a7;justify-self:center}
.outcome-grid{gap:9px}.outcome-card{min-height:84px;position:relative;overflow:hidden}.outcome-card:after{content:"";position:absolute;inset:auto -20% -80% 35%;height:130%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);pointer-events:none}
.outcome-grid[data-state="win"] .outcome-card{animation:outcomeLift .48s ease both}.outcome-grid[data-state="win"] .outcome-card.secondary{animation-delay:.07s}.outcome-grid[data-state="win"] .outcome-card.accent{animation-delay:.14s}
.message-bar{border:1px solid #17415a;padding:9px 12px!important}

@keyframes energyBreath{0%,100%{opacity:.68;filter:drop-shadow(0 0 7px rgba(80,230,255,.55))}50%{opacity:1;filter:drop-shadow(0 0 11px rgba(80,230,255,.95)) drop-shadow(0 0 23px rgba(80,230,255,.32))}}
@keyframes exactPulse{from{filter:brightness(1)}to{filter:brightness(1.22)}}
@keyframes outcomeLift{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-width:1180px){.main-reactor-card{order:1}.game-info-side{order:2}.reactor-stage{width:min(100%,690px)}.pulse-grid{width:88%;height:88%}}
@media(max-width:700px){.main-reactor-card{padding:8px!important}.round-head{padding:4px 3px 8px}.round-head h2{font-size:18px}.round-state{padding:5px 7px;font-size:8px}.reactor-stage{padding:10px;border-radius:22px;width:100%;max-width:520px}.reactor-stage:before{inset:7px;border-radius:18px}.pulse-grid{width:93%;height:93%;padding:7.5%;gap:8px;border-radius:19px}.pulse-grid:after{border-radius:17px}.node{max-width:94px!important;font-size:23px!important}.node.n5{max-width:108px!important}.route-box{padding:9px 10px}.route-box strong{font-size:17px!important}.outcome-grid{gap:6px}.outcome-card{min-height:auto;padding:9px 10px}.outcome-card span{font-size:8px}.outcome-card strong{font-size:17px}.outcome-card small{font-size:9px}.center-mobile-paytable .pay-item{min-height:56px!important}.center-mobile-paytable .pay-item span{font-size:10px!important}}

/* v0.8.1 casino-page uplift + inline results */
body{background:radial-gradient(circle at 50% -10%,#153559 0,#07111d 33%,#05041a 68%),linear-gradient(180deg,#02050b,#0c0b28 40%,#05041a 100%)}
.casino-info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}.info-pill{padding:10px 14px;border-radius:15px;border:1px solid #1e4660;background:linear-gradient(180deg,#091725,#050c14);box-shadow:0 12px 26px #0007,inset 0 1px 0 #ffffff10}.info-pill small{display:block;color:#85a3b8;font-size:9px;letter-spacing:.18em;font-weight:900}.info-pill strong{display:block;margin-top:5px;font-size:20px;color:#fff}.info-pill.jackpot strong{color:#ffd76a;text-shadow:0 0 15px rgba(255,215,106,.25)}.info-pill.live strong{color:#55edc9}.info-pill.win strong{color:#cc8dff}.info-pill.fair strong{color:#7fdfff;font-size:15px}
.reactor-card,.control-card,.paytable-side{background:linear-gradient(180deg,#08131f,#040a11)!important;box-shadow:0 22px 60px #0009,inset 0 1px 0 #ffffff10!important}
.reactor-card.main-reactor-card{position:relative;overflow:hidden}.reactor-card.main-reactor-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 10%,rgba(92,233,255,.04) 10.4%,transparent 10.8%,transparent 37%,rgba(157,123,255,.04) 37.4%,transparent 37.8%,transparent 100%);pointer-events:none}
.round-head{position:relative;padding-bottom:12px;border-bottom:1px solid #19445e}.round-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#3ce0ff,#8f6eff,#ffcf56);opacity:.75}
.round-state{padding:7px 12px;border-radius:999px;background:#081723;border:1px solid #224b63}.round-state b{color:#d9f2ff}
.reactor-stage{padding:16px;border-radius:26px;background:linear-gradient(180deg,#0b0a24,#02060c)!important;border:1px solid #1c465e!important;box-shadow:inset 0 0 0 1px #113043,inset 0 0 80px #5ce9ff10,0 26px 60px #000b!important}
.reactor-stage:before{content:"";position:absolute;inset:10px;border-radius:21px;border:1px solid #2a627f;background:radial-gradient(circle at 50% 50%,#0d2232 0,#081521 44%,#090719 100%);box-shadow:inset 0 0 40px #5ce9ff0d;pointer-events:none}
.pulse-grid{width:92%!important;height:92%!important;padding:8%!important;gap:12px!important;border-radius:22px!important;border:1px solid #275c7a!important;background:radial-gradient(circle at 50% 50%,#11273a 0,#081520 50%,#080618 100%)!important;box-shadow:inset 0 0 90px #5ce9ff10,0 0 0 1px #0b1a25,0 0 80px #000c!important}
.pulse-grid:before{inset:9%!important;border-radius:18px;background:
 linear-gradient(90deg,transparent 16.3%,#57e6ff 17%,#57e6ff 18.2%,transparent 19%,transparent 48.8%,#57e6ff 49.6%,#57e6ff 50.6%,transparent 51.4%,transparent 80.9%,#57e6ff 81.7%,#57e6ff 82.8%,transparent 83.6%),
 linear-gradient(0deg,transparent 16.3%,#57e6ff 17%,#57e6ff 18.2%,transparent 19%,transparent 48.8%,#57e6ff 49.6%,#57e6ff 50.6%,transparent 51.4%,transparent 80.9%,#57e6ff 81.7%,#57e6ff 82.8%,transparent 83.6%)!important;
 filter:drop-shadow(0 0 10px #57e6ffad) drop-shadow(0 0 20px rgba(87,230,255,.35));opacity:1!important}
.node{border-width:2px!important;background:radial-gradient(circle at 38% 32%,#2170a0,#0b2234 50%,#080618 100%)!important;box-shadow:0 0 0 2px #11161d,0 0 0 5px #5d6672,0 0 0 7px #0d0a1a,0 16px 28px #000a,inset 0 10px 22px rgba(255,255,255,.08),inset 0 -18px 22px rgba(0,0,0,.5)!important;border-color:#2d799d!important;text-shadow:0 0 12px #69e7ff,0 0 28px rgba(105,231,255,.45),0 3px 5px #00101b!important}.node:before{inset:10px!important;border-color:#9cebff66!important;box-shadow:inset 0 0 18px rgba(255,255,255,.08)!important}.node:hover{transform:scale(1.03)!important;filter:brightness(1.06)}
.node.selected{border-color:#b174ff!important;box-shadow:0 0 0 2px #1b1525,0 0 0 5px #b174ff,0 0 0 7px #0d0a1a,0 0 24px rgba(177,116,255,.5),0 0 58px rgba(177,116,255,.33),inset 0 10px 22px rgba(255,255,255,.09),inset 0 -18px 22px rgba(0,0,0,.5)!important}
.node.hit{border-color:#ffd76a!important;box-shadow:0 0 0 2px #241d08,0 0 0 5px #ffd76a,0 0 0 7px #0d0a1a,0 0 26px rgba(255,215,106,.55),0 0 66px rgba(255,215,106,.3),inset 0 10px 22px rgba(255,255,255,.11),inset 0 -18px 22px rgba(0,0,0,.45)!important}
.node.combo-match{animation:comboMatch 1.1s ease infinite alternate}
.node.exact-match{animation:exactHit 1.1s ease infinite alternate; border-color:#ff80ff!important}
.route-display{position:relative;gap:12px!important}.route-display.resolved .route-box{animation:trayGlow .75s ease both}.route-display.resolved .route-box.result{animation-delay:.08s}
.route-box{min-height:78px;border-color:#24506b!important;background:linear-gradient(180deg,#081723,#090a20)!important;box-shadow:0 14px 28px #0006,inset 0 1px 0 #ffffff0b!important}.route-box span{font-size:9px;letter-spacing:.18em}.route-box strong{font-size:26px!important}.route-box.result strong{color:#ffd45c!important;text-shadow:0 0 18px rgba(255,212,92,.34)!important}
.outcome-grid{gap:10px!important}.outcome-card{border-color:#224b63!important;background:linear-gradient(180deg,#091622,#050b11)!important;box-shadow:0 14px 28px #0007,inset 0 1px 0 #ffffff0a!important}.outcome-grid.reveal .outcome-card{animation:outcomePop .55s ease both}.outcome-grid.reveal .outcome-card:nth-child(2){animation-delay:.06s}.outcome-grid.reveal .outcome-card:nth-child(3){animation-delay:.12s}
.message-bar{font-weight:800;letter-spacing:.02em}.message-bar.win{color:#dff5ff;border-color:#2c6385;background:linear-gradient(180deg,#0d2131,#0a1823)}.message-bar.lose{color:#f2d9d9;border-color:#5f4351;background:linear-gradient(180deg,#24131a,#13090d)}
.inline-result-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:8px;min-height:42px}.inline-result-actions .ghost,.inline-result-actions .primary{min-width:160px}
.recent-wins-strip.game-ticker{margin-top:14px;border-radius:18px;background:linear-gradient(180deg,#08131f,#080618);border:1px solid #183d56;box-shadow:0 18px 40px #0008}.wins-ticker{animation:softTicker 26s linear infinite}
@keyframes comboMatch{0%{filter:none}100%{box-shadow:0 0 0 2px #15241d,0 0 0 5px #4ff0b2,0 0 0 7px #0d0a1a,0 0 30px rgba(79,240,178,.38),0 0 55px rgba(79,240,178,.2),inset 0 10px 22px rgba(255,255,255,.11),inset 0 -18px 22px rgba(0,0,0,.45)}}
@keyframes exactHit{0%{transform:scale(1)}100%{transform:scale(1.04);box-shadow:0 0 0 2px #231429,0 0 0 5px #ff80ff,0 0 0 7px #0d0a1a,0 0 34px rgba(255,128,255,.56),0 0 65px rgba(255,128,255,.28),inset 0 10px 22px rgba(255,255,255,.14),inset 0 -18px 22px rgba(0,0,0,.45)}}
@keyframes trayGlow{0%{transform:translateY(8px);opacity:.65}100%{transform:none;opacity:1;box-shadow:0 18px 32px #0007,inset 0 1px 0 #ffffff0c,0 0 0 1px rgba(92,233,255,.12)}}
@keyframes outcomePop{0%{transform:translateY(14px) scale(.98);opacity:0}100%{transform:none;opacity:1}}
@keyframes softTicker{0%,5%{transform:translateX(0)}95%,100%{transform:translateX(-8%)}}
@media(max-width:1100px){.casino-info-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.casino-info-strip{grid-template-columns:1fr 1fr;gap:8px}.info-pill{padding:9px 10px}.info-pill strong{font-size:15px}.info-pill.fair strong{font-size:12px}.route-box strong{font-size:18px!important}.inline-result-actions{justify-content:stretch}.inline-result-actions .ghost,.inline-result-actions .primary{width:100%}}

/* v0.8.2 metallic futuristic cabinet + auto-clear flow */
.shell{max-width:1460px}
.game-page-three-col,.game-layout{position:relative}
.reactor-card.main-reactor-card,.reactor-card,.control-card,.paytable-side{border-color:#25506b!important;background:
 linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 10%),
 linear-gradient(140deg,#0b1825,#050a11 48%,#0d1824 100%)!important;box-shadow:0 26px 68px #000b,inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.6)!important}
.reactor-card.main-reactor-card:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:
 linear-gradient(135deg,transparent 0 11%,rgba(255,255,255,.035) 11.2%,transparent 11.4%,transparent 48%,rgba(255,255,255,.025) 48.2%,transparent 48.4%,transparent 100%),
 repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.018) 48px 49px,transparent 49px 98px)}
.casino-info-strip .info-pill,.control-card,.pay-item,.route-box,.outcome-card{backdrop-filter:blur(10px)}
.reactor-stage{padding:18px 18px 20px;border-radius:30px!important;background:
 linear-gradient(180deg,#0c1723,#04090f)!important;border:1px solid #2b5973!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 50px rgba(92,233,255,.08),0 28px 66px #000c!important}
.reactor-stage:before{inset:10px!important;border-radius:24px!important;border:1px solid #356785!important;background:
 radial-gradient(circle at 50% 48%,#102434 0,#0d0b27 50%,#090719 100%)!important;box-shadow:inset 0 0 44px rgba(92,233,255,.08),inset 0 0 0 1px rgba(0,0,0,.5)!important}
.reactor-stage:after{content:"";position:absolute;inset:18px;border-radius:20px;pointer-events:none;background:
 radial-gradient(circle at 12% 12%,rgba(255,255,255,.12) 0 3px,transparent 4px),
 radial-gradient(circle at 88% 12%,rgba(255,255,255,.12) 0 3px,transparent 4px),
 radial-gradient(circle at 12% 88%,rgba(255,255,255,.12) 0 3px,transparent 4px),
 radial-gradient(circle at 88% 88%,rgba(255,255,255,.12) 0 3px,transparent 4px),
 linear-gradient(135deg,transparent 0 18%,rgba(92,233,255,.05) 18.4%,transparent 18.8%,transparent 64%,rgba(157,123,255,.05) 64.4%,transparent 64.8%,transparent 100%);
 opacity:.9}
.pulse-grid{position:relative;overflow:visible!important;background:
 radial-gradient(circle at 50% 50%,#133048 0,#091724 42%,#090719 100%)!important,
 repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 34px),
 repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 34px)!important}
.pulse-grid:before{background-size:100% 100%,100% 100%!important;animation:railShift 1.35s linear infinite!important}
.pulse-grid:after{content:""!important;position:absolute!important;inset:6% !important;border-radius:18px!important;border:1px solid rgba(92,233,255,.14)!important;box-shadow:inset 0 0 25px rgba(92,233,255,.08),0 0 22px rgba(92,233,255,.12)!important;background:
 linear-gradient(90deg,transparent 0%,rgba(92,233,255,.28) 45%,rgba(255,255,255,.45) 50%,rgba(92,233,255,.28) 55%,transparent 100%);
 background-size:30% 100%;background-repeat:no-repeat;animation:railScanner 1.85s linear infinite;mix-blend-mode:screen}
.stage-rings i:nth-child(1){border-color:#4acfff44!important;box-shadow:0 0 24px rgba(74,207,255,.14)}
.stage-rings i:nth-child(2){border-color:#a585ff40!important}
.stage-rings i:nth-child(3){border-color:#fdd56a33!important}
.node{transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important}
.node:before{background:radial-gradient(circle at 48% 38%,rgba(255,255,255,.12),transparent 62%);mix-blend-mode:screen}
.node:after{box-shadow:inset 0 0 16px rgba(255,255,255,.08)!important}
.node.combo-match{animation:comboMatch 1s ease infinite alternate, metalPulse 1.2s ease infinite alternate}
.node.exact-match{animation:exactHit 1s ease infinite alternate, metalPulsePink 1.2s ease infinite alternate}
.route-display.resolved .route-box strong{animation:scorePulse .7s ease both}
#result{position:relative}
#result::after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:8px;background:radial-gradient(circle,#fff,#ffd76a 55%,transparent 56%);box-shadow:0 0 12px rgba(255,215,106,.45);animation:resultBlink 1.2s ease infinite}
.inline-result-actions .ghost,.inline-result-actions .primary{letter-spacing:.14em}
.message-bar{position:relative;overflow:hidden}.message-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 35%,rgba(255,255,255,.06) 45%,transparent 55% 100%);transform:translateX(-120%);animation:messageSweep 4.5s linear infinite;pointer-events:none}
.mobile-actionbar,.control-card{background:
 linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 10%),
 linear-gradient(160deg,#0b1824,#050c14 58%,#0a1722)!important}
@keyframes railShift{0%{filter:drop-shadow(0 0 8px rgba(87,230,255,.85))}50%{filter:drop-shadow(0 0 14px rgba(87,230,255,1))}100%{filter:drop-shadow(0 0 8px rgba(87,230,255,.85))}}
@keyframes railScanner{0%{background-position:-35% 0;opacity:.3}35%{opacity:.85}100%{background-position:135% 0;opacity:.25}}
@keyframes metalPulse{0%{filter:none}100%{filter:brightness(1.08)}}
@keyframes metalPulsePink{0%{filter:none}100%{filter:brightness(1.12)}}
@keyframes scorePulse{0%{transform:scale(.96);opacity:.7}100%{transform:scale(1);opacity:1}}
@keyframes resultBlink{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes messageSweep{0%{transform:translateX(-120%)}100%{transform:translateX(130%)}}
@media(max-width:980px){.casino-info-strip{grid-template-columns:repeat(2,1fr)}.shell{padding-inline:12px}}
@media(max-width:700px){.reactor-stage{padding:12px!important;border-radius:24px!important}.reactor-stage:before{border-radius:18px!important}.reactor-stage:after{inset:12px;border-radius:15px}.pulse-grid{width:94%!important;height:94%!important;padding:8.5%!important;gap:8px!important}.mobile-actionbar{box-shadow:0 20px 40px #000a,inset 0 1px 0 rgba(255,255,255,.08)}.route-box{min-height:62px}.casino-info-strip{grid-template-columns:1fr 1fr}.info-pill strong{font-size:14px}.wins-ticker{animation-duration:18s}}

/* v0.8.3 reactor closer to mockup + mobile result dock */
.reactor-card.main-reactor-card{padding:18px 18px 14px!important;background:
 linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),
 linear-gradient(160deg,#0c0a24,#080719 55%,#09131d)!important;border:1px solid #1f4d67!important;box-shadow:0 26px 80px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(22,62,86,.45)!important}
.reactor-card.main-reactor-card:before{content:"";position:absolute;inset:10px;border-radius:22px;pointer-events:none;border:1px solid rgba(84,207,255,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.45), inset 0 0 46px rgba(92,233,255,.05)}
.round-head h2{font-size:20px;letter-spacing:-.02em}
.reactor-stage{position:relative;aspect-ratio:1/1!important;width:min(100%,710px)!important;max-width:710px!important;padding:14px!important;border-radius:26px!important;background:
 linear-gradient(180deg,#0a141d,#090719)!important;border:1px solid #355f78!important;box-shadow:0 24px 64px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 36px rgba(92,233,255,.06)!important}
.reactor-stage:before{content:""!important;position:absolute!important;inset:9px!important;border-radius:21px!important;border:1px solid #437b99!important;background:
 radial-gradient(circle at 50% 50%,#14283a 0,#0b1620 52%,#05090e 100%)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55), inset 0 0 44px rgba(74,207,255,.08)!important}
.reactor-stage:after{content:""!important;position:absolute!important;inset:18px!important;border-radius:16px!important;pointer-events:none!important;border:1px solid rgba(99,180,220,.25)!important;background:
 radial-gradient(circle at 6% 6%,rgba(255,255,255,.22) 0 2px,transparent 3px),
 radial-gradient(circle at 94% 6%,rgba(255,255,255,.22) 0 2px,transparent 3px),
 radial-gradient(circle at 6% 94%,rgba(255,255,255,.22) 0 2px,transparent 3px),
 radial-gradient(circle at 94% 94%,rgba(255,255,255,.22) 0 2px,transparent 3px),
 linear-gradient(135deg,transparent 0 14%,rgba(92,233,255,.08) 14.4%,transparent 14.8%,transparent 30%,rgba(161,82,255,.08) 30.4%,transparent 30.8%,transparent 100%)!important;box-shadow:inset 0 0 30px rgba(92,233,255,.05)}
.stage-rings{display:block!important;position:absolute;inset:50%;transform:translate(-50%,-50%);width:62%;height:62%;pointer-events:none;z-index:1}
.stage-rings i{position:absolute;border-radius:50%;border:1px solid rgba(121,203,255,.22);inset:0}
.stage-rings i:nth-child(1){inset:2%;border-color:rgba(71,213,255,.24);box-shadow:0 0 22px rgba(71,213,255,.13)}
.stage-rings i:nth-child(2){inset:13%;border-color:rgba(159,109,255,.2);box-shadow:0 0 22px rgba(159,109,255,.11)}
.stage-rings i:nth-child(3){inset:24%;border-color:rgba(255,220,120,.12)}
.pulse-grid{position:absolute!important;inset:10.5%!important;width:auto!important;height:auto!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:9.5%!important;border-radius:18px!important;background:
 radial-gradient(circle at 50% 50%,rgba(18,42,61,.82) 0,rgba(8,18,28,.95) 52%,rgba(4,8,13,1) 100%),
 repeating-linear-gradient(90deg,rgba(255,255,255,.017) 0 1px,transparent 1px 36px),
 repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0 1px,transparent 1px 36px)!important;border:1px solid rgba(55,119,149,.85)!important;box-shadow:inset 0 0 54px rgba(92,233,255,.08), inset 0 0 0 1px rgba(0,0,0,.7), 0 0 0 2px rgba(13,31,45,.7)!important;z-index:2}
.pulse-grid:before{content:""!important;position:absolute!important;inset:10%!important;border-radius:14px!important;background:
 linear-gradient(90deg,transparent 16.1%,#67ecff 16.8%,#67ecff 18.2%,transparent 19%,transparent 48.7%,#67ecff 49.4%,#67ecff 50.8%,transparent 51.5%,transparent 80.8%,#67ecff 81.6%,#67ecff 82.9%,transparent 83.7%),
 linear-gradient(0deg,transparent 16.1%,#67ecff 16.8%,#67ecff 18.2%,transparent 19%,transparent 48.7%,#67ecff 49.4%,#67ecff 50.8%,transparent 51.5%,transparent 80.8%,#67ecff 81.6%,#67ecff 82.9%,transparent 83.7%)!important;filter:drop-shadow(0 0 10px rgba(103,236,255,.85)) drop-shadow(0 0 18px rgba(103,236,255,.28));opacity:.96!important;animation:railPulseMock 1.7s ease-in-out infinite}
.pulse-grid:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:28%!important;height:28%!important;border-radius:50%!important;background:
 radial-gradient(circle at 50% 50%,#fff 0 4%,#f2dcff 8%,#bb76ff 20%,#6e40d2 35%,#32236c 57%,rgba(12,12,24,.95) 73%,transparent 74%),
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.18) 0deg 3deg,transparent 3deg 18deg)!important;border:1px solid rgba(221,194,255,.55)!important;box-shadow:0 0 0 8px rgba(87,54,150,.28),0 0 0 16px rgba(34,68,122,.22),0 0 34px rgba(174,98,255,.55),0 0 90px rgba(64,221,255,.2)!important;z-index:1;animation:coreBreathMock 1.85s ease-in-out infinite}
.pulse-orb{z-index:9!important;width:28px!important;height:28px!important;background:radial-gradient(circle,#fff 0,#9ff5ff 28%,#58dfff 60%,rgba(88,223,255,.15) 76%,transparent 78%)!important;box-shadow:0 0 12px rgba(255,255,255,.8),0 0 28px rgba(88,223,255,.85),0 0 54px rgba(88,223,255,.45)!important}
.node{z-index:4!important;max-width:118px!important;width:100%!important;aspect-ratio:1!important;border-radius:50%!important;background:
 radial-gradient(circle at 50% 50%,transparent 0 61%,rgba(228,236,245,.95) 61.6%,#8b95a2 64.5%,#161b22 69%,#727b88 72%,#0b0e13 75.5%,transparent 76%),
 radial-gradient(circle at 50% 45%,#dffcff 0 4%,#84edff 9%,#2898ca 26%,#10283b 49%,#070d13 78%,#05070a 100%)!important;box-shadow:0 0 0 2px #06080b,0 0 0 4px #9fa7b3,0 0 0 6px #151a22,0 12px 24px rgba(0,0,0,.72),inset 0 1px 2px rgba(255,255,255,.35),inset 0 -10px 16px rgba(0,0,0,.75)!important;font-size:clamp(22px,3.2vw,40px)!important;font-weight:1000!important;color:#f8fcff!important;text-shadow:0 0 12px rgba(115,234,255,.85),0 0 26px rgba(52,201,255,.42),0 2px 4px rgba(0,0,0,.7)!important}
.node:before{content:""!important;position:absolute!important;inset:15%!important;border-radius:50%!important;border:1px solid rgba(178,240,255,.42)!important;background:
 radial-gradient(circle at 50% 45%,rgba(255,255,255,.32),transparent 28%),
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0deg 3deg,transparent 3deg 18deg),
 radial-gradient(circle at 50% 50%,#d7fbff 0 4%,#69e1ff 11%,#1c83b8 32%,#0b1e2e 62%,#060a10 100%)!important;box-shadow:inset 0 0 20px rgba(255,255,255,.08),0 0 10px rgba(83,224,255,.16)!important}
.node:after{display:none!important}
.node.selected{box-shadow:0 0 0 2px #09050d,0 0 0 4px #ffdfff,0 0 0 6px #b255ff,0 0 0 8px #271336,0 0 22px rgba(190,97,255,.68),0 0 60px rgba(140,68,255,.36), inset 0 1px 2px rgba(255,255,255,.35), inset 0 -10px 16px rgba(0,0,0,.75)!important;transform:scale(1.03)!important}
.node.selected:before{border-color:rgba(255,214,255,.68)!important;background:
 radial-gradient(circle at 50% 45%,rgba(255,255,255,.42),transparent 26%),
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.24) 0deg 3deg,transparent 3deg 18deg),
 radial-gradient(circle at 50% 50%,#fff 0 4%,#f0ccff 10%,#b05fff 28%,#4e318d 56%,#0e0d1a 100%)!important}
.node.selected::marker{display:none}
.node.selected .order{display:none}
.node.selected::after{display:grid!important;content:attr(data-order)!important;position:absolute!important;right:-8px!important;top:-8px!important;width:28px!important;height:28px!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#7f2fff,#ec6aff)!important;border:1px solid rgba(255,220,255,.8)!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;box-shadow:0 0 18px rgba(182,72,255,.74)!important}
.node.hit{box-shadow:0 0 0 2px #171308,0 0 0 4px #fff2b2,0 0 0 6px #ffcf56,0 0 0 8px #33240a,0 0 28px rgba(255,215,106,.66),0 0 72px rgba(255,215,106,.34), inset 0 1px 2px rgba(255,255,255,.38), inset 0 -10px 16px rgba(0,0,0,.75)!important}
.node.combo-match{box-shadow:0 0 0 2px #0c1714,0 0 0 4px #8fffdc,0 0 0 6px #4ff0b2,0 0 0 8px #11241f,0 0 28px rgba(79,240,178,.52),0 0 66px rgba(79,240,178,.24), inset 0 1px 2px rgba(255,255,255,.38), inset 0 -10px 16px rgba(0,0,0,.75)!important}
.node.exact-match{box-shadow:0 0 0 2px #211124,0 0 0 4px #ffd9ff,0 0 0 6px #ff87ff,0 0 0 8px #2a1433,0 0 28px rgba(255,135,255,.62),0 0 72px rgba(255,135,255,.28), inset 0 1px 2px rgba(255,255,255,.38), inset 0 -10px 16px rgba(0,0,0,.75)!important}
.node.n5{max-width:136px!important;transform:none!important;background:
 radial-gradient(circle at 50% 50%,transparent 0 60%,rgba(243,235,255,.98) 60.8%,#a28cbf 64.5%,#1a1721 69%,#8a789f 72.5%,#0b0910 76%,transparent 76.4%),
 radial-gradient(circle at 50% 45%,#fff 0 4%,#f4d8ff 9%,#ba74ff 22%,#6a3ed4 37%,#2a1f67 56%,#110f1e 78%,#08080c 100%)!important;box-shadow:0 0 0 2px #07050b,0 0 0 4px #d7c9ea,0 0 0 6px #5f3e7d,0 0 0 8px #120d18,0 0 36px rgba(182,86,255,.76),0 0 92px rgba(73,229,255,.2), inset 0 1px 2px rgba(255,255,255,.38), inset 0 -11px 17px rgba(0,0,0,.76)!important}
.node.n5:before{inset:14%!important;border-color:rgba(255,217,255,.65)!important;background:
 radial-gradient(circle at 50% 45%,rgba(255,255,255,.45),transparent 24%),
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.25) 0deg 2deg,transparent 2deg 17deg),
 radial-gradient(circle at 50% 50%,#fff 0 4%,#f0d2ff 10%,#c16dff 25%,#7846ea 44%,#34236f 62%,#130f24 100%)!important;box-shadow:inset 0 0 22px rgba(255,255,255,.11),0 0 14px rgba(195,109,255,.26)!important}
.mobile-result-dock{display:none}
@media(max-width:700px){
  .main-reactor-card{padding:10px!important}
  .reactor-stage{width:100%!important;max-width:none!important;padding:10px!important;border-radius:20px!important;aspect-ratio:1/1!important}
  .reactor-stage:before{inset:7px!important;border-radius:15px!important}
  .reactor-stage:after{inset:12px!important;border-radius:12px!important}
  .pulse-grid{inset:8.5%!important;gap:8%!important;border-radius:14px!important}
  .pulse-grid:before{inset:9%!important;border-radius:11px!important}
  .pulse-grid:after{width:25%!important;height:25%!important}
  .node{max-width:86px!important;font-size:22px!important}
  .node.n5{max-width:98px!important}
  .round-head{gap:8px!important;padding-bottom:8px!important}
  .round-head h2{font-size:17px!important}
  .route-display{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:8px!important}
  .route-display .versus{display:none!important}
  .route-box{min-height:54px!important;padding:8px 8px!important}
  .route-box strong{font-size:14px!important;line-height:1.2!important}
  .outcome-grid{display:none!important}
  .message-bar{font-size:11px!important;padding:9px 10px!important;margin-top:8px!important}
  .inline-result-actions{margin-top:6px!important;min-height:34px!important}
  .mobile-result-dock{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 6px;position:sticky;bottom:92px;z-index:25}
  .mobile-result-dock .dock-cell{padding:8px 8px;border-radius:12px;background:linear-gradient(180deg,#091622,#040910);border:1px solid #214e67;box-shadow:0 10px 20px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)}
  .mobile-result-dock .dock-cell small{display:block;color:#90adc0;font-size:8px;letter-spacing:.14em;font-weight:900;margin-bottom:2px}
  .mobile-result-dock .dock-cell b{display:block;font-size:12px;line-height:1.2;color:#f5fbff;word-break:break-word}
  .mobile-result-dock[data-state="win"] .dock-cell:nth-child(3), .mobile-result-dock[data-state="win"] .dock-cell:nth-child(4){border-color:#5d68b9;box-shadow:0 0 18px rgba(141,90,255,.22),inset 0 1px 0 rgba(255,255,255,.06)}
  .mobile-result-dock[data-state="lose"] .dock-cell:nth-child(3), .mobile-result-dock[data-state="lose"] .dock-cell:nth-child(4){border-color:#4e5965}
  .center-mobile-paytable .paytable-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
  .center-mobile-paytable .pay-item{padding:7px 6px!important;min-height:48px!important}
  .mobile-actionbar{padding-top:8px!important}
  .game-shell{padding-bottom:110px!important}
}
@keyframes railPulseMock{0%,100%{filter:drop-shadow(0 0 8px rgba(103,236,255,.8)) drop-shadow(0 0 18px rgba(103,236,255,.22));opacity:.88}50%{filter:drop-shadow(0 0 14px rgba(103,236,255,1)) drop-shadow(0 0 28px rgba(103,236,255,.4));opacity:1}}
@keyframes coreBreathMock{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}

/* =========================================================
   v0.8.4 — Casino Mockup Cabinet Pass
   ========================================================= */
:root{--metal:#0e0e22;--metal2:#161230;--steel:#786fa0;--cyan3:#00d9ff;--purple3:#b34dff;--gold3:#f1b72c}
body.casino-body{background:
 radial-gradient(circle at 52% 8%,rgba(0,132,220,.15),transparent 28%),
 radial-gradient(circle at 85% 18%,rgba(116,38,225,.12),transparent 26%),
 linear-gradient(180deg,#060515,#050b12 44%,#020409 100%)!important}
.casino-shell{max-width:1600px!important;width:calc(100vw - 24px)!important;padding:0 10px 30px!important}
.casino-topnav{height:70px;padding:8px 8px 10px!important;border-bottom:1px solid #25465d;position:relative;z-index:20;background:linear-gradient(180deg,rgba(8,14,22,.98),rgba(3,7,12,.94));box-shadow:0 12px 30px rgba(0,0,0,.45)}
.casino-brand{font-size:18px!important;text-decoration:none;color:#fff}.casino-brand .brand-word{font-size:23px;font-weight:1000;letter-spacing:-.03em}.casino-brand .brand-mark{font-size:30px!important;background:linear-gradient(120deg,#24e5ff,#43aaff 45%,#923cff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(71,192,255,.25))}
.casino-nav-menu{display:flex;align-items:center;gap:8px;margin:0 auto}.casino-nav-menu .nav-item{padding:11px 14px;border-radius:10px;color:#8f9baa;font-size:12px;font-weight:800;white-space:nowrap}.casino-nav-menu .nav-item.active{color:#fff;background:linear-gradient(180deg,#09243b,#061523);border:1px solid #0a3859;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.casino-wallet{border-radius:13px!important;background:linear-gradient(180deg,#0a1118,#080618)!important;border:1px solid #55606e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 20px rgba(0,0,0,.4)!important}.casino-wallet strong{color:#ffd86b!important}.deposit-btn{background:linear-gradient(180deg,#8d32ff,#6421d8)!important;border:1px solid #a852ff!important;box-shadow:0 0 18px rgba(128,49,255,.3),inset 0 1px 0 rgba(255,255,255,.18)!important}
.casino-info-strip{margin-top:10px!important}
.game-page-three-col{grid-template-columns:360px minmax(640px,1fr) 360px!important;gap:12px!important;align-items:start}
.paytable-side,.game-info-side,.room-info-side{border-radius:8px!important;border:1px solid #31495d!important;background:
 linear-gradient(180deg,rgba(255,255,255,.025),transparent 8%),
 linear-gradient(160deg,#0b131d,#09071a 68%,#09121b)!important;box-shadow:0 22px 58px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px rgba(18,41,57,.8)!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}
.paytable-side{padding:14px 14px 16px!important}.side-title{padding:0 4px 10px;border-bottom:1px solid #2d4050}.side-title small{display:none!important}.side-title h3{font-size:18px!important;margin:0!important;color:#ffd354!important;text-align:center;letter-spacing:.04em}
.paytable-grid.vertical.professional{gap:0!important}.paytable-grid.vertical.professional .pay-item{min-height:112px!important;border:0!important;border-bottom:1px solid #253746!important;border-radius:0!important;background:transparent!important;padding:14px 10px!important;grid-template-columns:72px 1fr auto!important;box-shadow:none!important}.paytable-grid.vertical.professional .pay-item:last-child{border-bottom:0!important}.pay-icon{width:62px!important;height:62px!important;border:1px solid #4b5064!important;background-color:#060910!important;box-shadow:inset 0 0 18px rgba(0,0,0,.7),0 0 14px rgba(49,121,255,.13)!important}.pay-item span{font-size:13px!important}.pay-item small{font-size:10px!important;line-height:1.32!important;color:#aab5c3!important}.pay-item b{font-size:30px!important;text-shadow:0 0 14px currentColor}.pay-item.perfect span,.pay-item.perfect b{color:#c668ff!important}.pay-item.triple span,.pay-item.triple b{color:#38e6ff!important}.pay-item.double span,.pay-item.double b{color:#4daaff!important}.pay-item.single span,.pay-item.single b{color:#ffd24a!important}.pay-item.none span,.pay-item.none b{color:#a9b2c2!important}.side-footer-tip{border-radius:4px!important;background:#07111c!important;border:1px solid #20384a;color:#91a3b6!important}
.main-reactor-card{border-radius:8px!important;padding:12px!important;border:1px solid #244f6b!important;background:
 linear-gradient(180deg,rgba(255,255,255,.025),transparent 8%),
 linear-gradient(160deg,#08111b,#080618 60%,#09131e)!important;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 24px 65px rgba(0,0,0,.76),inset 0 0 0 1px rgba(37,94,127,.55)!important}.main-reactor-card:before{inset:0!important;border-radius:0!important;background:linear-gradient(90deg,transparent 0 8%,#16e7ff 8.1% 31%,transparent 31.1% 68%,#a83fff 68.1% 92%,transparent 92.1%) top/100% 2px no-repeat!important;border:0!important;box-shadow:none!important;opacity:.9}
.round-head{height:56px;padding:7px 10px 11px!important;margin-bottom:6px;border-bottom:1px solid #213a4b!important}.round-head small{font-size:11px!important;color:#18e1ff!important;font-weight:1000;letter-spacing:.05em!important}.round-head h2{display:none}.round-state{font-size:12px!important;background:transparent!important;border:0!important}.round-state b{font-size:12px;color:#a4b6c7!important}.round-state span{background:#19e7ff!important;box-shadow:0 0 10px rgba(25,231,255,.6)}
.reactor-stage{width:100%!important;max-width:none!important;aspect-ratio:1.25/1!important;min-height:570px!important;padding:20px 26px 28px!important;border-radius:0!important;background:
 radial-gradient(circle at 50% 50%,rgba(15,52,80,.48),transparent 38%),
 linear-gradient(180deg,#07101a,#060616)!important;border:1px solid #2a536d!important;box-shadow:inset 0 0 0 2px #0c0a26,inset 0 0 75px rgba(0,174,255,.08),0 18px 45px rgba(0,0,0,.65)!important;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}
.reactor-stage:before{inset:14px!important;border-radius:0!important;border:1px solid #2d688d!important;background:
 radial-gradient(circle at 50% 50%,rgba(10,61,99,.45),rgba(4,13,23,.96) 56%),
 repeating-linear-gradient(90deg,transparent 0 55px,rgba(47,131,181,.045) 55px 56px),
 repeating-linear-gradient(0deg,transparent 0 55px,rgba(47,131,181,.04) 55px 56px)!important;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));box-shadow:inset 0 0 55px rgba(46,205,255,.05)!important}.reactor-stage:after{inset:22px!important;border-radius:0!important;border:0!important;background:
 linear-gradient(135deg,transparent 0 7%,rgba(0,214,255,.11) 7.3%,transparent 7.6%,transparent 92%,rgba(121,41,255,.1) 92.3%,transparent 92.6%),
 linear-gradient(45deg,transparent 0 7%,rgba(71,224,255,.08) 7.3%,transparent 7.6%,transparent 92%,rgba(121,41,255,.07) 92.3%,transparent 92.6%)!important}
.stage-rings{width:74%!important;height:74%!important}.stage-rings i:nth-child(1){border:2px solid rgba(0,176,255,.16)!important}.stage-rings i:nth-child(2){border:1px dashed rgba(96,76,255,.22)!important}.stage-rings i:nth-child(3){border:1px solid rgba(87,229,255,.12)!important}
.pulse-grid{inset:9%!important;gap:8.5%!important;border:0!important;background:
 radial-gradient(circle at 50% 50%,rgba(26,62,95,.45),transparent 36%),
 linear-gradient(180deg,rgba(2,9,16,.15),rgba(2,6,11,.05))!important;box-shadow:none!important}.pulse-grid:before{inset:8%!important;background:
 linear-gradient(90deg,transparent 15.5%,#24dfff 16.8%,#58ecff 18.2%,transparent 19.5%,transparent 48.5%,#27dcff 49.5%,#5becff 50.7%,transparent 51.7%,transparent 80.5%,#26dcff 81.7%,#5aecff 83%,transparent 84.2%),
 linear-gradient(0deg,transparent 15.5%,#24dfff 16.8%,#58ecff 18.2%,transparent 19.5%,transparent 48.5%,#27dcff 49.5%,#5becff 50.7%,transparent 51.7%,transparent 80.5%,#26dcff 81.7%,#5aecff 83%,transparent 84.2%)!important;filter:drop-shadow(0 0 10px #13cfff) drop-shadow(0 0 18px rgba(19,207,255,.35))!important}.pulse-grid:after{width:32%!important;height:32%!important;background:
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.23) 0deg 2deg,transparent 2deg 13deg),
 radial-gradient(circle at 50% 50%,#fff 0 5%,#e8d0ff 8%,#b462ff 20%,#7042dc 33%,#382779 47%,#17133a 62%,rgba(8,10,22,.95) 76%)!important;border:2px solid #c7a0ff!important;box-shadow:0 0 0 8px #231645,0 0 0 12px #66409b,0 0 0 18px rgba(34,82,153,.38),0 0 38px #b763ff,0 0 78px rgba(75,91,255,.58),0 0 105px rgba(20,210,255,.24),inset 0 0 30px rgba(255,255,255,.16)!important;animation:coreBreathMock 1.75s ease-in-out infinite,spin 18s linear infinite!important}
.node{max-width:124px!important;background:
 radial-gradient(circle at 50% 50%,transparent 0 57%,#b8c1ca 58%,#5d6672 61%,#11161d 66%,#83909e 69%,#242a33 72%,#0d0a1a 76%,transparent 77%),
 radial-gradient(circle at 50% 48%,#dffbff 0 3%,#5ce4ff 8%,#138bc1 22%,#103252 42%,#0c0b28 67%,#03070b 100%)!important;box-shadow:0 0 0 2px #05080c,0 0 0 4px #a3afbb,0 0 0 6px #252c35,0 0 0 9px #05080c,0 8px 20px rgba(0,0,0,.72),0 0 22px rgba(0,210,255,.14),inset 0 3px 5px rgba(255,255,255,.34),inset 0 -12px 18px rgba(0,0,0,.72)!important}.node:before{inset:17%!important;background:
 radial-gradient(circle at 50% 50%,#e9fcff 0 3%,#67eaff 9%,#138fd0 30%,#0a2b45 54%,#0a0920 100%),
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0deg 2deg,transparent 2deg 15deg)!important;border:1px solid #73dfff!important;box-shadow:inset 0 0 20px rgba(255,255,255,.09),0 0 10px rgba(35,216,255,.45)!important}.node:not(.n5){font-size:0!important}.node:not(.n5)::marker{display:none}.node:not(.n5){color:transparent!important}.node.n5{font-size:0!important;max-width:140px!important;background:
 radial-gradient(circle at 50% 50%,transparent 0 57%,#e0d6ec 58%,#866da2 62%,#1a1523 67%,#9a80b6 70%,#241a30 73%,#08070c 77%,transparent 78%),
 radial-gradient(circle at 50% 48%,#fff 0 4%,#e4c9ff 9%,#b964ff 23%,#7242db 40%,#33246f 58%,#100e1e 80%)!important}.node.n5:before{inset:16%!important;background:
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.22) 0deg 2deg,transparent 2deg 13deg),
 radial-gradient(circle,#fff 0 4%,#e4ceff 9%,#ba64ff 24%,#7042dc 45%,#271e5c 65%,#0b0a13 100%)!important;border-color:#dcb8ff!important;box-shadow:inset 0 0 28px rgba(255,255,255,.13),0 0 18px rgba(179,89,255,.65)!important}
.node.selected:after{right:-10px!important;top:-10px!important;width:30px!important;height:30px!important}
.route-display{margin-top:10px!important}.route-box{border-radius:3px!important;min-height:74px!important;background:linear-gradient(180deg,#0c0a27,#03080e)!important;border:1px solid #214c67!important}.route-box strong{font-size:22px!important}.outcome-card{border-radius:3px!important}.message-bar{border-radius:3px!important}.inline-result-actions .ghost,.inline-result-actions .primary{border-radius:3px!important}
.game-info-side{padding:14px!important}.control-title{padding:4px 6px 14px;border-bottom:1px solid #263b4d}.control-title small{color:#9d5cff!important}.control-title h3{font-size:18px!important}.stake-box-premium,.room-info-box,.side-kpi-grid span,.room-summary-kpis span{border-radius:3px!important;background:linear-gradient(180deg,#0a1520,#04090f)!important;border-color:#294a62!important}.chips button,.stake-stepper button,.stake-stepper>div,.secondary,.primary,.ghost{border-radius:3px!important}.primary.action-play,.action-pulse{background:linear-gradient(180deg,#8733dd,#4a166f)!important;border:1px solid #a24cf1!important;box-shadow:0 0 18px rgba(139,51,221,.25)!important}.secondary.action-clear{background:linear-gradient(180deg,#08213b,#041323)!important;border-color:#126193!important}.room-info-box strong{font-size:28px!important;letter-spacing:.18em;color:#a65cff!important}
.compact-players>div{border-radius:3px!important;border:1px solid #243a4d!important;background:#09131d!important;padding:10px 11px!important}.compact-players span{color:#c6d0dc}.compact-players b.locked{color:#21d8ff!important}
.mobile-result-dock{display:none}
@media(max-width:1180px){.casino-nav-menu{display:none}.game-page-three-col{grid-template-columns:1fr!important}.desktop-only-large{display:none!important}.game-info-side{max-width:760px;margin:auto;width:100%}}
@media(max-width:700px){
  .casino-shell{width:100%!important;padding:0 6px 100px!important}.casino-topnav{height:52px!important;padding:4px 6px 7px!important}.casino-brand .brand-word{font-size:16px}.casino-brand .brand-mark{font-size:22px!important}.back{display:none}.casino-wallet{min-width:118px!important;padding:5px 8px!important}.casino-wallet small{font-size:7px}.casino-wallet strong{font-size:13px!important}.deposit-btn{padding:8px 10px!important;font-size:10px!important}.casino-info-strip,.recent-wins-strip,.center-mobile-paytable{display:none!important}
  .main-reactor-card{padding:7px!important;border-radius:4px!important;clip-path:none!important}.main-reactor-card:before{display:none}.round-head{height:38px!important;padding:2px 5px 6px!important;margin:0!important}.round-head small{font-size:9px!important}.round-state{padding:0!important}.round-state b{font-size:9px!important}
  .reactor-stage{min-height:0!important;width:100%!important;aspect-ratio:1.22/1!important;height:min(47vh,390px)!important;padding:8px!important;clip-path:none!important}.reactor-stage:before{inset:5px!important;clip-path:none!important}.reactor-stage:after{inset:9px!important}.pulse-grid{inset:7.7%!important;gap:7.5%!important}.pulse-grid:before{inset:7%!important}.pulse-grid:after{width:29%!important;height:29%!important}.stage-rings{width:76%!important;height:76%!important}.node{max-width:78px!important}.node.n5{max-width:90px!important}.node.selected:after{width:22px!important;height:22px!important;font-size:8px!important;right:-6px!important;top:-6px!important}
  .mobile-result-dock{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;gap:4px!important;margin:5px 0!important;position:relative!important;bottom:auto!important;z-index:5!important}.mobile-result-dock .dock-cell{min-width:0;padding:6px 5px!important;border-radius:2px!important;background:linear-gradient(180deg,#091621,#04090e)!important;border:1px solid #214b65!important}.mobile-result-dock .dock-cell small{font-size:6.5px!important;letter-spacing:.05em!important;white-space:nowrap}.mobile-result-dock .dock-cell b{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-result-dock .dock-cell:nth-child(3) b{color:#a86cff}.mobile-result-dock .dock-cell:nth-child(4) b{color:#ffd362}
  .route-display{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin-top:4px!important}.route-box{min-height:43px!important;padding:5px 7px!important}.route-box span{font-size:6px!important}.route-box strong{font-size:11px!important;margin-top:2px!important}.versus{display:none!important}.outcome-grid{display:none!important}.message-bar{font-size:9px!important;padding:6px!important;margin-top:4px!important;min-height:28px}.inline-result-actions{display:none!important}.game-info-side{display:none!important}
  .mobile-actionbar{left:4px!important;right:4px!important;bottom:4px!important;border-radius:4px!important;padding:6px!important;gap:5px!important;background:linear-gradient(180deg,#09131d,#03070b)!important;border:1px solid #254b63!important}.mobile-actionbar .mini-clear{min-width:52px!important;padding:7px 6px!important;font-size:8px!important}.mobile-route{display:none!important}.mobile-stake-control{min-width:105px}.mobile-stake-control small{font-size:6px}.mobile-stake-control input{width:48px!important;height:31px!important;font-size:13px!important}.mobile-stake-control button{width:28px!important;height:31px!important}.pulse-button{min-width:105px!important;padding:6px 8px!important}.pulse-button span{font-size:8px!important}.pulse-button b{font-size:10px!important}.game-shell{padding-bottom:76px!important}
}
/* Keep node identities readable in the production game, while retaining mockup styling. */
.node:not(.n5),.node.n5{font-size:clamp(18px,2.2vw,28px)!important;color:#f8fdff!important;text-shadow:0 0 10px #61e9ff,0 0 20px rgba(51,201,255,.44),0 2px 4px rgba(0,0,0,.8)!important}
.node.n5{color:#fff!important;text-shadow:0 0 11px #fff,0 0 24px rgba(193,103,255,.7)!important}
@media(max-width:700px){.node:not(.n5),.node.n5{font-size:17px!important}}

/* ===== v0.8.5 futuristic casino animated layout ===== */
body.casino-body{background:
radial-gradient(circle at 50% -15%, rgba(44,126,255,.18), transparent 30%),
radial-gradient(circle at 85% 10%, rgba(182,54,255,.12), transparent 25%),
linear-gradient(180deg,#02050b 0%,#030814 40%,#060515 100%)!important}
.casino-shell{max-width:1620px!important;padding:12px 18px 28px!important}
.casino-topnav{height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:10px 14px;border:1px solid #173f59;background:linear-gradient(180deg,#050d16,#060616);box-shadow:0 20px 45px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);border-radius:0!important;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.casino-topnav:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#1ddcff 10%,#6cf1ff 32%,#a14bff 68%,#e981ff 90%,transparent)}
.nav-left{display:flex;align-items:center;gap:14px}.casino-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.casino-brand .brand-word{font-size:30px;font-weight:1000;color:#f2f7ff;letter-spacing:.02em}.casino-brand .brand-mark{width:auto;height:auto;padding:0 0 0 4px;border:0;background:none;box-shadow:none;color:transparent;background-image:linear-gradient(90deg,#2ae2ff,#7de7ff,#a951ff,#ff8bff);-webkit-background-clip:text;background-clip:text;font-size:58px;line-height:1;font-style:normal;font-weight:1000}.back{font-size:13px;color:#b8cfdd}
.casino-nav-menu{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.casino-nav-menu .nav-item{display:flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid transparent;color:#b8cfe0;background:linear-gradient(180deg,#0c0a24,#090719);font-size:13px;font-weight:800;border-radius:12px}.casino-nav-menu .nav-item.active{color:#fff;border-color:#1f5e86;box-shadow:0 0 0 1px rgba(40,177,255,.2), 0 0 18px rgba(61,219,255,.12) inset;background:linear-gradient(180deg,#0a1826,#0c0a24)}
.top-wallet-group{display:flex;align-items:center;gap:12px}.casino-wallet{min-width:170px;border-radius:14px!important;border-color:#27536f!important;background:linear-gradient(180deg,#0c0b28,#09071a)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px rgba(0,0,0,.35)!important}.casino-wallet strong{color:#ffc857!important;font-size:20px!important}.deposit-btn{display:inline-flex;align-items:center;justify-content:center;min-width:138px;height:58px;border-radius:14px;text-decoration:none;color:#fff;font-weight:1000;font-size:24px;background:linear-gradient(180deg,#8e46ff,#6724dc);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 26px rgba(144,70,255,.24)}
.casino-info-strip{display:none!important}
.game-page-three-col{display:grid!important;grid-template-columns:360px minmax(640px,1fr) 340px;gap:22px;align-items:start;margin-top:12px}
.paytable-side,.game-info-side{position:relative;overflow:hidden;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);border-radius:0!important;background:linear-gradient(180deg,#0b0e28,#03070b 80%)!important;border:1px solid #214a63!important;box-shadow:0 28px 70px rgba(0,0,0,.52),inset 0 0 0 1px rgba(73,166,209,.12)!important}
.paytable-side:before,.game-info-side:before,.main-reactor-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(90deg,transparent 0 12px,#1fe5ff 12px 13px,transparent 13px calc(100% - 13px),#c026d3 calc(100% - 13px) calc(100% - 12px),transparent calc(100% - 12px)),
linear-gradient(180deg,transparent 0 12px,#1fe5ff 12px 13px,transparent 13px calc(100% - 13px),#c026d3 calc(100% - 13px) calc(100% - 12px),transparent calc(100% - 12px));opacity:.8}
.side-title{padding:14px 16px 12px;border-bottom:1px solid #1d435b!important;position:relative}.side-title h3{font-size:20px!important;color:#ffd34e!important;letter-spacing:.03em}.side-title:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:linear-gradient(90deg,#ffd34e,#1bd9ff,#c026d3);opacity:.9}
.paytable-grid.vertical.professional{gap:0!important}.pay-item{position:relative;display:grid!important;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;padding:18px 12px!important;border-bottom:1px solid rgba(70,123,156,.35)!important;border-radius:0!important;background:transparent!important}.pay-item:last-child{border-bottom:0!important}.pay-item:hover{background:linear-gradient(90deg,rgba(26,85,116,.14),transparent)!important}.pay-item b{font-size:56px;line-height:1;font-weight:1000;text-shadow:0 0 18px currentColor}.pay-item>div span{font-size:18px!important;font-weight:1000}.pay-item>div small{font-size:13px!important;line-height:1.45!important;color:#d6e3ec!important;max-width:180px;display:block}.pay-icon{width:66px!important;height:66px!important;border-radius:10px!important;border:1px solid #214f6c!important;background:linear-gradient(180deg,#0c1620,#04080c)!important;box-shadow:inset 0 0 20px rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.35)}
.side-footer-tip{margin:14px 12px 12px!important;padding:16px!important;border:1px solid #1c425a!important;background:linear-gradient(180deg,#0d0b27,#04090e)!important;border-radius:6px!important;color:#aac0ce!important}.side-footer-tip b{display:block;color:#dceeff;font-size:15px;margin-bottom:8px}.side-footer-tip span{display:block;line-height:1.5}
.main-reactor-card{position:relative;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)!important;border-radius:0!important;padding:14px 18px 16px!important;background:linear-gradient(180deg,#0c0a24,#090719)!important;border:1px solid #1f4a66!important;box-shadow:0 35px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden}
.main-reactor-card:after{content:"";position:absolute;inset:1px;pointer-events:none;clip-path:polygon(0 17px,17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%);border:1px solid rgba(53,130,171,.35)}
.round-head{padding:8px 10px 12px;margin-bottom:12px;border-bottom:1px solid #19425a!important}.round-head small{font-size:12px!important;color:#29e4ff!important}.round-head h2{margin-top:2px!important;font-size:28px!important;color:#fff}.round-state{padding:8px 14px;border:1px solid #1e4c66;background:linear-gradient(180deg,#06131d,#090719);border-radius:999px!important}.round-state b{font-size:14px!important;color:#dffaff}
.reactor-stage{width:100%!important;max-width:none!important;aspect-ratio:1/0.78!important;margin:0!important;padding:18px!important;border-radius:0!important;clip-path:polygon(0 22px,22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)!important;background:linear-gradient(180deg,#09131d,#090719)!important;border:1px solid #1f4c65!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.58),inset 0 0 60px rgba(37,204,255,.06)!important}
.reactor-stage:before{inset:12px!important;border-radius:0!important;clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)!important;background:
radial-gradient(circle at 50% 50%,rgba(88,38,197,.24) 0,rgba(30,77,132,.12) 28%,transparent 48%),
linear-gradient(180deg,#08131c,#05090d)!important;border:1px solid rgba(74,157,201,.35)!important;box-shadow:inset 0 0 40px rgba(68,189,255,.06)!important}
.reactor-stage:after{display:none!important}
.stage-rings{position:absolute;inset:0;pointer-events:none;z-index:1}.stage-rings i{position:absolute;border-radius:50%;border:1px solid rgba(56,147,199,.18)!important;animation:none!important}.stage-rings i:nth-child(1){width:72%;height:72%;left:14%;top:10%;box-shadow:0 0 24px rgba(42,205,255,.11)}.stage-rings i:nth-child(2){width:52%;height:52%;left:24%;top:20%;border-color:rgba(145,82,255,.18)!important}.stage-rings i:nth-child(3){width:34%;height:34%;left:33%;top:29%;border-color:rgba(255,207,86,.12)!important}
.pulse-grid{position:absolute!important;inset:28px!important;width:auto!important;height:auto!important;padding:7.5% 8%!important;gap:8.5%!important;border-radius:0!important;clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)!important;background:
radial-gradient(circle at 50% 50%,rgba(22,65,99,.38) 0,rgba(8,18,29,.9) 46%,rgba(4,8,13,1) 100%),
repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 44px),
repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 44px)!important;border:1px solid rgba(64,149,195,.44)!important;box-shadow:inset 0 0 70px rgba(73,196,255,.07),0 0 0 1px rgba(0,0,0,.45)!important;z-index:2}
.pulse-grid:before{inset:14%!important;border-radius:0!important;background:
linear-gradient(90deg,transparent 15.8%,#62eaff 16.7%,#62eaff 18.1%,transparent 19.1%,transparent 48.8%,#62eaff 49.7%,#62eaff 51.1%,transparent 52%,transparent 81.6%,#62eaff 82.5%,#62eaff 83.8%,transparent 84.8%),
linear-gradient(0deg,transparent 15.8%,#62eaff 16.7%,#62eaff 18.1%,transparent 19.1%,transparent 48.8%,#62eaff 49.7%,#62eaff 51.1%,transparent 52%,transparent 81.6%,#62eaff 82.5%,#62eaff 83.8%,transparent 84.8%)!important;filter:drop-shadow(0 0 8px rgba(98,234,255,.8)) drop-shadow(0 0 20px rgba(98,234,255,.22));animation:railFlow 1.6s ease-in-out infinite}
.pulse-grid:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:24%!important;height:24%!important;border-radius:50%!important;background:
radial-gradient(circle at 50% 50%,#fff 0 3%,#f7d8ff 10%,#ca85ff 20%,#7949e7 38%,#32196f 57%,rgba(10,8,20,.98) 73%,transparent 74%),
repeating-conic-gradient(from 0deg,rgba(255,255,255,.18) 0 3deg,transparent 3deg 18deg)!important;border:1px solid rgba(221,194,255,.55)!important;box-shadow:0 0 0 10px rgba(92,54,173,.24),0 0 0 22px rgba(22,80,135,.2),0 0 46px rgba(183,99,255,.46),0 0 100px rgba(64,222,255,.15)!important;animation:corePulse 1.8s ease-in-out infinite;z-index:1}
.pulse-orb{width:24px!important;height:24px!important;background:radial-gradient(circle,#fff 0,#bff6ff 32%,#51d9ff 62%,rgba(81,217,255,.2) 78%,transparent 80%)!important;box-shadow:0 0 14px rgba(255,255,255,.9),0 0 34px rgba(81,217,255,.85),0 0 60px rgba(81,217,255,.42)!important}
.core-emblem{display:none!important}
.node{max-width:132px!important;aspect-ratio:1!important;border-radius:50%!important;border:0!important;background:
radial-gradient(circle at 50% 50%,transparent 0 62%,rgba(232,239,246,.98) 62.5%,#9faab7 65.3%,#151c25 68.8%,#6d7684 71.7%,#0a0d12 75%,transparent 75.4%),
radial-gradient(circle at 50% 44%,#fbfeff 0 3%,#82eaff 9%,#167fb9 24%,#091d30 49%,#05090f 77%,#04060b 100%)!important;box-shadow:0 0 0 2px #06090d,0 0 0 4px #aeb6c1,0 0 0 6px #171d24,0 18px 30px rgba(0,0,0,.62), inset 0 1px 2px rgba(255,255,255,.35), inset 0 -10px 16px rgba(0,0,0,.72)!important;color:#f8fcff!important;font-size:clamp(22px,2.8vw,40px)!important;font-weight:1000!important;text-shadow:0 0 14px rgba(115,234,255,.95),0 0 28px rgba(39,179,255,.42),0 3px 5px rgba(0,0,0,.7)!important}
.node:before{content:""!important;position:absolute!important;inset:15%!important;border-radius:50%!important;border:1px solid rgba(174,236,255,.4)!important;background:
radial-gradient(circle at 50% 44%,rgba(255,255,255,.32),transparent 24%),
repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0 3deg,transparent 3deg 18deg),
radial-gradient(circle at 50% 50%,#defbff 0 4%,#61e2ff 12%,#1173ad 33%,#0a1a29 60%,#05090e 100%)!important;box-shadow:inset 0 0 14px rgba(255,255,255,.08),0 0 10px rgba(83,224,255,.13)!important}
.node:hover{transform:translateY(-3px) scale(1.02)!important}.node.selected{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 0 0 2px #09050d,0 0 0 4px #ffdfff,0 0 0 6px #ba60ff,0 0 0 8px #281536,0 0 24px rgba(190,97,255,.66),0 0 64px rgba(140,68,255,.36),inset 0 1px 2px rgba(255,255,255,.35), inset 0 -10px 16px rgba(0,0,0,.72)!important}
.node.selected:after{right:-8px!important;top:-8px!important;width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(180deg,#ac58ff,#6f2ce8)!important;border:1px solid rgba(255,229,255,.7)!important;box-shadow:0 0 18px rgba(172,88,255,.6)!important}
.node.hit{box-shadow:0 0 0 2px #171308,0 0 0 4px #fff2b2,0 0 0 6px #ffcf56,0 0 0 8px #33240a,0 0 30px rgba(255,215,106,.64),0 0 78px rgba(255,215,106,.32),inset 0 1px 2px rgba(255,255,255,.35), inset 0 -10px 16px rgba(0,0,0,.72)!important}
.node.combo-match{animation:comboGlow 1s ease-in-out infinite alternate}.node.exact-match{animation:exactGlow 1s ease-in-out infinite alternate}
.route-display{display:grid!important;grid-template-columns:1fr 70px 1fr;gap:16px!important;margin-top:16px!important;align-items:stretch}.route-box{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important;border-radius:0!important;min-height:92px!important;padding:16px 18px!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;border:1px solid #3d2e6b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.route-box span{font-size:11px!important;letter-spacing:.16em!important;color:#89a7ba}.route-box strong{font-size:30px!important;margin-top:8px!important}.versus{display:grid;place-items:center;font-size:13px;font-weight:1000;color:#b8d6e6;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:1px solid #3d2e6b;background:linear-gradient(180deg,#0c0a26,#09071a)}
.outcome-grid{display:grid!important;grid-template-columns:1fr 1.2fr .9fr;gap:14px!important;margin-top:14px!important}.outcome-card{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important;border-radius:0!important;padding:16px 18px!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;border:1px solid #3d2e6b!important;min-height:110px}.outcome-card span{font-size:11px!important}.outcome-card strong{font-size:24px!important;margin-top:8px!important}.outcome-card small{font-size:13px!important;line-height:1.45}.outcome-card.accent strong{color:#d58cff!important}.outcome-card.secondary strong{color:#ffd45c!important}
.message-bar{margin-top:10px!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important;border-radius:0!important;padding:14px 16px!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;border:1px solid #3d2e6b!important;min-height:54px;display:flex;align-items:center}.inline-result-actions{justify-content:flex-end!important;margin-top:10px!important}.inline-result-actions .ghost{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0!important;height:50px;padding:0 26px;border:1px solid #3d2e6b;background:linear-gradient(180deg,#0b1825,#06111a);color:#d9effc;font-weight:1000}
.game-info-side{padding:16px!important}.control-title{padding-bottom:12px;border-bottom:1px solid #1d435b}.control-title small{font-size:11px!important;color:#bb8dff!important}.control-title h3{font-size:26px!important}.live-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid #156247;background:linear-gradient(180deg,#082b22,#051913);color:#4ff0b2;font-weight:1000}
.stake-box-premium{padding:14px 0 2px!important}.stake-box-premium>label{display:block;font-size:14px!important;font-weight:900;letter-spacing:.12em;color:#9ab7c9;margin-bottom:8px}.stake-subline{font-size:12px;color:#7e9caf;margin:-2px 0 12px}.chips{gap:10px!important}.chips button{height:58px;border-radius:0!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:1px solid #3a3178!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;color:#fff;font-size:18px!important;font-weight:1000}.chips button.active{border-color:#33e5ff!important;box-shadow:0 0 0 1px rgba(51,229,255,.18), inset 0 0 26px rgba(51,229,255,.1),0 0 20px rgba(51,229,255,.12)!important}
.custom-stake label{font-size:12px!important;color:#90acbf;letter-spacing:.14em}.stake-stepper{height:76px!important;gap:10px!important}.stake-stepper>button{width:54px!important;border-radius:0!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);font-size:36px!important;border:1px solid #3a3178!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important}.stake-stepper>div{border-radius:0!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:1px solid #3a3178!important;background:linear-gradient(180deg,#090719,#020407)!important}.stake-stepper span{font-size:22px!important}.stake-stepper input{font-size:48px!important;font-weight:1000!important}.selected-stake{display:none!important}.side-kpi-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin:16px 0!important}.side-kpi-grid span{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:1px solid #3d2e6b;background:linear-gradient(180deg,#0c0a26,#09071a);padding:14px 16px}.side-kpi-grid small{font-size:10px!important;letter-spacing:.12em}.side-kpi-grid b{display:block;margin-top:6px;font-size:38px;line-height:1;color:#fff}
.secondary.action-clear,.primary.action-play{height:74px!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important;border-radius:0!important;border:1px solid #3d2e6b!important;font-size:28px!important;font-weight:1000!important;letter-spacing:.02em}.secondary.action-clear{background:linear-gradient(180deg,#0c0a26,#09071a)!important;color:#28d7ff!important}.primary.action-play{margin-top:12px!important;background:linear-gradient(180deg,#7229d7,#4f179f)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(164,86,255,.2), inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(133,60,255,.18)!important}.primary.action-play small{display:block;font-size:11px!important;letter-spacing:.14em;margin-top:4px;color:#d8c2ff}
.game-ticker{margin-top:18px!important;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important;border-radius:0!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;border:1px solid #3d2e6b!important}
@keyframes railFlow{0%,100%{filter:drop-shadow(0 0 8px rgba(98,234,255,.78)) drop-shadow(0 0 20px rgba(98,234,255,.18));opacity:.86}50%{filter:drop-shadow(0 0 14px rgba(98,234,255,1)) drop-shadow(0 0 28px rgba(98,234,255,.28));opacity:1}}
@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}
@keyframes comboGlow{0%{filter:none}100%{box-shadow:0 0 0 2px #0c1714,0 0 0 4px #8fffdc,0 0 0 6px #4ff0b2,0 0 0 8px #11241f,0 0 32px rgba(79,240,178,.5),0 0 72px rgba(79,240,178,.26),inset 0 1px 2px rgba(255,255,255,.35), inset 0 -10px 16px rgba(0,0,0,.72)}}
@keyframes exactGlow{0%{filter:none}100%{box-shadow:0 0 0 2px #211124,0 0 0 4px #ffd9ff,0 0 0 6px #ff87ff,0 0 0 8px #2a1433,0 0 34px rgba(255,135,255,.58),0 0 76px rgba(255,135,255,.28),inset 0 1px 2px rgba(255,255,255,.35), inset 0 -10px 16px rgba(0,0,0,.72)}}
@media(max-width:1360px){.game-page-three-col{grid-template-columns:320px minmax(0,1fr) 310px}.pay-item b{font-size:48px}.route-box strong{font-size:24px!important}.side-kpi-grid b{font-size:30px}.stake-stepper input{font-size:36px!important}}
@media(max-width:1100px){.casino-topnav{grid-template-columns:1fr;gap:10px;height:auto}.casino-nav-menu{justify-content:flex-start;overflow:auto;white-space:nowrap;padding-bottom:4px}.game-page-three-col{grid-template-columns:1fr}.paytable-side,.game-info-side{display:none}.main-reactor-card{order:1}.casino-info-strip{display:none!important}}
@media(max-width:700px){.casino-shell{padding:6px 8px 100px!important}.casino-topnav{padding:8px 10px;height:auto;clip-path:none;border-radius:0!important}.casino-brand .brand-word{font-size:20px}.casino-brand .brand-mark{font-size:42px}.casino-nav-menu{display:none}.top-wallet-group{width:100%;justify-content:space-between}.casino-wallet{min-width:132px}.casino-wallet strong{font-size:16px!important}.deposit-btn{min-width:102px;height:46px;font-size:18px}.main-reactor-card{padding:10px!important;clip-path:none!important}.main-reactor-card:after{display:none}.round-head{padding:6px 4px 10px}.round-head h2{font-size:18px!important}.round-head small{font-size:10px!important}.round-state{padding:5px 10px}.reactor-stage{padding:10px!important;aspect-ratio:1/1.03!important;clip-path:none!important}.pulse-grid{inset:10px!important;padding:11% 10%!important;gap:10.5%!important;clip-path:none!important}.pulse-grid:before{inset:13%!important}.pulse-grid:after{width:26%!important;height:26%!important}.node{max-width:none!important;font-size:21px!important}.route-display{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:10px!important}.versus{display:none!important}.route-box{min-height:52px!important;padding:8px 10px!important;clip-path:none!important}.route-box span{font-size:7px!important}.route-box strong{font-size:12px!important;margin-top:4px!important}.outcome-grid{display:none!important}.message-bar{font-size:10px!important;padding:8px 10px!important;min-height:38px;clip-path:none!important}.mobile-result-dock{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:8px 0!important;position:relative!important;bottom:auto!important}.mobile-result-dock .dock-cell{clip-path:none!important;border-radius:6px!important;padding:8px 8px!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;border:1px solid #3d2e6b!important}.mobile-result-dock .dock-cell small{font-size:7px!important}.mobile-result-dock .dock-cell b{font-size:11px!important}.inline-result-actions{display:none!important}.center-mobile-paytable{display:grid!important;margin-top:8px}.center-mobile-paytable .paytable-grid{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}.center-mobile-paytable .pay-item{grid-template-columns:1fr auto!important;padding:8px 6px!important;min-height:52px;border:1px solid #3d2e6b!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important}.center-mobile-paytable .pay-item .pay-icon{display:none}.center-mobile-paytable .pay-item>div span{font-size:9px!important}.center-mobile-paytable .pay-item b{font-size:18px!important}.mobile-actionbar{display:grid!important;grid-template-columns:auto 1fr 1fr auto;gap:6px;padding:8px!important;background:linear-gradient(180deg,#0c0a26,#09071a)!important;border-top:1px solid #3d2e6b!important;box-shadow:0 -10px 24px rgba(0,0,0,.32)}.mobile-actionbar button,.mobile-actionbar .mobile-stake-control div,.mobile-actionbar .mobile-route{clip-path:none!important;border-radius:6px!important}.mobile-route strong{font-size:11px!important}.mobile-stake-control input{font-size:15px!important}.pulse-button{font-size:11px!important}.game-ticker{display:none!important}}

/* ============================================================
   v0.9 — DEEP SPACE / FUTURISTIC RESKIN (layout-safe overlay)
   Adds starfield, nebula, glass-HUD panels, orbit motifs and
   sci-fi typography without altering markup or game logic.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --space-void:#050414;
  --space-deep:#0a0824;
  --nebula-pink:#ff4dd8;
  --nebula-violet:#b34dff;
  --nebula-cyan:#5ce9ff;
  --star-white:#f4f2ff;
}

/* ---- base void + starfield + nebula (pure CSS, no assets) ---- */
html,body{
  background:
    radial-gradient(1.5px 1.5px at 12% 18%, #fff 0, transparent 60%),
    radial-gradient(1.5px 1.5px at 78% 8%, #fff 0, transparent 60%),
    radial-gradient(1px 1px at 45% 32%, #cdeaff 0, transparent 60%),
    radial-gradient(1.5px 1.5px at 88% 44%, #fff 0, transparent 60%),
    radial-gradient(1px 1px at 6% 58%, #e6d9ff 0, transparent 60%),
    radial-gradient(1.5px 1.5px at 35% 72%, #fff 0, transparent 60%),
    radial-gradient(1px 1px at 65% 86%, #cdeaff 0, transparent 60%),
    radial-gradient(1.5px 1.5px at 92% 78%, #fff 0, transparent 60%),
    radial-gradient(1px 1px at 20% 92%, #fff 0, transparent 60%),
    radial-gradient(1.5px 1.5px at 55% 5%, #e6d9ff 0, transparent 60%),
    radial-gradient(circle at 15% -10%, #4a1f8a30, transparent 40%),
    radial-gradient(circle at 105% 15%, #ff4dd81f, transparent 38%),
    radial-gradient(circle at 50% 120%, #1a3f8a2e, transparent 45%),
    radial-gradient(circle at 50% -20%, #16233f 0, #0a0824 34%, #050414 72%);
  background-repeat:repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size:220px 220px, 260px 260px, 190px 190px, 300px 300px, 210px 210px, 250px 250px, 180px 180px, 320px 320px, 200px 200px, 240px 240px, auto, auto, auto, auto;
  animation:starDrift 160s linear infinite;
}
@keyframes starDrift{from{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:-220px 220px,260px -260px,-190px 190px,300px 300px,-210px -210px,250px 250px,180px -180px,-320px 320px,200px -200px,-240px -240px,0 0,0 0,0 0,0 0}}

.casino-body{background:transparent}

/* extra nebula clouds layered on the existing ambient blobs */
.ambient{filter:none}
.ambient i:nth-child(1){background:#5a2bde;opacity:.22}
.ambient i:nth-child(2){background:#ff4dd8;opacity:.16}
.ambient i:nth-child(3){background:#5ce9ff;opacity:.18}
.ambient:before,.ambient:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.14;animation:float 14s ease-in-out infinite}
.ambient:before{width:380px;height:380px;background:#b34dff;right:8%;bottom:-160px;animation-delay:-4s}
.ambient:after{width:260px;height:260px;background:#ffd76a;left:45%;top:-140px;animation-delay:-8s}

/* ---- sci-fi type ---- */
.brand-word,.premium-copy h1,.hero h1,.arena-hero h1,.mode-card h2,.section-head-row h2,
.side-title h3,.room-card h3,.feature-card h3,.brand-footer,.round-head h2,.control-title h3,
.leader-title h3,.card-head h2,.room-summary h1{
  font-family:'Orbitron',Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.01em;
}
.eyebrow,.top-links a,.casino-nav-menu .nav-item,.wallet small,.stat-card small,
.section-head-row small,.side-title small,.mode-tag,.pay-item span,.wins-label,
.round-state,.footer-cols small{
  font-family:'Rajdhani',Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* ---- holographic glass + HUD corner brackets on major panels ---- */
.reactor-card,.control-card,.leaderboard,.room-wait,.public-rooms,.room-form-card,
.premium-hero,.paytable-showcase,.live-rooms-showcase,.feature-card,.paytable-side,
.game-info-side,.arena-page-hero,.win-panel,.hero-reactor-frame{
  position:relative;
  backdrop-filter:blur(16px) saturate(1.2);
  border-color:#3a2f78 !important;
}
.reactor-card:after,.control-card:after,.premium-hero:after,.paytable-showcase:after,
.feature-card:after,.room-form-card:after,.public-rooms:after,.arena-page-hero:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(#5ce9ffb0,#5ce9ffb0) top left / 22px 2px no-repeat,
    linear-gradient(#5ce9ffb0,#5ce9ffb0) top left / 2px 22px no-repeat,
    linear-gradient(#ff4dd8b0,#ff4dd8b0) bottom right / 22px 2px no-repeat,
    linear-gradient(#ff4dd8b0,#ff4dd8b0) bottom right / 2px 22px no-repeat;
  opacity:.55;
}

/* ---- orbit-ring accent behind the hero, pure CSS "planet" ---- */
.premium-hero:before{
  content:"";position:absolute;z-index:0;right:-120px;top:-120px;width:340px;height:340px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 32% 28%,#3a2b6a 0,#150f30 55%,transparent 78%);
  box-shadow:0 0 0 1px #5ce9ff22,0 0 90px #b34dff33;
}
.premium-hero>*{position:relative;z-index:1}

/* ---- recolored accents (buttons / glow / wins) ---- */
.hero-btn.solo-btn{background:linear-gradient(135deg,#0b6dff,#5ce9ff 70%,#a9f4ff)}
.hero-btn.arena-btn{background:linear-gradient(135deg,#7a1fd9,#b34dff 55%,#ff4dd8)}
.deposit-btn{background:linear-gradient(135deg,#8b2fd9,#c026d3 55%,#ff4dd8);box-shadow:0 10px 25px #ff4dd833}
.primary{background:linear-gradient(90deg,#0b6dff,#8b2fd9 55%,#ff4dd8);box-shadow:0 12px 30px #b34dff33}
.pulse-button{background:linear-gradient(145deg,#0b6dff,#8b2fd9 60%,#ff4dd8);box-shadow:0 0 24px #b34dff33}
.feature-card.purple{box-shadow:inset 0 0 0 1px #ff4dd855,0 18px 45px #0007}
.stat-card.purple strong,.leader-row strong,.wins-ticker span b,.room-card-side b,.invite-box>strong,
.room-info-box strong{color:#ffd76a}
.pay-item.perfect span,.pay-item.perfect b{color:#ff4dd8}
.top-links a.active,.top-links a:hover{border-color:#3a2f78;background:linear-gradient(180deg,#100e2c,#0c0a26)}
.grid-mini span.core{box-shadow:0 0 0 16px #100e2c,0 0 80px #b34dff55,inset 0 0 50px #fff5}

/* gently color-grade the pre-rendered reactor/paytable artwork toward the
   nebula palette so it reads as one consistent scene */
.hero-reactor-frame,.pulse-grid,.paytable-side .pay-icon,.paytable-showcase .pay-icon,
.center-mobile-paytable .pay-icon{filter:hue-rotate(18deg) saturate(1.12) brightness(1.02)}

/* ---- slim sci-fi scrollbar ---- */
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-track{background:#0a0824}
::-webkit-scrollbar-thumb{background:linear-gradient(#5ce9ff,#b34dff);border-radius:10px}

@media(max-width:620px){
  html,body{background-size:160px 160px,190px 190px,140px 140px,220px 220px,150px 150px,180px 180px,130px 130px,240px 240px,150px 150px,170px 170px,auto,auto,auto,auto}
  .premium-hero:before{width:220px;height:220px;right:-90px;top:-90px}
}


/* ===== v0.9.1 Claude space layout + 3D metal connector tubes ===== */
.pulse-grid{
  background:
    /* horizontal 3D metal tubes */
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 16.67%/74% 18px no-repeat,
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.56) 22%, rgba(112,126,139,.98) 44%, rgba(38,47,58,.99) 54%, rgba(113,127,140,.97) 73%, rgba(243,248,252,.46) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 50%/74% 18px no-repeat,
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 83.33%/74% 18px no-repeat,
    /* vertical 3D metal tubes */
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 16.67% 50%/18px 74% no-repeat,
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.56) 22%, rgba(112,126,139,.98) 44%, rgba(38,47,58,.99) 54%, rgba(113,127,140,.97) 73%, rgba(243,248,252,.46) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 50%/18px 74% no-repeat,
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 83.33% 50%/18px 74% no-repeat,
    /* cyan pulse conduits on top of tubes */
    linear-gradient(90deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 50% 16.67%/72% 4px no-repeat,
    linear-gradient(90deg,transparent 4%,rgba(16,128,164,.14) 10%,#7af4ff 50%,rgba(16,128,164,.14) 90%,transparent 96%) 50% 50%/72% 4px no-repeat,
    linear-gradient(90deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 50% 83.33%/72% 4px no-repeat,
    linear-gradient(180deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 16.67% 50%/4px 72% no-repeat,
    linear-gradient(180deg,transparent 4%,rgba(16,128,164,.14) 10%,#7af4ff 50%,rgba(16,128,164,.14) 90%,transparent 96%) 50% 50%/4px 72% no-repeat,
    linear-gradient(180deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 83.33% 50%/4px 72% no-repeat,
    /* tube joint plates */
    radial-gradient(circle at 16.67% 16.67%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 50% 16.67%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 83.33% 16.67%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 16.67% 50%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 50% 50%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 83.33% 50%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 16.67% 83.33%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 50% 83.33%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%),
    radial-gradient(circle at 83.33% 83.33%, rgba(234,241,248,.34) 0 3.2%, rgba(78,90,103,.95) 3.6% 5.2%, transparent 5.4%);
  box-shadow:inset 0 0 32px rgba(0,0,0,.35), inset 0 0 72px rgba(42,226,255,.06);
}
.pulse-grid:before{
  background:
    linear-gradient(135deg,transparent 46%,#8259ff22 49%,#8259ff22 51%,transparent 54%),
    linear-gradient(45deg,transparent 46%,#3ddfff20 49%,#3ddfff20 51%,transparent 54%),
    radial-gradient(circle at center, rgba(92,233,255,.08), transparent 62%);
  box-shadow: inset 0 0 25px rgba(36,57,71,.5), 0 0 18px rgba(91,229,255,.05);
}
.node{
  box-shadow:0 0 0 2px #06090d,0 0 0 4px #9aa8b3,0 0 0 6px #171d24,0 14px 28px rgba(0,0,0,.66), inset 0 1px 2px rgba(255,255,255,.38), inset 0 -10px 16px rgba(0,0,0,.74)!important;
}
.node:before{box-shadow:inset 0 0 16px rgba(255,255,255,.08),0 0 8px rgba(83,224,255,.12)!important}
@media(max-width:620px){
  .pulse-grid{
    background:
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 16.67%/74% 14px no-repeat,
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.56) 22%, rgba(112,126,139,.98) 44%, rgba(38,47,58,.99) 54%, rgba(113,127,140,.97) 73%, rgba(243,248,252,.46) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 50%/74% 14px no-repeat,
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 83.33%/74% 14px no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 16.67% 50%/14px 74% no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.56) 22%, rgba(112,126,139,.98) 44%, rgba(38,47,58,.99) 54%, rgba(113,127,140,.97) 73%, rgba(243,248,252,.46) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 50% 50%/14px 74% no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 12%, rgba(230,238,246,.52) 22%, rgba(112,126,139,.95) 44%, rgba(38,47,58,.98) 54%, rgba(113,127,140,.96) 73%, rgba(243,248,252,.45) 85%, rgba(255,255,255,.10) 92%, transparent 100%) 83.33% 50%/14px 74% no-repeat,
      linear-gradient(90deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 50% 16.67%/72% 3px no-repeat,
      linear-gradient(90deg,transparent 4%,rgba(16,128,164,.14) 10%,#7af4ff 50%,rgba(16,128,164,.14) 90%,transparent 96%) 50% 50%/72% 3px no-repeat,
      linear-gradient(90deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 50% 83.33%/72% 3px no-repeat,
      linear-gradient(180deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 16.67% 50%/3px 72% no-repeat,
      linear-gradient(180deg,transparent 4%,rgba(16,128,164,.14) 10%,#7af4ff 50%,rgba(16,128,164,.14) 90%,transparent 96%) 50% 50%/3px 72% no-repeat,
      linear-gradient(180deg,transparent 4%,rgba(16,128,164,.12) 10%,#4cf0ff 50%,rgba(16,128,164,.12) 90%,transparent 96%) 83.33% 50%/3px 72% no-repeat;
  }
}

/* ===== v0.9.2 visible 3D metal connector tubes + professional pulse console ===== */
/* Reactor board: make the mechanical connector tubes clearly visible */
.reactor-stage .pulse-grid{
  position:absolute!important;
  overflow:visible!important;
  background:
    /* horizontal 3D metal tubes */
    linear-gradient(180deg,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(236,241,246,.90) 20%,
      rgba(158,171,182,.96) 30%,
      rgba(67,77,88,.98) 48%,
      rgba(34,40,48,.99) 52%,
      rgba(67,77,88,.98) 56%,
      rgba(158,171,182,.96) 74%,
      rgba(236,241,246,.82) 84%,
      rgba(255,255,255,.12) 92%,
      transparent 100%) 50% 16.66%/68% 22px no-repeat,
    linear-gradient(180deg,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(236,241,246,.92) 20%,
      rgba(158,171,182,.98) 30%,
      rgba(67,77,88,.99) 48%,
      rgba(34,40,48,.99) 52%,
      rgba(67,77,88,.99) 56%,
      rgba(158,171,182,.98) 74%,
      rgba(236,241,246,.84) 84%,
      rgba(255,255,255,.12) 92%,
      transparent 100%) 50% 50%/68% 22px no-repeat,
    linear-gradient(180deg,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(236,241,246,.90) 20%,
      rgba(158,171,182,.96) 30%,
      rgba(67,77,88,.98) 48%,
      rgba(34,40,48,.99) 52%,
      rgba(67,77,88,.98) 56%,
      rgba(158,171,182,.96) 74%,
      rgba(236,241,246,.82) 84%,
      rgba(255,255,255,.12) 92%,
      transparent 100%) 50% 83.34%/68% 22px no-repeat,
    /* vertical 3D metal tubes */
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(236,241,246,.90) 20%,
      rgba(158,171,182,.96) 30%,
      rgba(67,77,88,.98) 48%,
      rgba(34,40,48,.99) 52%,
      rgba(67,77,88,.98) 56%,
      rgba(158,171,182,.96) 74%,
      rgba(236,241,246,.82) 84%,
      rgba(255,255,255,.12) 92%,
      transparent 100%) 16.66% 50%/22px 68% no-repeat,
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(236,241,246,.92) 20%,
      rgba(158,171,182,.98) 30%,
      rgba(67,77,88,.99) 48%,
      rgba(34,40,48,.99) 52%,
      rgba(67,77,88,.99) 56%,
      rgba(158,171,182,.98) 74%,
      rgba(236,241,246,.84) 84%,
      rgba(255,255,255,.12) 92%,
      transparent 100%) 50% 50%/22px 68% no-repeat,
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(236,241,246,.90) 20%,
      rgba(158,171,182,.96) 30%,
      rgba(67,77,88,.98) 48%,
      rgba(34,40,48,.99) 52%,
      rgba(67,77,88,.98) 56%,
      rgba(158,171,182,.96) 74%,
      rgba(236,241,246,.82) 84%,
      rgba(255,255,255,.12) 92%,
      transparent 100%) 83.34% 50%/22px 68% no-repeat,
    /* cyan energy conduit running inside the tubes */
    linear-gradient(90deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 50% 16.66%/66% 4px no-repeat,
    linear-gradient(90deg,transparent 0%,rgba(38,212,255,.12) 8%,rgba(162,248,255,1) 50%,rgba(38,212,255,.12) 92%,transparent 100%) 50% 50%/66% 4px no-repeat,
    linear-gradient(90deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 50% 83.34%/66% 4px no-repeat,
    linear-gradient(180deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 16.66% 50%/4px 66% no-repeat,
    linear-gradient(180deg,transparent 0%,rgba(38,212,255,.12) 8%,rgba(162,248,255,1) 50%,rgba(38,212,255,.12) 92%,transparent 100%) 50% 50%/4px 66% no-repeat,
    linear-gradient(180deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 83.34% 50%/4px 66% no-repeat,
    /* flange plates around each reactor joint */
    radial-gradient(circle at 16.66% 16.66%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 50% 16.66%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 83.34% 16.66%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 16.66% 50%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 50% 50%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 83.34% 50%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 16.66% 83.34%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 50% 83.34%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    radial-gradient(circle at 83.34% 83.34%, rgba(251,253,255,.58) 0 3.2%, rgba(179,190,200,.95) 3.4% 4.5%, rgba(59,69,79,.98) 4.7% 6.2%, rgba(16,20,26,.98) 6.4% 6.8%, transparent 7%),
    /* board base */
    radial-gradient(circle at 50% 50%, rgba(17,39,58,.92) 0, rgba(8,21,32,.96) 54%, rgba(7,11,18,1) 100%) !important;
  box-shadow: inset 0 0 70px rgba(92,233,255,.06), inset 0 0 0 1px rgba(7,22,34,.9), 0 0 40px rgba(0,0,0,.35) !important;
}
.reactor-stage .pulse-grid:before{
  inset:7.5%!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg, transparent 0 44%, rgba(110,84,208,.14) 49%, transparent 54%),
    linear-gradient(45deg, transparent 0 44%, rgba(81,232,255,.10) 49%, transparent 54%),
    radial-gradient(circle at center, rgba(110,84,208,.07), transparent 55%) !important;
  border:1px solid rgba(87,135,170,.32)!important;
  box-shadow: inset 0 0 26px rgba(0,0,0,.34), 0 0 12px rgba(92,233,255,.08)!important;
}
.reactor-stage .pulse-grid:after{
  content:""!important;
  position:absolute!important;
  inset:6%!important;
  border-radius:20px!important;
  border:1px solid rgba(92,233,255,.16)!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(92,233,255,.04), transparent 64%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.04), transparent) !important;
  box-shadow: inset 0 0 32px rgba(92,233,255,.08), 0 0 18px rgba(92,233,255,.10)!important;
}
.reactor-stage .node{z-index:5!important}

/* Pulse Console redesign */
.game-info-side{
  padding:18px 16px 16px!important;
  background:
    linear-gradient(180deg, rgba(11,14,40,.98) 0%, rgba(7,10,28,.99) 54%, rgba(5,7,20,1) 100%) !important;
  border:1px solid #3b3570!important;
  box-shadow:0 26px 70px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(76,141,219,.08)!important;
}
.game-info-side:after{
  content:"";
  position:absolute;
  inset:10px 10px auto 10px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(92,233,255,.45), rgba(178,90,255,.45), transparent);
}
.control-title{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:start!important;
  gap:12px!important;
  padding:0 2px 14px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(60,83,115,.65)!important;
}
.control-title small{
  display:block!important;
  margin-bottom:6px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  color:#9b68ff!important;
}
.control-title h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  color:#f4f7ff!important;
}
.live-pill{
  align-self:start!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid #166246!important;
  background:linear-gradient(180deg,#083122,#051a13)!important;
  color:#4ef0b1!important;
  box-shadow:0 0 14px rgba(78,240,177,.12)!important;
}
.stake-box-premium{
  padding:0!important;
  border:1px solid #334072!important;
  background:linear-gradient(180deg,#0c0f2a,#08091d)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 0 1px rgba(55,89,140,.08)!important;
  overflow:hidden!important;
}
.stake-box-premium>label{
  display:block!important;
  margin:0!important;
  padding:16px 14px 4px!important;
  font-size:14px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  color:#a8bfd4!important;
}
.stake-subline{
  padding:0 14px 12px!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:#7f93a8!important;
}
.chips{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding:0 14px 14px!important;
}
.chips button{
  position:relative!important;
  height:50px!important;
  padding:0 16px!important;
  border:1px solid #4a4090!important;
  background:linear-gradient(180deg,#100b2b,#0b0a1e)!important;
  color:#f5f7ff!important;
  font-size:16px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.16)!important;
}
.chips button.active{
  border-color:#62e8ff!important;
  background:linear-gradient(180deg,#17344a,#102736)!important;
  box-shadow:inset 0 0 24px rgba(98,232,255,.12), 0 0 0 1px rgba(98,232,255,.18), 0 0 18px rgba(98,232,255,.10)!important;
}
.custom-stake{
  margin:0 14px 14px!important;
  padding:12px!important;
  border:1px solid #474073!important;
  background:linear-gradient(180deg,#130d30,#090919)!important;
}
.custom-stake label{
  display:block!important;
  margin:0 0 10px!important;
  font-size:12px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  color:#a8bfd4!important;
}
.stake-stepper{
  display:grid!important;
  grid-template-columns:46px 1fr 46px!important;
  gap:10px!important;
  height:auto!important;
}
.stake-stepper>button{
  width:auto!important;
  height:64px!important;
  font-size:24px!important;
  font-weight:1000!important;
  border:1px solid #51488d!important;
  background:linear-gradient(180deg,#18113a,#0b0a1f)!important;
  color:#f4f7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.stake-stepper>div{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 12px!important;
  height:64px!important;
  border:1px solid #51488d!important;
  background:linear-gradient(180deg,#070710,#020306)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 18px rgba(0,0,0,.35)!important;
}
.stake-stepper span{
  font-size:17px!important;
  font-weight:900!important;
  color:#6bb9ff!important;
}
.stake-stepper input{
  width:100%!important;
  text-align:center!important;
  font-size:28px!important;
  font-weight:1000!important;
  color:#ffffff!important;
}
.selected-stake{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  border-top:1px solid rgba(76,82,120,.45)!important;
  color:#90acbf!important;
}
.selected-stake b{
  font-size:18px!important;
  color:#ffffff!important;
}
.side-kpi-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:14px 0!important;
}
.side-kpi-grid span{
  padding:12px 14px!important;
  border:1px solid #3c3569!important;
  background:linear-gradient(180deg,#0f0d27,#090919)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.side-kpi-grid small{
  color:#91abc0!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.side-kpi-grid b{
  margin-top:8px!important;
  font-size:28px!important;
  color:#ffffff!important;
}
#clearDesktop.secondary.action-clear,
.game-info-side .secondary.action-clear{
  height:60px!important;
  margin-top:2px!important;
  border:1px solid #1d6f9d!important;
  background:linear-gradient(180deg,#0a2643,#07172a)!important;
  color:#2ce2ff!important;
  font-size:18px!important;
  font-weight:1000!important;
  letter-spacing:.03em!important;
  box-shadow:0 0 20px rgba(44,226,255,.10)!important;
}
#playDesktop.primary.action-play,
.game-info-side .primary.action-play{
  height:64px!important;
  margin-top:12px!important;
  border:1px solid #8f46e7!important;
  background:linear-gradient(180deg,#7f32db,#4d196f)!important;
  color:#f5f2ff!important;
  font-size:18px!important;
  font-weight:1000!important;
  letter-spacing:.03em!important;
  box-shadow:0 0 22px rgba(143,70,231,.18)!important;
}
#playDesktop.primary.action-play small,
.game-info-side .primary.action-play small{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  color:#d8c2ff!important;
}

@media(max-width:700px){
  .reactor-stage .pulse-grid{
    background:
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.10) 10%, rgba(236,241,246,.90) 20%, rgba(158,171,182,.96) 30%, rgba(67,77,88,.98) 48%, rgba(34,40,48,.99) 52%, rgba(67,77,88,.98) 56%, rgba(158,171,182,.96) 74%, rgba(236,241,246,.82) 84%, rgba(255,255,255,.12) 92%, transparent 100%) 50% 16.66%/68% 16px no-repeat,
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.10) 10%, rgba(236,241,246,.92) 20%, rgba(158,171,182,.98) 30%, rgba(67,77,88,.99) 48%, rgba(34,40,48,.99) 52%, rgba(67,77,88,.99) 56%, rgba(158,171,182,.98) 74%, rgba(236,241,246,.84) 84%, rgba(255,255,255,.12) 92%, transparent 100%) 50% 50%/68% 16px no-repeat,
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.10) 10%, rgba(236,241,246,.90) 20%, rgba(158,171,182,.96) 30%, rgba(67,77,88,.98) 48%, rgba(34,40,48,.99) 52%, rgba(67,77,88,.98) 56%, rgba(158,171,182,.96) 74%, rgba(236,241,246,.82) 84%, rgba(255,255,255,.12) 92%, transparent 100%) 50% 83.34%/68% 16px no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 10%, rgba(236,241,246,.90) 20%, rgba(158,171,182,.96) 30%, rgba(67,77,88,.98) 48%, rgba(34,40,48,.99) 52%, rgba(67,77,88,.98) 56%, rgba(158,171,182,.96) 74%, rgba(236,241,246,.82) 84%, rgba(255,255,255,.12) 92%, transparent 100%) 16.66% 50%/16px 68% no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 10%, rgba(236,241,246,.92) 20%, rgba(158,171,182,.98) 30%, rgba(67,77,88,.99) 48%, rgba(34,40,48,.99) 52%, rgba(67,77,88,.99) 56%, rgba(158,171,182,.98) 74%, rgba(236,241,246,.84) 84%, rgba(255,255,255,.12) 92%, transparent 100%) 50% 50%/16px 68% no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 10%, rgba(236,241,246,.90) 20%, rgba(158,171,182,.96) 30%, rgba(67,77,88,.98) 48%, rgba(34,40,48,.99) 52%, rgba(67,77,88,.98) 56%, rgba(158,171,182,.96) 74%, rgba(236,241,246,.82) 84%, rgba(255,255,255,.12) 92%, transparent 100%) 83.34% 50%/16px 68% no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 50% 16.66%/66% 3px no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(38,212,255,.12) 8%,rgba(162,248,255,1) 50%,rgba(38,212,255,.12) 92%,transparent 100%) 50% 50%/66% 3px no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 50% 83.34%/66% 3px no-repeat,
      linear-gradient(180deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 16.66% 50%/3px 66% no-repeat,
      linear-gradient(180deg,transparent 0%,rgba(38,212,255,.12) 8%,rgba(162,248,255,1) 50%,rgba(38,212,255,.12) 92%,transparent 100%) 50% 50%/3px 66% no-repeat,
      linear-gradient(180deg,transparent 0%,rgba(38,212,255,.10) 8%,rgba(162,248,255,.95) 50%,rgba(38,212,255,.10) 92%,transparent 100%) 83.34% 50%/3px 66% no-repeat,
      radial-gradient(circle at 50% 50%, rgba(17,39,58,.92) 0, rgba(8,21,32,.96) 54%, rgba(7,11,18,1) 100%) !important;
  }
}

/* ===== v0.9.3 chrome tube upgrade + selected node color change ===== */
/* Push the connector network further toward polished chrome */
.reactor-stage .pulse-grid{
  background:
    /* horizontal chrome tubes */
    linear-gradient(180deg,
      transparent 0%,
      rgba(255,255,255,.16) 8%,
      rgba(250,252,255,.98) 16%,
      rgba(221,229,236,.96) 23%,
      rgba(145,157,170,.98) 34%,
      rgba(86,97,108,.99) 46%,
      rgba(36,43,50,1) 50%,
      rgba(21,26,31,1) 54%,
      rgba(92,103,114,.99) 64%,
      rgba(176,188,200,.98) 77%,
      rgba(241,246,250,.92) 87%,
      rgba(255,255,255,.18) 94%,
      transparent 100%) 50% 16.66%/68% 24px no-repeat,
    linear-gradient(180deg,
      transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 50%/68% 24px no-repeat,
    linear-gradient(180deg,
      transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 83.34%/68% 24px no-repeat,
    /* vertical chrome tubes */
    linear-gradient(90deg,
      transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 16.66% 50%/24px 68% no-repeat,
    linear-gradient(90deg,
      transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 50%/24px 68% no-repeat,
    linear-gradient(90deg,
      transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 83.34% 50%/24px 68% no-repeat,
    /* bright cyan conduit inside chrome tubes */
    linear-gradient(90deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 50% 16.66%/66% 4px no-repeat,
    linear-gradient(90deg,transparent 0%,rgba(83,227,255,.12) 8%,rgba(225,252,255,1) 50%,rgba(83,227,255,.12) 92%,transparent 100%) 50% 50%/66% 4px no-repeat,
    linear-gradient(90deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 50% 83.34%/66% 4px no-repeat,
    linear-gradient(180deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 16.66% 50%/4px 66% no-repeat,
    linear-gradient(180deg,transparent 0%,rgba(83,227,255,.12) 8%,rgba(225,252,255,1) 50%,rgba(83,227,255,.12) 92%,transparent 100%) 50% 50%/4px 66% no-repeat,
    linear-gradient(180deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 83.34% 50%/4px 66% no-repeat,
    /* joint collars */
    radial-gradient(circle at 16.66% 16.66%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 50% 16.66%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 83.34% 16.66%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 16.66% 50%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 83.34% 50%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 16.66% 83.34%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 50% 83.34%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 83.34% 83.34%, rgba(255,255,255,.72) 0 2.7%, rgba(221,228,235,.98) 2.9% 4.0%, rgba(116,127,139,.99) 4.3% 5.6%, rgba(24,28,34,1) 5.9% 6.5%, transparent 6.8%),
    radial-gradient(circle at 50% 50%, rgba(17,39,58,.92) 0, rgba(8,21,32,.96) 54%, rgba(7,11,18,1) 100%) !important;
}

/* Selected nodes changed from pink to gold/amber to contrast with pink center core */
.reactor-stage .node.selected{
  box-shadow:
    0 0 0 2px #151105,
    0 0 0 4px #ffe9a9,
    0 0 0 6px #ffcb3f,
    0 0 0 8px #473106,
    0 0 26px rgba(255,205,75,.72),
    0 0 66px rgba(255,193,38,.34),
    inset 0 1px 2px rgba(255,255,255,.35),
    inset 0 -10px 16px rgba(0,0,0,.72)!important;
}
.reactor-stage .node.selected:before{
  border-color:rgba(255,234,171,.72)!important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,.38), transparent 24%),
    repeating-conic-gradient(from 0deg, rgba(255,255,255,.18) 0 3deg, transparent 3deg 18deg),
    radial-gradient(circle at 50% 50%, #fffdf0 0 4%, #ffe7a8 10%, #ffbf42 25%, #9e6b17 47%, #332209 66%, #0b0a08 100%) !important;
}
.reactor-stage .node.selected:after{
  background:linear-gradient(180deg,#ffd35d,#d88a00)!important;
  border:1px solid rgba(255,246,203,.86)!important;
  color:#241500!important;
  box-shadow:0 0 18px rgba(255,205,75,.65)!important;
}

@media(max-width:700px){
  .reactor-stage .pulse-grid{
    background:
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 16.66%/68% 18px no-repeat,
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 50%/68% 18px no-repeat,
      linear-gradient(180deg, transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 83.34%/68% 18px no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 16.66% 50%/18px 68% no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 50% 50%/18px 68% no-repeat,
      linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 8%, rgba(250,252,255,.98) 16%, rgba(221,229,236,.96) 23%, rgba(145,157,170,.98) 34%, rgba(86,97,108,.99) 46%, rgba(36,43,50,1) 50%, rgba(21,26,31,1) 54%, rgba(92,103,114,.99) 64%, rgba(176,188,200,.98) 77%, rgba(241,246,250,.92) 87%, rgba(255,255,255,.18) 94%, transparent 100%) 83.34% 50%/18px 68% no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 50% 16.66%/66% 3px no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(83,227,255,.12) 8%,rgba(225,252,255,1) 50%,rgba(83,227,255,.12) 92%,transparent 100%) 50% 50%/66% 3px no-repeat,
      linear-gradient(90deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 50% 83.34%/66% 3px no-repeat,
      linear-gradient(180deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 16.66% 50%/3px 66% no-repeat,
      linear-gradient(180deg,transparent 0%,rgba(83,227,255,.12) 8%,rgba(225,252,255,1) 50%,rgba(83,227,255,.12) 92%,transparent 100%) 50% 50%/3px 66% no-repeat,
      linear-gradient(180deg,transparent 0%,rgba(83,227,255,.10) 8%,rgba(225,252,255,.96) 50%,rgba(83,227,255,.10) 92%,transparent 100%) 83.34% 50%/3px 66% no-repeat,
      radial-gradient(circle at 50% 50%, rgba(17,39,58,.92) 0, rgba(8,21,32,.96) 54%, rgba(7,11,18,1) 100%) !important;
  }
}

/* ===== v0.9.4 Arena live player selections ===== */
.wait-player{align-items:flex-start!important;gap:12px!important}
.wait-player-info{flex:1;min-width:0}
.player-live-selection{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:8px;padding:7px 9px;
  border:1px solid #2e385f;
  background:linear-gradient(180deg,#0c0d24,#08091a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.player-live-selection span{font-size:8px!important;letter-spacing:.14em;color:#8099ad!important;font-weight:900}
.player-live-selection strong{font-size:13px!important;letter-spacing:.06em;color:#e8f7ff!important;white-space:nowrap}
.player-live-selection.live-route{border-color:#2b627f;box-shadow:inset 0 0 16px rgba(61,216,255,.06)}
.player-live-selection.live-route strong{color:#61e7ff!important;text-shadow:0 0 10px rgba(97,231,255,.25)}
.player-live-selection.locked-route{border-color:#80703a;background:linear-gradient(180deg,#171323,#0b0b17);box-shadow:inset 0 0 18px rgba(255,210,79,.06)}
.player-live-selection.locked-route strong{color:#ffd45f!important;text-shadow:0 0 10px rgba(255,212,95,.24)}
.player-live-selection.empty-route strong{color:#65798a!important}

.compact-players{display:grid!important;gap:8px!important}
.compact-player-row{
  display:block!important;
  padding:10px 11px!important;
  border:1px solid #302d58!important;
  background:linear-gradient(180deg,#0c0d25,#070818)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.compact-player-row.you{border-color:#285e7a!important}
.compact-player-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.compact-player-head>span{font-size:13px!important;font-weight:900!important;color:#edf7ff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-player-head>b{font-size:8px!important;letter-spacing:.08em!important;color:#889dad!important;border:1px solid #354155!important;padding:4px 6px!important;background:#080b13!important}
.compact-player-head>b.locked{color:#54efb5!important;border-color:#1c6b50!important;background:#071b14!important}
.compact-live-route{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  margin-top:8px!important;padding:7px 8px!important;
  border:1px solid #262d4e!important;
  background:linear-gradient(180deg,#090b1d,#060713)!important;
}
.compact-live-route small{font-size:7px!important;letter-spacing:.14em!important;color:#71889b!important;font-weight:900!important}
.compact-live-route strong{font-size:13px!important;color:#dbeaf4!important;letter-spacing:.05em!important;white-space:nowrap!important}
.compact-live-route.live-route{border-color:#255b77!important}
.compact-live-route.live-route strong{color:#58e5ff!important;text-shadow:0 0 9px rgba(88,229,255,.24)}
.compact-live-route.locked-route{border-color:#726536!important}
.compact-live-route.locked-route strong{color:#ffd45f!important;text-shadow:0 0 9px rgba(255,212,95,.24)}
.compact-live-route.empty-route strong{color:#5e7182!important}

@media(max-width:700px){
  .player-live-selection{padding:6px 7px;margin-top:6px}
  .player-live-selection strong{font-size:11px!important}
  .compact-player-row{padding:8px!important}
  .compact-live-route{padding:6px!important;margin-top:6px!important}
  .compact-live-route strong{font-size:11px!important}
}

/* v0.9.5 shared player routes — visible to host/guests on desktop/mobile */
.shared-routes-panel{margin:8px 0 10px;padding:10px;border:1px solid #30486e;background:linear-gradient(180deg,#0b0d26,#07081b);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.28);position:relative;z-index:15}
.shared-routes-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 8px;border-bottom:1px solid rgba(80,103,149,.42)}
.shared-routes-head small{display:block;font-size:8px;letter-spacing:.17em;font-weight:900;color:#61e7ff}.shared-routes-head strong{display:block;margin-top:2px;font-size:14px;color:#f4f8ff}.shared-routes-head>span{font-size:8px;letter-spacing:.1em;color:#a88cff;border:1px solid #493c7d;background:#100d2a;padding:5px 7px}
.shared-player-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:8px}
.shared-route-card{min-width:0;padding:9px 10px;border:1px solid #35405f;background:linear-gradient(180deg,#101229,#090a1c);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.shared-route-card.you{border-color:#2f7998;box-shadow:inset 0 0 16px rgba(60,218,255,.06)}
.shared-route-card.live-route{border-color:#3a6290}.shared-route-card.locked-route{border-color:#897035;background:linear-gradient(180deg,#191527,#0e0c19);box-shadow:inset 0 0 18px rgba(255,206,79,.06)}
.shared-route-top{display:flex;align-items:center;gap:8px}.shared-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#193a56,#0b1724);border:1px solid #346985;color:#dbf8ff;font-size:11px;font-weight:1000;flex:0 0 auto}
.shared-route-top div{min-width:0}.shared-route-top b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eef7ff;font-size:11px}.shared-route-top b em,.shared-route-top b i{font-style:normal;font-size:7px;padding:2px 4px;margin-left:3px;border:1px solid #2b7694;color:#61e7ff}.shared-route-top b i{border-color:#7252a5;color:#c394ff}.shared-route-top small{display:block;margin-top:2px;font-size:7px;letter-spacing:.1em;color:#8199aa}.locked-route .shared-route-top small{color:#ffd566}
.shared-route-value{display:block;margin-top:8px;padding:7px 6px;text-align:center;border:1px solid #273552;background:#050714;color:#fff;font-size:15px;letter-spacing:.04em;white-space:nowrap}.live-route .shared-route-value{color:#63eaff;text-shadow:0 0 10px rgba(99,234,255,.25)}.locked-route .shared-route-value{color:#ffd566;text-shadow:0 0 10px rgba(255,213,102,.24)}
@media(max-width:700px){.shared-routes-panel{display:block!important;margin:6px 0 7px!important;padding:7px!important;position:relative!important;z-index:30!important}.shared-routes-head{padding-bottom:6px}.shared-routes-head strong{font-size:11px}.shared-routes-head>span{font-size:6px;padding:4px 5px}.shared-player-routes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:6px!important}.shared-route-card{padding:6px!important}.shared-avatar{width:22px;height:22px;font-size:9px}.shared-route-top b{font-size:9px}.shared-route-top small{font-size:6px}.shared-route-value{font-size:11px!important;padding:5px 3px!important;margin-top:5px!important}.room-info-side{display:none!important}}


/* =====================================================================
   N9 v0.9.6 — CLEAN COSMIC REACTOR
   Applied directly to the original working v0.9.5 live-routes build.
   No stacked legacy override chain.
   ===================================================================== */

:root{
  --n9-space:#03050d;
  --n9-panel:rgba(5,8,20,.88);
  --n9-panel-soft:rgba(6,9,24,.70);
  --n9-cyan:#55e7ff;
  --n9-blue:#4b7dff;
  --n9-violet:#a45cff;
  --n9-magenta:#d85cff;
  --n9-gold:#ffc85a;
  --n9-text:#f6f8ff;
  --n9-muted:#9eabc2;
}

/* ---------- GLOBAL SPACE ---------- */
html,
body.casino-body{
  min-height:100%;
  background:#03050d!important;
  color:var(--n9-text)!important;
}
body.casino-body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 8% 52%,rgba(113,27,198,.18),transparent 31%),
    radial-gradient(ellipse at 92% 55%,rgba(33,150,222,.17),transparent 31%),
    linear-gradient(180deg,#02040b 0%,#060619 50%,#02040b 100%)!important;
}
body.casino-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  opacity:.56;
  background-image:
    radial-gradient(circle at 5% 12%,#fff 0 1px,transparent 1.7px),
    radial-gradient(circle at 15% 42%,rgba(193,219,255,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle at 26% 78%,rgba(255,196,238,.85) 0 1px,transparent 1.7px),
    radial-gradient(circle at 39% 22%,#fff 0 1px,transparent 1.7px),
    radial-gradient(circle at 54% 61%,rgba(204,255,233,.76) 0 1px,transparent 1.7px),
    radial-gradient(circle at 68% 15%,rgba(190,220,255,.92) 0 1px,transparent 1.7px),
    radial-gradient(circle at 81% 69%,rgba(255,197,236,.80) 0 1px,transparent 1.7px),
    radial-gradient(circle at 94% 28%,#fff 0 1px,transparent 1.7px);
  background-size:118px 118px,167px 167px,223px 223px,281px 281px,347px 347px,419px 419px,503px 503px,593px 593px;
  animation:n9CleanTwinkle 7s ease-in-out infinite alternate;
}
@keyframes n9CleanTwinkle{
  from{opacity:.38;filter:brightness(.84)}
  to{opacity:.72;filter:brightness(1.18)}
}

/* Keep original ambient effect but restrain it */
body.casino-body .ambient{
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.casino-body .ambient i{
  opacity:.12!important;
  filter:blur(105px)!important;
  mix-blend-mode:screen!important;
}
body.casino-body .ambient i:nth-child(1){
  width:48vw!important;height:35vw!important;left:-12vw!important;top:20vh!important;
  background:radial-gradient(ellipse,rgba(116,25,202,.68),rgba(78,38,164,.17) 46%,transparent 72%)!important;
}
body.casino-body .ambient i:nth-child(2){
  width:46vw!important;height:34vw!important;right:-11vw!important;top:30vh!important;
  background:radial-gradient(ellipse,rgba(23,165,229,.60),rgba(35,84,191,.16) 46%,transparent 72%)!important;
}
body.casino-body .ambient i:nth-child(3){
  width:30vw!important;height:22vw!important;left:40%!important;bottom:-8vw!important;
  background:radial-gradient(ellipse,rgba(210,57,235,.32),rgba(84,73,198,.11) 46%,transparent 72%)!important;
}

/* ---------- LAYOUT ---------- */
body.casino-body .shell.game-shell.casino-shell{
  width:min(calc(100vw - 28px),1760px)!important;
  max-width:1760px!important;
  padding:8px 12px 24px!important;
  margin-inline:auto!important;
}
body.casino-body .game-page-three-col{
  grid-template-columns:minmax(285px,315px) minmax(720px,1fr) minmax(285px,315px)!important;
  gap:14px!important;
  align-items:start!important;
}

/* ---------- PAYTABLE ---------- */
body.casino-body .paytable-side{
  min-width:0!important;
  width:100%!important;
  padding:15px 14px 17px!important;
  background:linear-gradient(180deg,rgba(5,8,23,.92),rgba(3,6,17,.86))!important;
  border:1px solid rgba(95,84,191,.34)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(9px)!important;
}
body.casino-body .paytable-side .side-title{
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(84,218,255,.15)!important;
}
body.casino-body .paytable-side .side-title small{display:none!important}
body.casino-body .paytable-side .side-title h3{
  font-size:16px!important;
  color:#5ee7ff!important;
  letter-spacing:.06em!important;
  text-align:center!important;
}
body.casino-body .paytable-grid.vertical.professional{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
body.casino-body .paytable-grid.vertical.professional .pay-item{
  width:100%!important;
  min-height:80px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 3px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(96,128,182,.14)!important;
}
body.casino-body .paytable-grid.vertical.professional .pay-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
}
body.casino-body .paytable-grid.vertical.professional .pay-item span{
  display:block!important;
  font-size:11.5px!important;
  line-height:1.12!important;
  white-space:normal!important;
}
body.casino-body .paytable-grid.vertical.professional .pay-item small{
  display:block!important;
  color:#b3bfd2!important;
  font-size:8.5px!important;
  line-height:1.32!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin-top:4px!important;
}
body.casino-body .paytable-grid.vertical.professional .pay-item b{
  font-size:19px!important;
  white-space:nowrap!important;
}
body.casino-body .side-footer-tip{
  margin-top:12px!important;
  padding:11px!important;
  background:rgba(3,7,20,.76)!important;
  border:1px solid rgba(78,125,183,.23)!important;
}
body.casino-body .side-footer-tip b{
  display:block!important;
  margin-bottom:6px!important;
  font-size:10px!important;
}
body.casino-body .side-footer-tip span{
  display:block!important;
  color:#c2ccdc!important;
  font-size:8.5px!important;
  line-height:1.42!important;
}

/* ---------- RIGHT PULSE CONSOLE ---------- */
body.casino-body .game-info-side.control-card{
  min-width:0!important;
  background:linear-gradient(180deg,rgba(7,8,28,.94),rgba(7,4,22,.90))!important;
  border:1px solid rgba(137,76,205,.34)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(9px)!important;
}

/* ---------- MAIN GAMEPLAY GLASS ---------- */
body.casino-body .reactor-card.main-reactor-card{
  background:linear-gradient(180deg,rgba(3,6,17,.20),rgba(2,5,14,.11))!important;
  border:1px solid rgba(82,95,184,.21)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(1px)!important;
}
body.casino-body .reactor-card.main-reactor-card::before{
  opacity:.24!important;
  background:
    radial-gradient(ellipse at 16% 20%,rgba(48,148,255,.06),transparent 28%),
    radial-gradient(ellipse at 84% 30%,rgba(185,55,255,.06),transparent 30%)!important;
}
body.casino-body .reactor-card.main-reactor-card::after{display:none!important}

/* ---------- REACTOR WINDOW ---------- */
body.casino-body .reactor-stage{
  width:min(100%,800px)!important;
  max-width:800px!important;
  aspect-ratio:1/1!important;
  padding:10px!important;
  margin:4px auto 10px!important;
  border-radius:28px!important;
  border:1px solid rgba(79,108,197,.26)!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 7% 58%,rgba(31,143,255,.16),transparent 27%),
    radial-gradient(ellipse at 93% 35%,rgba(178,55,255,.18),transparent 29%),
    radial-gradient(circle at 50% 50%,rgba(110,67,255,.055),transparent 40%),
    rgba(1,3,11,.25)!important;
  box-shadow:
    inset 0 0 68px rgba(36,66,154,.07),
    0 0 42px rgba(95,53,205,.05)!important;
  backdrop-filter:none!important;
}
body.casino-body .reactor-stage::before{
  background:
    radial-gradient(ellipse at 12% 50%,rgba(29,145,255,.18),transparent 24%),
    radial-gradient(ellipse at 87% 52%,rgba(187,58,255,.20),transparent 25%)!important;
  filter:blur(24px)!important;
  opacity:.76!important;
}
body.casino-body .reactor-stage::after{
  inset:0!important;
  border:0!important;
  border-radius:28px!important;
  opacity:.28!important;
  background-image:
    radial-gradient(circle at 9% 16%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 22% 72%,rgba(193,219,255,.9) 0 1px,transparent 1.6px),
    radial-gradient(circle at 38% 33%,rgba(255,196,238,.78) 0 1px,transparent 1.6px),
    radial-gradient(circle at 58% 12%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 74% 67%,rgba(204,255,233,.7) 0 1px,transparent 1.6px),
    radial-gradient(circle at 91% 25%,rgba(191,220,255,.9) 0 1px,transparent 1.6px)!important;
  background-size:101px 101px,151px 151px,211px 211px,271px 271px,337px 337px,409px 409px!important;
}

/* ---------- BOARD: WIDER SPACING ---------- */
body.casino-body .pulse-grid{
  width:94%!important;
  height:94%!important;
  padding:8%!important;
  gap:clamp(24px,4.2vw,54px)!important;
  border-radius:24px!important;
  border:1px solid rgba(85,110,187,.10)!important;
  background:
    radial-gradient(circle at center,rgba(124,68,255,.045),transparent 29%),
    rgba(1,4,13,.03)!important;
  box-shadow:none!important;
}
body.casino-body .pulse-grid::after{
  border-color:rgba(95,117,192,.07)!important;
  background:none!important;
}

/* Static rail grid */
body.casino-body .pulse-grid::before{
  inset:10%!important;
  opacity:.38!important;
  border-radius:16px!important;
  background:
    linear-gradient(90deg,
      transparent 0 31%,
      rgba(76,201,240,.34) 31.4% 31.9%,
      transparent 32.3% 66.1%,
      rgba(199,78,255,.30) 66.5% 67%,
      transparent 67.4%),
    linear-gradient(0deg,
      transparent 0 31%,
      rgba(76,201,240,.30) 31.4% 31.9%,
      transparent 32.3% 66.1%,
      rgba(199,78,255,.28) 66.5% 67%,
      transparent 67.4%)!important;
  filter:drop-shadow(0 0 4px rgba(70,204,255,.32)) drop-shadow(0 0 7px rgba(181,71,255,.24))!important;
  animation:none!important;
}

/* ---------- COSMIC REACTOR NODES ---------- */
body.casino-body .pulse-grid .node{
  max-width:110px!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  border:1px solid rgba(182,204,255,.38)!important;
  color:#fff!important;
  font-size:clamp(22px,2vw,31px)!important;
  font-weight:900!important;
  text-shadow:0 1px 4px #000,0 0 9px rgba(218,241,255,.78)!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 37% 28%,#fff 0 3%,#dff8ff 5%,#71dbff 12%,#476dc5 27%,#25204d 50%,#080914 76%)!important;
  box-shadow:
    0 0 5px rgba(255,255,255,.32),
    0 0 15px rgba(74,198,255,.22),
    0 0 27px rgba(143,67,255,.15),
    inset -7px -9px 17px rgba(2,4,12,.66)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body.casino-body .pulse-grid .node::before{
  inset:-7px!important;
  border:1px solid rgba(174,190,255,.20)!important;
  box-shadow:0 0 8px rgba(74,199,255,.10),inset 0 0 8px rgba(191,84,255,.05)!important;
}
body.casino-body .pulse-grid .node::after{
  content:""!important;
  position:absolute!important;
  inset:-13px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  opacity:.44!important;
  background:
    linear-gradient(0deg,transparent 48%,rgba(255,255,255,.26) 49.4% 50.6%,transparent 52%),
    linear-gradient(90deg,transparent 48%,rgba(255,255,255,.20) 49.4% 50.6%,transparent 52%)!important;
}
body.casino-body .pulse-grid .node:nth-of-type(3n+1){
  background:
    radial-gradient(circle at 37% 28%,#fff 0 3%,#f0dcff 5%,#ba70ff 13%,#624ab1 29%,#281e50 52%,#080914 76%)!important;
}
body.casino-body .pulse-grid .node:nth-of-type(3n+2){
  background:
    radial-gradient(circle at 37% 28%,#fff 0 3%,#e6fbff 5%,#70deff 13%,#487ed0 29%,#1e305b 52%,#070914 76%)!important;
}
body.casino-body .pulse-grid .node:hover{
  transform:scale(1.045)!important;
  box-shadow:
    0 0 7px rgba(255,255,255,.45),
    0 0 20px rgba(80,207,255,.31),
    0 0 32px rgba(151,71,255,.22)!important;
}

/* Center core: distinct but controlled */
body.casino-body .pulse-grid .node:nth-child(6){
  transform:scale(1.08)!important;
  border-color:rgba(210,128,255,.50)!important;
  background:
    radial-gradient(circle at 45% 42%,#fff 0 4%,#f3d8ff 6%,#cf77ff 16%,#8d4ae8 31%,#3c1b70 54%,#080714 78%)!important;
  box-shadow:
    0 0 8px rgba(255,255,255,.42),
    0 0 22px rgba(196,80,255,.36),
    0 0 38px rgba(93,89,255,.20)!important;
}

/* Selected and hit states */
body.casino-body .pulse-grid .node.selected{
  border-color:rgba(231,181,255,.86)!important;
  background:
    radial-gradient(circle at 37% 28%,#fff 0 4%,#f7dcff 6%,#d873ff 17%,#9143ef 34%,#3e1b6d 57%,#080612 79%)!important;
  box-shadow:
    0 0 8px #fff,
    0 0 21px rgba(198,82,255,.70),
    0 0 37px rgba(91,85,255,.36)!important;
}
body.casino-body .pulse-grid .node.hit{
  border-color:rgba(255,225,159,.92)!important;
  background:
    radial-gradient(circle at 37% 28%,#fff 0 4%,#fff1b8 6%,#ffc451 17%,#ff8748 35%,#61303d 57%,#090711 79%)!important;
  box-shadow:
    0 0 8px #fff,
    0 0 22px rgba(255,199,78,.82),
    0 0 40px rgba(255,115,73,.44)!important;
}

/* Remove old center emblem */
body.casino-body .pulse-grid .core-emblem{display:none!important}

/* ---------- ROUTES + COSMIC RAY EFFECT ---------- */
/* Existing live-route lines/classes get a brighter energy treatment */
body.casino-body .route-line,
body.casino-body .live-route-line,
body.casino-body .player-route-line,
body.casino-body .shared-route-line{
  filter:
    drop-shadow(0 0 4px rgba(97,221,255,.92))
    drop-shadow(0 0 8px rgba(133,92,255,.78))
    drop-shadow(0 0 15px rgba(205,79,255,.42))!important;
}
body.casino-body svg line,
body.casino-body svg path{
  stroke-linecap:round!important;
}

/* ---------- RESULT AREA ---------- */
body.casino-body .route-box,
body.casino-body .outcome-card,
body.casino-body .message-bar,
body.casino-body .shared-routes-panel,
body.casino-body .room-kpis{
  background:rgba(3,7,20,.72)!important;
  border-color:rgba(91,92,184,.24)!important;
  backdrop-filter:blur(7px)!important;
}
body.casino-body .route-box.result{
  background:rgba(12,4,27,.72)!important;
}
body.casino-body .outcome-card.primary{
  background:linear-gradient(135deg,rgba(61,23,121,.62),rgba(4,8,23,.75))!important;
}

/* ---------- LARGE DESKTOP ---------- */
@media (min-width:1800px){
  body.casino-body .shell.game-shell.casino-shell{
    width:min(calc(100vw - 42px),1900px)!important;
  }
  body.casino-body .game-page-three-col{
    grid-template-columns:320px minmax(900px,1fr) 315px!important;
    gap:16px!important;
  }
  body.casino-body .reactor-stage{
    max-width:850px!important;
  }
  body.casino-body .pulse-grid{
    gap:58px!important;
  }
}

/* ---------- STANDARD DESKTOP ---------- */
@media (min-width:1181px) and (max-width:1799px){
  body.casino-body .shell.game-shell.casino-shell{
    width:min(calc(100vw - 22px),1640px)!important;
  }
  body.casino-body .game-page-three-col{
    grid-template-columns:270px minmax(650px,1fr) 275px!important;
    gap:10px!important;
  }
  body.casino-body .reactor-stage{
    max-width:720px!important;
  }
  body.casino-body .pulse-grid{
    gap:32px!important;
  }
}

/* ---------- SHORT LAPTOP / 1366×768 ---------- */
@media (min-width:1181px) and (max-height:800px){
  body.casino-body .casino-info-strip{display:none!important}
  body.casino-body .shell.game-shell.casino-shell{
    width:min(calc(100vw - 16px),1540px)!important;
    padding-top:5px!important;
  }
  body.casino-body .game-page-three-col{
    grid-template-columns:240px minmax(620px,1fr) 250px!important;
    gap:8px!important;
  }
  body.casino-body .reactor-stage{
    max-width:575px!important;
  }
  body.casino-body .pulse-grid{
    gap:22px!important;
  }
  body.casino-body .paytable-grid.vertical.professional .pay-item{
    min-height:60px!important;
    padding:5px 2px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
  }
  body.casino-body .paytable-grid.vertical.professional .pay-icon{
    width:34px!important;height:34px!important;min-width:34px!important;
  }
  body.casino-body .paytable-grid.vertical.professional .pay-item span{
    font-size:9.5px!important;
  }
  body.casino-body .paytable-grid.vertical.professional .pay-item small{
    font-size:7px!important;
  }
  body.casino-body .paytable-grid.vertical.professional .pay-item b{
    font-size:15px!important;
  }
}

/* ---------- TABLET ---------- */
@media (max-width:1180px){
  body.casino-body .shell.game-shell.casino-shell{
    width:min(calc(100vw - 12px),1050px)!important;
    padding:8px 8px 78px!important;
  }
  body.casino-body .game-page-three-col{
    grid-template-columns:minmax(0,1fr) minmax(250px,290px)!important;
    gap:10px!important;
  }
  body.casino-body .main-reactor-card{order:1!important}
  body.casino-body .game-info-side{order:2!important}
  body.casino-body .paytable-side{display:none!important}
  body.casino-body .center-mobile-paytable{display:block!important}
  body.casino-body .reactor-stage{
    max-width:680px!important;
  }
  body.casino-body .pulse-grid{
    gap:clamp(15px,3.4vw,30px)!important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:700px){
  body.casino-body .shell.game-shell.casino-shell{
    width:100%!important;
    padding:5px 6px 94px!important;
  }
  body.casino-body .game-page-three-col{
    display:block!important;
  }
  body.casino-body .game-info-side{
    display:none!important;
  }
  body.casino-body .reactor-card.main-reactor-card{
    padding:7px!important;
    background:rgba(2,5,15,.12)!important;
  }
  body.casino-body .reactor-stage{
    width:100%!important;
    max-width:520px!important;
    padding:5px!important;
    border-radius:18px!important;
  }
  body.casino-body .pulse-grid{
    width:96%!important;
    height:96%!important;
    padding:8%!important;
    gap:10px!important;
    border-radius:16px!important;
  }
  body.casino-body .pulse-grid .node{
    max-width:none!important;
    font-size:20px!important;
  }
  body.casino-body .pulse-grid .node:nth-child(6){
    transform:scale(1.05)!important;
  }
  body.casino-body .route-display{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  body.casino-body .versus{display:none!important}
}

/* ---------- VERY SMALL MOBILE ---------- */
@media (max-width:390px){
  body.casino-body .pulse-grid{
    gap:7px!important;
    padding:7.5%!important;
  }
  body.casino-body .pulse-grid .node{
    font-size:18px!important;
  }
}


/* ==========================================================
   MOBILE REACTOR SIZE FIX
   Smaller nodes, wider breathing room, cleaner mobile board.
   ========================================================== */

@media (max-width:700px){

  body.casino-body .reactor-stage{
    width:100%!important;
    max-width:500px!important;
    aspect-ratio:1/1!important;
    padding:8px!important;
    margin:2px auto 6px!important;
  }

  body.casino-body .pulse-grid{
    width:92%!important;
    height:92%!important;
    padding:10.5%!important;
    gap:clamp(16px,5vw,24px)!important;
  }

  body.casino-body .pulse-grid .node{
    width:72%!important;
    max-width:76px!important;
    justify-self:center!important;
    align-self:center!important;
    font-size:18px!important;
  }

  body.casino-body .pulse-grid .node::before{
    inset:-5px!important;
  }

  body.casino-body .pulse-grid .node::after{
    inset:-9px!important;
  }

  body.casino-body .pulse-grid .node:nth-child(6){
    transform:scale(1.06)!important;
  }
}

@media (max-width:480px){

  body.casino-body .reactor-stage{
    max-width:430px!important;
    padding:6px!important;
  }

  body.casino-body .pulse-grid{
    width:94%!important;
    height:94%!important;
    padding:11.5%!important;
    gap:18px!important;
  }

  body.casino-body .pulse-grid .node{
    width:66%!important;
    max-width:64px!important;
    font-size:16px!important;
  }

  body.casino-body .pulse-grid .node:nth-child(6){
    transform:scale(1.05)!important;
  }
}

@media (max-width:390px){

  body.casino-body .reactor-stage{
    max-width:375px!important;
  }

  body.casino-body .pulse-grid{
    width:95%!important;
    height:95%!important;
    padding:12%!important;
    gap:14px!important;
  }

  body.casino-body .pulse-grid .node{
    width:62%!important;
    max-width:56px!important;
    font-size:15px!important;
  }

  body.casino-body .pulse-grid .node::before{
    inset:-4px!important;
  }

  body.casino-body .pulse-grid .node::after{
    inset:-7px!important;
  }
}

/* ===== COSMIC BACKGROUND + MOBILE REACTOR FIX v2 ===== */

body.casino-body{
  background-color:#020208!important;
  background:
    radial-gradient(circle at 20% 30%,rgba(81,45,168,.28) 0%,transparent 48%),
    radial-gradient(circle at 80% 70%,rgba(21,101,192,.28) 0%,transparent 48%),
    radial-gradient(circle at 50% 40%,rgba(198,40,40,.10) 0%,transparent 58%),
    #020208!important;
}
body.casino-body::before{
  opacity:.70!important;
  background-image:
    radial-gradient(1px 1px at 10% 20%,#fff 100%,transparent),
    radial-gradient(1.5px 1.5px at 40% 70%,#fff 100%,transparent),
    radial-gradient(1px 1px at 70% 40%,#fff 100%,transparent),
    radial-gradient(1.2px 1.2px at 85% 15%,#fff 100%,transparent),
    radial-gradient(1px 1px at 25% 85%,#fff 100%,transparent),
    radial-gradient(2px 2px at 15% 50%,#e0f7fa 100%,transparent),
    radial-gradient(2px 2px at 60% 20%,#fff9c4 100%,transparent),
    radial-gradient(1.8px 1.8px at 75% 80%,#f8bbd0 100%,transparent),
    radial-gradient(2.2px 2.2px at 30% 90%,#fff 100%,transparent);
  background-size:
    300px 300px,300px 300px,300px 300px,300px 300px,300px 300px,
    400px 400px,400px 400px,400px 400px,400px 400px;
  animation:n9StarsTwinkle 6s infinite ease-in-out!important;
}
body.casino-body::after{
  content:"";
  position:fixed;
  inset:-6%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%,rgba(81,45,168,.34) 0%,transparent 48%),
    radial-gradient(circle at 80% 70%,rgba(21,101,192,.30) 0%,transparent 48%),
    radial-gradient(circle at 52% 42%,rgba(198,40,140,.10) 0%,transparent 56%);
  filter:blur(42px);
  opacity:.72;
  animation:n9NebulaShift 20s ease-in-out infinite alternate;
}
@keyframes n9NebulaShift{
  0%{transform:scale(1) translate(0,0)}
  50%{transform:scale(1.10) translate(18px,-12px)}
  100%{transform:scale(.97) translate(-8px,16px)}
}
@keyframes n9StarsTwinkle{
  0%,100%{opacity:.35}
  50%{opacity:.90}
}

body.casino-body .reactor-card.main-reactor-card{
  background:rgba(3,6,17,.13)!important;
}
body.casino-body .reactor-stage{
  background:
    radial-gradient(circle at 18% 32%,rgba(89,52,195,.14),transparent 34%),
    radial-gradient(circle at 82% 70%,rgba(42,145,225,.14),transparent 34%),
    rgba(1,3,11,.16)!important;
}

/* number contrast */
body.casino-body .pulse-grid .node{
  color:#fff!important;
  font-weight:1000!important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.95),
    0 0 7px rgba(255,255,255,.98),
    0 0 13px rgba(100,220,255,.75)!important;
  -webkit-text-stroke:.35px rgba(0,0,0,.65);
}
body.casino-body .pulse-grid .node.selected{
  color:#fff!important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.95),
    0 0 8px #fff,
    0 0 15px rgba(226,130,255,.95)!important;
}
body.casino-body .pulse-grid .node.hit{
  color:#1d0c00!important;
  text-shadow:
    0 1px 1px rgba(255,255,255,.92),
    0 0 6px rgba(255,255,255,.95),
    0 0 12px rgba(255,212,88,.9)!important;
  -webkit-text-stroke:.25px rgba(255,255,255,.65);
}

/* mobile spacing + smaller reactors */
@media (max-width:700px){
  body.casino-body .reactor-stage{
    width:100%!important;
    max-width:500px!important;
    padding:5px!important;
  }
  body.casino-body .pulse-grid{
    width:94%!important;
    height:94%!important;
    padding:13%!important;
    gap:clamp(20px,6vw,30px)!important;
  }
  body.casino-body .pulse-grid .node{
    width:58%!important;
    max-width:64px!important;
    aspect-ratio:1/1!important;
    justify-self:center!important;
    align-self:center!important;
    font-size:17px!important;
  }
  body.casino-body .pulse-grid .node::before{inset:-4px!important}
  body.casino-body .pulse-grid .node::after{inset:-7px!important}
  body.casino-body .pulse-grid .node:nth-child(6){transform:scale(1.04)!important}
}
@media (max-width:480px){
  body.casino-body .reactor-stage{max-width:420px!important}
  body.casino-body .pulse-grid{
    padding:14%!important;
    gap:22px!important;
  }
  body.casino-body .pulse-grid .node{
    width:54%!important;
    max-width:56px!important;
    font-size:16px!important;
  }
  body.casino-body .pulse-grid .node:nth-child(6){transform:scale(1.03)!important}
}
@media (max-width:390px){
  body.casino-body .reactor-stage{max-width:370px!important}
  body.casino-body .pulse-grid{
    padding:14.5%!important;
    gap:18px!important;
  }
  body.casino-body .pulse-grid .node{
    width:50%!important;
    max-width:50px!important;
    font-size:15px!important;
  }
  body.casino-body .pulse-grid .node::before{inset:-3px!important}
  body.casino-body .pulse-grid .node::after{inset:-5px!important}
}


/* ==========================================================
   EXACT COSMIC BACKGROUND — supplied by user
   ========================================================== */

/* Full-screen setup */
html,
body.casino-body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  background-color: #020208 !important;
}

/* Base container holding all cosmic elements */
body.casino-body .cosmic-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -4;
  overflow: hidden;
  pointer-events: none;
}

/* Rich, gaseous nebula background using multiple layered radial gradients */
body.casino-body .cosmic-container .nebula {
  position: absolute;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 20% 30%, rgba(81, 45, 168, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(21, 101, 192, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 50% 40%, rgba(198, 40, 40, 0.25) 0%, transparent 60%);
  filter: blur(40px);
  animation: exactNebulaShift 20s ease-in-out infinite alternate;
}

/* Base stars layer configuration */
body.casino-body .cosmic-container .stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Small, dense stars layer */
body.casino-body .cosmic-container .layer-1 {
  background-image:
    radial-gradient(1px 1px at 10% 20%, #ffffff 100%, transparent),
    radial-gradient(1.5px 1.5px at 40% 70%, #ffffff 100%, transparent),
    radial-gradient(1px 1px at 70% 40%, #ffffff 100%, transparent),
    radial-gradient(1.2px 1.2px at 85% 15%, #ffffff 100%, transparent),
    radial-gradient(1px 1px at 25% 85%, #ffffff 100%, transparent);
  background-size: 300px 300px;
  animation: exactTwinkle 4s infinite linear;
}

/* Medium, scattered stars layer */
body.casino-body .cosmic-container .layer-2 {
  background-image:
    radial-gradient(2px 2px at 15% 50%, #e0f7fa 100%, transparent),
    radial-gradient(2px 2px at 60% 20%, #fff9c4 100%, transparent),
    radial-gradient(1.8px 1.8px at 75% 80%, #f8bbd0 100%, transparent),
    radial-gradient(2.2px 2.2px at 30% 90%, #ffffff 100%, transparent);
  background-size: 400px 400px;
  animation: exactTwinkle 6s infinite linear 1s;
}

/* Larger, brighter stars layer */
body.casino-body .cosmic-container .layer-3 {
  background-image:
    radial-gradient(3px 3px at 50% 50%, #ffffff 100%, transparent),
    radial-gradient(2.5px 2.5px at 90% 60%, #b3e5fc 100%, transparent),
    radial-gradient(3px 3px at 20% 30%, #ffffff 100%, transparent);
  background-size: 500px 500px;
  animation: exactTwinkle 8s infinite linear 2s;
}

/* Cosmic animations */
@keyframes exactNebulaShift {
  0% { transform: scale(1) translate(0px, 0px); }
  50% { transform: scale(1.15) translate(20px, -15px); }
  100% { transform: scale(0.95) translate(-10px, 20px); }
}

@keyframes exactTwinkle {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}

/* Disable previous pseudo-background layers so only the supplied effect is visible */
body.casino-body::before,
body.casino-body::after {
  display: none !important;
}

/* Keep the game surface transparent enough to see the supplied cosmic background */
body.casino-body .reactor-card.main-reactor-card {
  background: rgba(3, 6, 17, 0.10) !important;
}
body.casino-body .reactor-stage {
  background:
    radial-gradient(circle at 22% 34%, rgba(81,45,168,.10), transparent 38%),
    radial-gradient(circle at 78% 68%, rgba(21,101,192,.10), transparent 38%),
    rgba(1,3,11,.10) !important;
}


/* ==========================================================
   v0.9.7 MOBILE CLEANUP
   - duplicate result dock removed
   - full mobile paytable
   ========================================================== */

.mobile-result-dock{
  display:none!important;
}

@media (max-width:1180px){
  body.casino-body .center-mobile-paytable{
    display:block!important;
    width:100%!important;
    margin:10px 0 4px!important;
    padding:10px!important;
    border:1px solid rgba(88,103,190,.28)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(5,8,24,.88),rgba(3,6,18,.82))!important;
    backdrop-filter:blur(8px)!important;
  }

  body.casino-body .center-mobile-paytable .mobile-paytable-title{
    color:#61e7ff!important;
    font-size:11px!important;
    font-weight:1000!important;
    letter-spacing:.10em!important;
    text-align:center!important;
    padding:2px 4px 9px!important;
    border-bottom:1px solid rgba(85,210,255,.14)!important;
    margin-bottom:3px!important;
  }

  body.casino-body .center-mobile-paytable .paytable-grid{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:0!important;
    width:100%!important;
  }

  body.casino-body .center-mobile-paytable .pay-item{
    width:100%!important;
    min-height:60px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:8px 4px!important;
    border:0!important;
    border-bottom:1px solid rgba(102,125,181,.14)!important;
    background:transparent!important;
  }

  body.casino-body .center-mobile-paytable .pay-item:last-child{
    border-bottom:0!important;
  }

  body.casino-body .center-mobile-paytable .pay-icon{
    display:block!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  body.casino-body .center-mobile-paytable .pay-item > div:nth-child(2){
    min-width:0!important;
  }

  body.casino-body .center-mobile-paytable .pay-item span{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:900!important;
  }

  body.casino-body .center-mobile-paytable .pay-item small{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    color:#b8c4d5!important;
    font-size:8px!important;
    line-height:1.35!important;
    margin-top:3px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item b{
    font-size:18px!important;
    white-space:nowrap!important;
    padding-left:5px!important;
  }
}

@media (max-width:700px){
  body.casino-body .center-mobile-paytable{
    padding:8px!important;
    margin-top:8px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item{
    min-height:57px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:7px 3px!important;
  }

  body.casino-body .center-mobile-paytable .pay-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item span{
    font-size:9.5px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item small{
    font-size:7.5px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item b{
    font-size:16px!important;
  }

  body.casino-body .outcome-card.primary #outcomeMeta{
    color:#dbe6f3!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
}


/* ==========================================================
   N9 v0.9.8 — CINEMATIC COSMIC CANVAS
   User-supplied nebula / lightning / planets / starfield.
   ========================================================== */

/* Disable the previous exact cosmic background container */
body.casino-body .cosmic-container{
  display:none!important;
}

html,
body.casino-body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
  background-color:#02020a!important;
}

/* Do not hide page scrolling: game content must remain usable on mobile. */
body.casino-body{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#02020a!important;
  position:relative;
  isolation:isolate;
}

/* Base Wrapper Matrix */
body.casino-body .cosmic-canvas{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index:-4;
  background:radial-gradient(circle at 50% 50%,#08071a 0%,#010103 100%);
  overflow:hidden;
  pointer-events:none;
}

/* Layered, Moving Cosmic Clouds */
body.casino-body .cosmic-canvas .nebula-layer{
  position:absolute;
  width:200%;
  height:200%;
  top:-50%;
  left:-50%;
  filter:blur(60px);
  mix-blend-mode:screen;
}

body.casino-body .cosmic-canvas .cloud-purple{
  background:
    radial-gradient(circle at 30% 40%,rgba(140,30,255,.18) 0%,transparent 40%),
    radial-gradient(circle at 75% 25%,rgba(230,0,120,.12) 0%,transparent 35%);
  animation:n9DriftSlow 45s ease-in-out infinite alternate;
}

body.casino-body .cosmic-canvas .cloud-blue{
  background:
    radial-gradient(circle at 60% 70%,rgba(0,180,255,.15) 0%,transparent 45%),
    radial-gradient(circle at 20% 80%,rgba(0,255,200,.10) 0%,transparent 30%);
  animation:n9DriftFast 30s ease-in-out infinite alternate-reverse;
}

/* Interstellar Electrical Lightning Storms */
body.casino-body .cosmic-canvas .cosmic-lightning{
  position:absolute;
  width:100%;
  height:100%;
  background:radial-gradient(circle at 45% 35%,rgba(200,220,255,.4) 0%,transparent 15%);
  mix-blend-mode:color-dodge;
  filter:blur(25px);
  opacity:0;
  animation:n9LightningSparks 12s linear infinite;
}

/* Dynamic Planets Floating Through Clouds */
body.casino-body .cosmic-canvas .planet{
  position:absolute;
  border-radius:50%;
  box-shadow:inset -25px -25px 50px rgba(0,0,0,.95);
}

/* Giant Gaseous World */
body.casino-body .cosmic-canvas .gas-giant{
  width:180px;
  height:180px;
  top:15%;
  left:10%;
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 10px,transparent 10px,transparent 20px),
    linear-gradient(135deg,#4f3b78 0%,#22143b 100%);
  box-shadow:inset -30px -30px 60px #000,0 0 40px rgba(140,30,255,.2);
  animation:n9PlanetaryOrbit 90s linear infinite;
}

/* Distant Ice Planet */
body.casino-body .cosmic-canvas .ringed-world{
  width:80px;
  height:80px;
  bottom:20%;
  right:15%;
  background:radial-gradient(circle at 30% 30%,#46cdc5 0%,#0e3633 100%);
  box-shadow:inset -15px -15px 30px #000,0 0 25px rgba(70,205,197,.15);
  animation:n9PlanetaryOrbit 140s linear infinite reverse;
}

/* Add a subtle CSS ring to make the second world visibly ringed */
body.casino-body .cosmic-canvas .ringed-world::after{
  content:"";
  position:absolute;
  width:145%;
  height:34%;
  left:-22%;
  top:33%;
  border:2px solid rgba(166,239,235,.26);
  border-radius:50%;
  transform:rotate(-18deg);
  box-shadow:0 0 12px rgba(70,205,197,.12);
}

/* Starfields */
body.casino-body .cosmic-canvas .starfield{
  position:absolute;
  width:100%;
  height:100%;
  background-size:350px 350px;
}

body.casino-body .cosmic-canvas .small-stars{
  background-image:
    radial-gradient(1px 1px at 15% 20%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 65% 40%,#fff,transparent),
    radial-gradient(1px 1px at 40% 75%,#fff,transparent);
  animation:n9PulseStars 4s ease-in-out infinite alternate;
}

body.casino-body .cosmic-canvas .bright-stars{
  background-image:
    radial-gradient(2.5px 2.5px at 80% 15%,#e0f0ff 100%,transparent),
    radial-gradient(2px 2px at 25% 85%,#fff 100%,transparent);
  animation:n9PulseStars 6s ease-in-out infinite alternate 2s;
}

@keyframes n9DriftSlow{
  0%{transform:translate(0,0) scale(1) rotate(0deg)}
  100%{transform:translate(4%,-3%) scale(1.08) rotate(4deg)}
}
@keyframes n9DriftFast{
  0%{transform:translate(0,0) scale(1.1) rotate(0deg)}
  100%{transform:translate(-5%,6%) scale(1) rotate(-6deg)}
}
@keyframes n9LightningSparks{
  0%,92%,94%,98%,100%{opacity:0}
  93%,97%{opacity:.8}
  95%{opacity:.3}
}
@keyframes n9PlanetaryOrbit{
  0%{transform:translate(0,0) rotate(0deg)}
  50%{transform:translate(25px,-15px)}
  100%{transform:translate(0,0) rotate(360deg)}
}
@keyframes n9PulseStars{
  0%{opacity:.4}
  100%{opacity:1}
}

/* Let the cinematic background show through gameplay without washing panels out. */
body.casino-body .reactor-card.main-reactor-card{
  background:linear-gradient(180deg,rgba(3,5,16,.16),rgba(2,4,13,.09))!important;
}
body.casino-body .reactor-stage{
  background:
    radial-gradient(circle at 25% 30%,rgba(140,30,255,.075),transparent 37%),
    radial-gradient(circle at 75% 70%,rgba(0,180,255,.065),transparent 38%),
    rgba(1,3,11,.11)!important;
}

/* Mobile: planets are decorative, so reduce them to avoid crowding the game. */
@media (max-width:700px){
  body.casino-body .cosmic-canvas .gas-giant{
    width:105px;
    height:105px;
    left:-22px;
    top:19%;
    opacity:.62;
  }
  body.casino-body .cosmic-canvas .ringed-world{
    width:55px;
    height:55px;
    right:-8px;
    bottom:17%;
    opacity:.70;
  }
  body.casino-body .cosmic-canvas .nebula-layer{
    filter:blur(48px);
  }
  body.casino-body .cosmic-canvas .cosmic-lightning{
    opacity:0;
    animation:n9LightningSparksMobile 16s linear infinite;
  }
}
@keyframes n9LightningSparksMobile{
  0%,94%,96%,99%,100%{opacity:0}
  95%,98%{opacity:.42}
}

/* Accessibility/performance: honor reduced-motion preference. */
@media (prefers-reduced-motion:reduce){
  body.casino-body .cosmic-canvas *{
    animation:none!important;
  }
}


/* ==========================================================
   v0.9.9 MOBILE COSMIC VISIBILITY + NUMBER CONTRAST
   ========================================================== */

/* Reactor numbers: always readable above glow/background */
body.casino-body .pulse-grid .node{
  color:#ffffff!important;
  font-weight:1000!important;
  font-size:clamp(24px,2.2vw,33px)!important;
  letter-spacing:-.02em!important;
  -webkit-text-stroke:1.2px rgba(4,7,18,.98)!important;
  paint-order:stroke fill!important;
  text-shadow:
    0 2px 3px rgba(0,0,0,1),
    0 0 3px #000,
    0 0 6px #fff,
    0 0 13px rgba(100,220,255,.95)!important;
  position:relative!important;
  z-index:8!important;
}

body.casino-body .pulse-grid .node.selected{
  color:#fff!important;
  -webkit-text-stroke:1.1px rgba(20,6,38,.98)!important;
  text-shadow:
    0 2px 3px rgba(0,0,0,1),
    0 0 5px #fff,
    0 0 12px rgba(235,160,255,1),
    0 0 20px rgba(185,75,255,.9)!important;
}

body.casino-body .pulse-grid .node.hit{
  color:#2b1200!important;
  -webkit-text-stroke:.8px rgba(255,247,211,.98)!important;
  text-shadow:
    0 1px 1px rgba(255,255,255,1),
    0 0 5px rgba(255,255,255,.95),
    0 0 12px rgba(255,212,88,.95)!important;
}

/* Increase contrast of node cores behind the numbers */
body.casino-body .pulse-grid .node{
  background:
    radial-gradient(circle at 37% 28%,#fff 0 3%,#dff8ff 5%,#65d8ff 12%,#3f63b8 27%,#211b46 49%,#050711 76%)!important;
}
body.casino-body .pulse-grid .node:nth-of-type(3n+1){
  background:
    radial-gradient(circle at 37% 28%,#fff 0 3%,#eed9ff 5%,#b566ff 13%,#5942a4 29%,#231948 52%,#050711 76%)!important;
}
body.casino-body .pulse-grid .node:nth-of-type(3n+2){
  background:
    radial-gradient(circle at 37% 28%,#fff 0 3%,#e4fbff 5%,#68dbff 13%,#3f72c4 29%,#1a2b52 52%,#050711 76%)!important;
}

/* MOBILE COSMIC SCENE: brighter, visible planets and clouds */
@media (max-width:700px){

  body.casino-body .cosmic-canvas{
    background:
      radial-gradient(circle at 50% 45%,#0a0a22 0%,#04040d 58%,#010103 100%)!important;
  }

  body.casino-body .cosmic-canvas .cloud-purple{
    opacity:1!important;
    filter:blur(34px)!important;
    background:
      radial-gradient(circle at 24% 34%,rgba(155,42,255,.34) 0%,transparent 43%),
      radial-gradient(circle at 75% 24%,rgba(230,0,120,.22) 0%,transparent 35%)!important;
  }

  body.casino-body .cosmic-canvas .cloud-blue{
    opacity:1!important;
    filter:blur(34px)!important;
    background:
      radial-gradient(circle at 70% 68%,rgba(0,190,255,.30) 0%,transparent 44%),
      radial-gradient(circle at 18% 78%,rgba(0,255,200,.18) 0%,transparent 32%)!important;
  }

  /* Gas giant moved into visible upper-left area */
  body.casino-body .cosmic-canvas .gas-giant{
    width:135px!important;
    height:135px!important;
    left:-18px!important;
    top:11%!important;
    opacity:.88!important;
    filter:brightness(1.12) saturate(1.18)!important;
    box-shadow:
      inset -25px -25px 48px #000,
      0 0 28px rgba(163,70,255,.38)!important;
  }

  /* Ringed world moved into visible lower-right area */
  body.casino-body .cosmic-canvas .ringed-world{
    width:78px!important;
    height:78px!important;
    right:8px!important;
    bottom:15%!important;
    opacity:.92!important;
    filter:brightness(1.18) saturate(1.2)!important;
    box-shadow:
      inset -14px -14px 26px #000,
      0 0 24px rgba(70,205,197,.34)!important;
  }

  body.casino-body .cosmic-canvas .ringed-world::after{
    width:160%!important;
    height:40%!important;
    left:-30%!important;
    top:30%!important;
    border-color:rgba(184,246,241,.48)!important;
    box-shadow:0 0 12px rgba(70,205,197,.22)!important;
  }

  /* More visible stars on mobile */
  body.casino-body .cosmic-canvas .small-stars{
    opacity:.95!important;
    background-size:220px 220px!important;
  }
  body.casino-body .cosmic-canvas .bright-stars{
    opacity:.92!important;
    background-size:330px 330px!important;
  }

  /* Lightning visible but still occasional */
  body.casino-body .cosmic-canvas .cosmic-lightning{
    filter:blur(18px)!important;
    animation:n9LightningSparksMobileStrong 14s linear infinite!important;
  }

  /* Let more background show through around board */
  body.casino-body .reactor-card.main-reactor-card{
    background:rgba(2,4,14,.07)!important;
  }
  body.casino-body .reactor-stage{
    background:
      radial-gradient(circle at 20% 30%,rgba(140,30,255,.10),transparent 38%),
      radial-gradient(circle at 80% 70%,rgba(0,180,255,.09),transparent 38%),
      rgba(1,3,11,.07)!important;
  }

  /* Keep node numbers large enough on mobile after prior node downsizing */
  body.casino-body .pulse-grid .node{
    font-size:18px!important;
    -webkit-text-stroke:1.05px rgba(2,5,15,1)!important;
  }
}

@keyframes n9LightningSparksMobileStrong{
  0%,91%,93%,96%,99%,100%{opacity:0}
  92%{opacity:.42}
  94%{opacity:.78}
  95%{opacity:.28}
  97%{opacity:.62}
  98%{opacity:.18}
}

/* Extra-small phones */
@media (max-width:390px){
  body.casino-body .cosmic-canvas .gas-giant{
    width:105px!important;
    height:105px!important;
    left:-24px!important;
    top:12%!important;
  }
  body.casino-body .cosmic-canvas .ringed-world{
    width:62px!important;
    height:62px!important;
    right:-3px!important;
    bottom:16%!important;
  }
  body.casino-body .pulse-grid .node{
    font-size:16px!important;
    -webkit-text-stroke:.95px rgba(2,5,15,1)!important;
  }
}


/* ==========================================================
   v0.9.10 MOBILE REACTOR COMPOSITION
   ========================================================== */

/* Real constellation SVG, independent of node gaps */
body.casino-body .cosmic-ray-grid{
  position:absolute;
  inset:7%;
  width:86%;
  height:86%;
  z-index:2;
  pointer-events:none;
  overflow:visible;
}
body.casino-body .cosmic-ray-grid path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
}
body.casino-body .cosmic-ray-grid .ray-hv path{
  stroke:url(#rayHV);
  stroke-width:1.15;
  opacity:.68;
}
body.casino-body .cosmic-ray-grid .ray-diag path{
  stroke:url(#rayDiag);
  stroke-width:.82;
  opacity:.48;
}
body.casino-body .pulse-grid .node{
  z-index:5!important;
}

/* Do not let the old CSS rail compete with the real SVG rays */
body.casino-body .pulse-grid::before{
  opacity:.10!important;
}

/* Bright pulse traveling impression */
body.casino-body .cosmic-ray-grid{
  filter:
    drop-shadow(0 0 3px rgba(75,220,255,.68))
    drop-shadow(0 0 7px rgba(126,94,255,.46))
    drop-shadow(0 0 10px rgba(207,77,255,.24));
  animation:n9RayBreathe 3.8s ease-in-out infinite alternate;
}
@keyframes n9RayBreathe{
  from{opacity:.68}
  to{opacity:1}
}

@media (max-width:700px){

  /* Board should look full, but not crowded */
  body.casino-body .reactor-stage{
    height:auto!important;
    width:100%!important;
    max-width:500px!important;
    aspect-ratio:1/1!important;
    padding:4px!important;
    margin:3px auto 8px!important;
  }

  body.casino-body .pulse-grid{
    width:96%!important;
    height:96%!important;
    padding:10.5%!important;
    gap:clamp(24px,6.8vw,34px)!important;
    overflow:visible!important;
  }

  /* Medium nodes: larger than v0.9.9, but safely separated */
  body.casino-body .pulse-grid .node{
    width:72%!important;
    max-width:72px!important;
    min-width:0!important;
    justify-self:center!important;
    align-self:center!important;
    font-size:20px!important;
    line-height:1!important;
    -webkit-text-stroke:1.25px rgba(2,4,13,1)!important;
    text-shadow:
      0 2px 3px #000,
      0 0 4px #000,
      0 0 6px #fff,
      0 0 13px rgba(89,222,255,.95)!important;
  }

  body.casino-body .pulse-grid .node:nth-child(6){
    transform:scale(1.09)!important;
  }

  /* Bring the ray endpoints toward node centres on mobile */
  body.casino-body .cosmic-ray-grid{
    inset:15%;
    width:70%;
    height:70%;
    z-index:3;
  }
  body.casino-body .cosmic-ray-grid .ray-hv path{
    stroke-width:1.45;
    opacity:.86;
  }
  body.casino-body .cosmic-ray-grid .ray-diag path{
    stroke-width:1.05;
    opacity:.66;
  }

  /* More compact reactor card: remove unused vertical air */
  body.casino-body .main-reactor-card{
    padding:7px 7px 10px!important;
  }
  body.casino-body .round-head{
    margin-bottom:0!important;
  }

  /* Full paytable must scroll clear of fixed action bar */
  body.casino-body .center-mobile-paytable{
    margin-bottom:92px!important;
  }
  body.casino-body .game-shell{
    padding-bottom:100px!important;
  }

  /* Fixed action bar remains usable but slightly shorter */
  body.casino-body .mobile-actionbar{
    min-height:58px!important;
    padding:6px!important;
  }
}

@media (max-width:480px){
  body.casino-body .reactor-stage{
    max-width:430px!important;
  }
  body.casino-body .pulse-grid{
    padding:10.8%!important;
    gap:clamp(22px,6.6vw,29px)!important;
  }
  body.casino-body .pulse-grid .node{
    width:70%!important;
    max-width:66px!important;
    font-size:19px!important;
  }
  body.casino-body .pulse-grid .node:nth-child(6){
    transform:scale(1.08)!important;
  }
}

@media (max-width:390px){
  body.casino-body .reactor-stage{
    max-width:370px!important;
  }
  body.casino-body .pulse-grid{
    padding:11%!important;
    gap:21px!important;
  }
  body.casino-body .pulse-grid .node{
    width:68%!important;
    max-width:60px!important;
    font-size:18px!important;
  }
  body.casino-body .cosmic-ray-grid{
    inset:15.5%;
    width:69%;
    height:69%;
  }
}


/* ==========================================================
   N9 v0.9.11 — MOBILE PRESENTATION MATCH
   CSS/HTML implementation inspired by approved mobile mockup.
   ========================================================== */
@media (max-width:700px){

  body.casino-body{
    background:#01030a!important;
  }

  /* Strong cinematic space behind the actual HTML game */
  body.casino-body .cosmic-canvas{
    background:
      radial-gradient(circle at 18% 26%,rgba(126,20,200,.36),transparent 28%),
      radial-gradient(circle at 78% 60%,rgba(0,108,220,.32),transparent 34%),
      radial-gradient(circle at 48% 45%,rgba(42,8,90,.42),transparent 42%),
      #01030a!important;
  }
  body.casino-body .cosmic-canvas .cloud-purple{
    background:
      radial-gradient(circle at 32% 38%,rgba(177,24,255,.48),transparent 36%),
      radial-gradient(circle at 64% 20%,rgba(255,0,163,.26),transparent 34%)!important;
    filter:blur(27px)!important;
  }
  body.casino-body .cosmic-canvas .cloud-blue{
    background:
      radial-gradient(circle at 70% 62%,rgba(0,153,255,.42),transparent 40%),
      radial-gradient(circle at 28% 82%,rgba(0,93,255,.24),transparent 32%)!important;
    filter:blur(27px)!important;
  }

  /* clearly visible decorative worlds */
  body.casino-body .cosmic-canvas .gas-giant{
    width:128px!important;height:128px!important;
    left:-38px!important;top:17%!important;
    opacity:.98!important;
    z-index:3!important;
    background:
      repeating-linear-gradient(24deg,rgba(255,255,255,.055) 0 7px,transparent 7px 15px),
      radial-gradient(circle at 32% 28%,#9853dc 0%,#462369 40%,#160b2a 72%,#05030c 100%)!important;
    box-shadow:inset -28px -28px 48px #000,0 0 34px rgba(196,73,255,.52)!important;
  }
  body.casino-body .cosmic-canvas .ringed-world{
    width:88px!important;height:88px!important;
    right:-18px!important;bottom:20%!important;
    opacity:1!important;
    z-index:3!important;
    background:radial-gradient(circle at 30% 27%,#55d9e9,#17658d 37%,#11254b 66%,#050712 100%)!important;
    box-shadow:inset -18px -18px 28px #000,0 0 28px rgba(63,180,255,.48)!important;
  }
  body.casino-body .cosmic-canvas .ringed-world::after{
    width:185%!important;height:42%!important;left:-43%!important;top:29%!important;
    border:3px solid rgba(157,208,255,.62)!important;
    transform:rotate(-25deg)!important;
  }

  /* Board: less dead space, larger premium reactors */
  body.casino-body .reactor-stage{
    aspect-ratio:1/1.03!important;
    min-height:0!important;
    padding:0!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(79,15,138,.20),transparent 48%),
      rgba(1,4,15,.28)!important;
    border:1px solid rgba(59,151,255,.35)!important;
    box-shadow:
      inset 0 0 55px rgba(22,50,120,.18),
      0 0 22px rgba(54,72,190,.12)!important;
  }
  body.casino-body .pulse-grid{
    width:100%!important;height:100%!important;
    padding:10%!important;
    gap:clamp(22px,6vw,31px)!important;
  }
  body.casino-body .pulse-grid .node{
    width:80%!important;
    max-width:82px!important;
    font-size:25px!important;
    color:#fff!important;
    -webkit-text-stroke:1.6px #081023!important;
    text-shadow:
      0 2px 3px #000,
      0 0 4px #000,
      0 0 6px #fff,
      0 0 14px #59dfff!important;
    background:
      radial-gradient(circle at 42% 35%,rgba(255,255,255,.88) 0 3%,#3f91f2 9%,#153c83 31%,#07122d 60%,#02050d 78%)!important;
    border:2px solid rgba(72,195,255,.92)!important;
    box-shadow:
      inset 0 0 16px rgba(63,173,255,.52),
      0 0 5px #4bcaff,
      0 0 15px rgba(40,159,255,.75)!important;
  }
  body.casino-body .pulse-grid .node:nth-of-type(3n+1){
    border-color:rgba(241,83,255,.95)!important;
    background:
      radial-gradient(circle at 42% 35%,rgba(255,255,255,.9) 0 3%,#b345e8 9%,#552177 31%,#1d092d 60%,#05020a 78%)!important;
    box-shadow:
      inset 0 0 16px rgba(226,61,255,.48),
      0 0 5px #e14cff,
      0 0 16px rgba(208,55,255,.75)!important;
  }
  body.casino-body .pulse-grid .node:nth-child(6){
    transform:scale(1.13)!important;
    border-width:3px!important;
    border-color:#ef4cff!important;
    box-shadow:
      inset 0 0 21px rgba(234,57,255,.72),
      0 0 7px #f34cff,
      0 0 24px rgba(217,48,255,.92)!important;
  }

  /* Real lines much more visible */
  body.casino-body .cosmic-ray-grid{
    inset:14.5%!important;width:71%!important;height:71%!important;
    opacity:1!important;
    filter:
      drop-shadow(0 0 3px rgba(49,207,255,.95))
      drop-shadow(0 0 7px rgba(196,55,255,.76))!important;
  }
  body.casino-body .cosmic-ray-grid .ray-hv path{
    stroke-width:2!important;opacity:1!important;
  }
  body.casino-body .cosmic-ray-grid .ray-diag path{
    stroke-width:1.55!important;opacity:.94!important;
  }

  /* route/result combine visually into polished stacked console */
  body.casino-body .comparison{
    gap:6px!important;margin-top:8px!important;
  }
  body.casino-body .route-card{
    border-radius:12px!important;
    min-height:76px!important;
    padding:13px!important;
    background:rgba(1,5,18,.78)!important;
    backdrop-filter:blur(10px)!important;
    border:1px solid rgba(66,155,230,.34)!important;
  }

  /* Paytable compact enough to show all 5 without horizontal clipping */
  body.casino-body .center-mobile-paytable{
    margin:12px 0 92px!important;
    padding:10px 8px 12px!important;
    border-radius:14px!important;
    background:rgba(1,5,18,.78)!important;
  }
  body.casino-body .center-mobile-paytable .paytable-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.casino-body .center-mobile-paytable .pay-item{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:center!important;
    min-width:0!important;
    min-height:116px!important;
    padding:9px 3px!important;
    border:1px solid rgba(89,129,201,.42)!important;
    border-radius:9px!important;
    text-align:center!important;
    background:rgba(3,7,22,.78)!important;
  }
  body.casino-body .center-mobile-paytable .pay-icon{
    width:31px!important;height:31px!important;min-width:31px!important;
  }
  body.casino-body .center-mobile-paytable .pay-item span{
    font-size:8.5px!important;line-height:1.12!important;
    letter-spacing:.06em!important;
  }
  body.casino-body .center-mobile-paytable .pay-item small{
    display:none!important;
  }
  body.casino-body .center-mobile-paytable .pay-item b{
    font-size:18px!important;padding:0!important;
  }

  /* bottom action controls */
  body.casino-body .mobile-actionbar{
    background:rgba(2,6,20,.96)!important;
    border:1px solid rgba(76,157,235,.40)!important;
    box-shadow:0 -6px 24px rgba(0,0,0,.40)!important;
    backdrop-filter:blur(12px)!important;
  }
}

@media(max-width:390px){
  body.casino-body .pulse-grid .node{
    width:76%!important;max-width:70px!important;font-size:22px!important;
  }
  body.casino-body .center-mobile-paytable .pay-item{
    min-height:108px!important;padding:7px 2px!important;
  }
  body.casino-body .center-mobile-paytable .pay-item span{font-size:7.7px!important}
  body.casino-body .center-mobile-paytable .pay-item b{font-size:16px!important}
}


/* ==========================================================
   N9 v0.9.12 — ARENA RESPONSIVE FIT + INTERACTION FIX
   ========================================================== */

/* Nodes must always receive pointer/touch input above decoration layers. */
body.casino-body .room-game .reactor-stage canvas,
body.casino-body .room-game .stage-rings,
body.casino-body .room-game .stage-rings *,
body.casino-body .room-game .cosmic-ray-grid,
body.casino-body .room-game .core-emblem,
body.casino-body .room-game .pulse-orb{
  pointer-events:none!important;
}

body.casino-body .room-game .pulse-grid{
  pointer-events:auto!important;
}
body.casino-body .room-game .pulse-grid .node{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:20!important;
}

/* Lobby preview: board stays visible but communicates that Start Round is required. */
body.casino-body .room-game.arena-lobby-preview .pulse-grid .node{
  opacity:.72;
}
body.casino-body .room-game.arena-lobby-preview .reactor-stage{
  box-shadow:inset 0 0 60px rgba(83,86,189,.08)!important;
}

/* ---------- DESKTOP ARENA FIT ---------- */
@media (min-width:1181px){
  body.casino-body .room-shell{
    width:min(calc(100vw - 24px),1900px)!important;
    max-width:1900px!important;
    padding:6px 10px 18px!important;
  }

  body.casino-body .room-shell .casino-topnav{
    min-height:58px!important;
    padding-top:5px!important;
    padding-bottom:7px!important;
  }

  body.casino-body .room-wait.casino-room-wait{
    margin-top:0!important;
    padding:15px 18px!important;
  }

  body.casino-body .room-wait .room-summary h1{
    font-size:26px!important;
    margin:5px 0 8px!important;
  }

  body.casino-body .room-wait .wait-grid{
    gap:12px!important;
  }

  body.casino-body .room-wait .wait-player{
    min-height:70px!important;
    padding:9px 11px!important;
  }

  body.casino-body .room-game{
    grid-template-columns:250px minmax(0,1fr) 270px!important;
    gap:12px!important;
    margin-top:10px!important;
    align-items:start!important;
  }

  body.casino-body .room-game .paytable-side,
  body.casino-body .room-game .room-info-side{
    position:sticky!important;
    top:8px!important;
  }

  body.casino-body .room-game .main-reactor-card{
    padding:11px!important;
  }

  body.casino-body .room-game .round-head{
    padding-bottom:6px!important;
  }

  body.casino-body .room-game .room-kpis{
    margin:5px 0 6px!important;
  }

  body.casino-body .room-game .reactor-stage{
    width:min(100%,660px)!important;
    max-width:660px!important;
    height:min(61vh,660px)!important;
    aspect-ratio:1/1!important;
    margin:0 auto 6px!important;
  }

  body.casino-body .room-game .pulse-grid{
    width:94%!important;
    height:94%!important;
  }

  body.casino-body .room-game .shared-routes-panel{
    margin-top:6px!important;
    padding:8px!important;
  }

  body.casino-body .room-game .route-display{
    margin-top:6px!important;
  }

  body.casino-body .room-game .outcome-grid{
    margin-top:6px!important;
  }

  body.casino-body .room-game .message-bar{
    margin-top:5px!important;
  }

  body.casino-body .room-game .paytable-grid.vertical.professional .pay-item{
    min-height:67px!important;
    padding:7px 3px!important;
  }

  body.casino-body .room-game .compact-player-row{
    padding:8px!important;
  }
}

/* Short desktop/laptop: fit the active game above the fold as much as possible. */
@media (min-width:1181px) and (max-height:820px){
  body.casino-body .room-shell{
    width:min(calc(100vw - 12px),1780px)!important;
    padding-top:3px!important;
  }

  body.casino-body .room-wait.casino-room-wait{
    padding:10px 14px!important;
  }

  body.casino-body .room-wait .room-summary h1{
    font-size:21px!important;
  }

  body.casino-body .room-wait .wait-player{
    min-height:58px!important;
    padding:6px 9px!important;
  }

  body.casino-body .room-game{
    grid-template-columns:220px minmax(0,1fr) 235px!important;
    gap:8px!important;
    margin-top:6px!important;
  }

  body.casino-body .room-game .reactor-stage{
    width:min(100%,500px)!important;
    max-width:500px!important;
    height:min(54vh,500px)!important;
  }

  body.casino-body .room-game .paytable-grid.vertical.professional .pay-item{
    min-height:52px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:4px 2px!important;
  }

  body.casino-body .room-game .paytable-grid.vertical.professional .pay-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }

  body.casino-body .room-game .shared-routes-panel{
    padding:5px!important;
  }

  body.casino-body .room-game .outcome-grid{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* ---------- TABLET ---------- */
@media (min-width:701px) and (max-width:1180px){
  body.casino-body .room-shell{
    width:100%!important;
    padding:6px 8px 80px!important;
  }

  body.casino-body .room-game{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 265px!important;
    gap:9px!important;
  }

  body.casino-body .room-game .paytable-side{
    display:none!important;
  }

  body.casino-body .room-game .main-reactor-card{
    min-width:0!important;
  }

  body.casino-body .room-game .reactor-stage{
    width:min(100%,650px)!important;
    max-width:650px!important;
  }
}

/* ---------- MOBILE ARENA: REACTOR ALWAYS VISIBLE ---------- */
@media (max-width:700px){
  body.casino-body .room-shell{
    width:100%!important;
    padding:4px 5px 92px!important;
  }

  body.casino-body .room-wait.casino-room-wait{
    padding:10px!important;
    margin-bottom:7px!important;
  }

  body.casino-body .room-wait .room-summary{
    align-items:flex-start!important;
  }

  body.casino-body .room-wait .room-summary h1{
    font-size:21px!important;
    margin:4px 0 7px!important;
  }

  body.casino-body .room-wait .wait-grid{
    display:block!important;
  }

  body.casino-body .room-wait .wait-players{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  body.casino-body .room-wait .wait-player{
    min-height:50px!important;
    padding:6px 8px!important;
  }

  body.casino-body .room-wait .lobby-controls{
    margin-top:7px!important;
    padding:8px!important;
  }

  body.casino-body .room-game{
    display:block!important;
    width:100%!important;
    margin-top:6px!important;
  }

  body.casino-body .room-game.hidden{
    display:block!important;
  }

  body.casino-body .room-game .paytable-side,
  body.casino-body .room-game .room-info-side{
    display:none!important;
  }

  body.casino-body .room-game .main-reactor-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:7px!important;
  }

  body.casino-body .room-game .room-kpis{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:4px!important;
    margin:4px 0 7px!important;
  }

  body.casino-body .room-game .room-kpis span{
    min-width:0!important;
    padding:6px 4px!important;
  }

  body.casino-body .room-game .reactor-stage{
    display:grid!important;
    width:100%!important;
    max-width:520px!important;
    aspect-ratio:1/1!important;
    margin:0 auto 7px!important;
    min-height:0!important;
  }

  body.casino-body .room-game .pulse-grid{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.casino-body .room-game .pulse-grid .node{
    display:block!important;
    visibility:visible!important;
    opacity:1;
  }

  body.casino-body .room-game .shared-routes-panel{
    margin-top:6px!important;
    padding:7px!important;
  }

  body.casino-body .room-game .shared-player-routes{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }

  body.casino-body .room-game .route-display{
    margin-top:6px!important;
  }

  body.casino-body .room-game .center-mobile-paytable{
    margin-bottom:88px!important;
  }
}

/* Very small phone */
@media (max-width:390px){
  body.casino-body .room-game .reactor-stage{
    max-width:385px!important;
  }

  body.casino-body .room-game .shared-player-routes{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   N9 v0.9.13 — ARENA MOBILE COMPACT LOBBY
   Real-phone corrective pass.
   ========================================================== */

/* Hidden really means hidden. This prevents fixed bars/panels from leaking into lobby. */
body.casino-body .hidden{
  display:none!important;
}
body.casino-body #mobileRoomBar.hidden{
  display:none!important;
}

/* Desktop untouched except for normal hidden behavior. */

@media (max-width:700px){

  /* Page container */
  body.casino-body .room-shell{
    width:100%!important;
    max-width:none!important;
    padding:4px 6px 92px!important;
    overflow:visible!important;
  }

  /* Compact top nav */
  body.casino-body .room-shell .casino-topnav{
    min-height:52px!important;
    padding:5px 7px!important;
    margin-bottom:5px!important;
    gap:6px!important;
  }
  body.casino-body .room-shell .casino-nav-menu{
    display:none!important;
  }
  body.casino-body .room-shell .nav-left .back{
    display:none!important;
  }
  body.casino-body .room-shell .casino-brand{
    font-size:19px!important;
  }
  body.casino-body .room-shell .casino-wallet{
    min-width:112px!important;
    height:43px!important;
    padding:5px 9px!important;
  }
  body.casino-body .room-shell .casino-wallet small{
    font-size:7px!important;
  }
  body.casino-body .room-shell .casino-wallet strong{
    font-size:14px!important;
  }
  body.casino-body .room-shell .deposit-btn{
    min-width:74px!important;
    height:43px!important;
    padding:0 12px!important;
  }

  /* LOBBY CARD: reduce from huge vertical panel to compact room control block */
  body.casino-body .room-wait.casino-room-wait{
    display:block!important;
    padding:9px!important;
    margin:0 0 7px!important;
    min-height:0!important;
    border-radius:14px!important;
  }

  /* summary becomes one compact horizontal row */
  body.casino-body .room-wait .room-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:8px!important;
    padding-bottom:8px!important;
    border-bottom:1px solid rgba(83,134,190,.20)!important;
  }
  body.casino-body .room-wait .room-summary > div:first-child > small{
    font-size:7px!important;
  }
  body.casino-body .room-wait .room-summary h1{
    font-size:19px!important;
    line-height:1!important;
    margin:3px 0 6px!important;
  }
  body.casino-body .room-wait .room-meta{
    display:flex!important;
    gap:12px!important;
  }
  body.casino-body .room-wait .room-meta span{
    font-size:7px!important;
  }
  body.casino-body .room-wait .room-meta b{
    display:block!important;
    margin-top:2px!important;
    font-size:11px!important;
  }

  /* room code + actions compact */
  body.casino-body .room-wait .invite-box{
    min-width:145px!important;
    text-align:right!important;
  }
  body.casino-body .room-wait .invite-box > small{
    font-size:7px!important;
  }
  body.casino-body .room-wait .invite-box > strong{
    display:block!important;
    margin:2px 0 6px!important;
    font-size:18px!important;
    letter-spacing:.10em!important;
  }
  body.casino-body .room-wait .invite-box > div{
    display:flex!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  body.casino-body .room-wait .invite-box button{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }

  /* wait grid becomes compact single block */
  body.casino-body .room-wait .wait-grid{
    display:block!important;
    margin-top:7px!important;
  }
  body.casino-body .room-wait .section-title{
    margin-bottom:4px!important;
    min-height:0!important;
  }
  body.casino-body .room-wait .section-title small,
  body.casino-body .room-wait .section-title h2{
    display:none!important;
  }
  body.casino-body .room-wait .section-title #hostBadge{
    margin-left:auto!important;
    font-size:7px!important;
    padding:4px 7px!important;
  }

  /* Players become short status rows */
  body.casino-body .room-wait .wait-players{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  body.casino-body .room-wait .wait-player{
    min-height:52px!important;
    height:auto!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
  }
  body.casino-body .room-wait .wait-player .avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:14px!important;
  }
  body.casino-body .room-wait .wait-player .player-name,
  body.casino-body .room-wait .wait-player strong{
    font-size:12px!important;
  }
  body.casino-body .room-wait .wait-player small{
    font-size:7px!important;
  }

  /* Hide large route placeholder from player lobby cards on phone */
  body.casino-body .room-wait .wait-player .route-preview,
  body.casino-body .room-wait .wait-player .player-route,
  body.casino-body .room-wait .wait-player [class*="route"]{
    display:none!important;
  }

  /* lobby controls as compact horizontal action group */
  body.casino-body .room-wait .lobby-controls{
    margin-top:7px!important;
    padding:7px!important;
    min-height:0!important;
    border-radius:10px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:6px!important;
    align-items:center!important;
  }
  body.casino-body .room-wait #lobbyHint{
    grid-column:1/-1!important;
    margin:0 0 2px!important;
    font-size:8px!important;
    line-height:1.3!important;
  }
  body.casino-body .room-wait #readyBtn,
  body.casino-body .room-wait #startBtn{
    grid-column:1!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    font-size:11px!important;
  }
  body.casino-body .room-wait #leaveBtn{
    grid-column:2!important;
    width:auto!important;
    min-width:86px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 9px!important;
    font-size:9px!important;
  }

  /* GAME PANEL follows immediately after compact lobby */
  body.casino-body .room-game{
    display:block!important;
    width:100%!important;
    margin-top:0!important;
  }
  body.casino-body .room-game.arena-lobby-preview{
    display:block!important;
  }
  body.casino-body .room-game .paytable-side,
  body.casino-body .room-game .room-info-side{
    display:none!important;
  }
  body.casino-body .room-game .main-reactor-card{
    display:block!important;
    width:100%!important;
    padding:7px!important;
    border-radius:13px!important;
  }

  /* Game header + KPIs compact */
  body.casino-body .room-game .round-head{
    padding:4px 3px 7px!important;
    margin-bottom:3px!important;
  }
  body.casino-body .room-game .round-head h2{
    display:none!important;
  }
  body.casino-body .room-game .round-head small{
    font-size:10px!important;
  }
  body.casino-body .room-game .round-state b{
    font-size:10px!important;
  }
  body.casino-body .room-game .room-kpis{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:4px!important;
    margin:2px 0 5px!important;
  }
  body.casino-body .room-game .room-kpis span{
    padding:5px 4px!important;
    min-height:42px!important;
  }
  body.casino-body .room-game .room-kpis small{
    font-size:6px!important;
  }
  body.casino-body .room-game .room-kpis b{
    font-size:11px!important;
  }

  /* Hide live player routes ABOVE board on mobile; board must come first */
  body.casino-body .room-game .shared-routes-panel{
    display:none!important;
  }

  /* Reactor is guaranteed visible immediately */
  body.casino-body .room-game .reactor-stage{
    display:grid!important;
    width:100%!important;
    max-width:500px!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 6px!important;
    padding:4px!important;
  }
  body.casino-body .room-game .pulse-grid{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Lobby preview board: visible but dimmer until host starts */
  body.casino-body .room-game.arena-lobby-preview .pulse-grid .node{
    opacity:.78!important;
  }
  body.casino-body .room-game:not(.arena-lobby-preview) .pulse-grid .node{
    opacity:1!important;
  }

  /* Main route/result stay under reactor */
  body.casino-body .room-game .route-display{
    margin-top:5px!important;
  }
  body.casino-body .room-game .outcome-grid{
    margin-top:5px!important;
  }

  /* Fixed action bar only after selection starts; hidden state wins */
  body.casino-body #mobileRoomBar{
    z-index:100!important;
  }
  body.casino-body #mobileRoomBar.hidden{
    display:none!important;
  }
}

/* 360–390px phones */
@media (max-width:390px){
  body.casino-body .room-wait .room-summary{
    grid-template-columns:1fr!important;
  }
  body.casino-body .room-wait .invite-box{
    text-align:left!important;
    min-width:0!important;
  }
  body.casino-body .room-wait .invite-box > div{
    justify-content:flex-start!important;
  }
  body.casino-body .room-game .reactor-stage{
    max-width:380px!important;
  }
}


/* ==========================================================
   N9 v0.9.14 — ARENA REACTOR VISIBILITY + CLICK FIX
   ========================================================== */

/* Arena reactor is always a real rendered section. */
body.casino-body #gamePanel.room-game{
  visibility:visible!important;
  opacity:1!important;
}

/* Node must be above every canvas/SVG/decorative layer. */
body.casino-body #gamePanel .reactor-stage{
  position:relative!important;
}
body.casino-body #gamePanel .reactor-stage canvas,
body.casino-body #gamePanel .stage-rings,
body.casino-body #gamePanel .stage-rings *,
body.casino-body #gamePanel .cosmic-ray-grid,
body.casino-body #gamePanel .core-emblem,
body.casino-body #gamePanel .pulse-orb{
  pointer-events:none!important;
}
body.casino-body #gamePanel .pulse-grid{
  pointer-events:auto!important;
}
body.casino-body #gamePanel .pulse-grid .node{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  z-index:50!important;
}

/* Lobby preview selection should be visibly obvious, not "dead". */
body.casino-body #gamePanel.arena-lobby-preview .pulse-grid .node{
  opacity:.88!important;
}
body.casino-body #gamePanel.arena-lobby-preview .pulse-grid .node.selected{
  opacity:1!important;
  transform:scale(1.08)!important;
  border-color:#ec72ff!important;
  box-shadow:
    0 0 7px #fff,
    0 0 20px rgba(222,93,255,.92),
    0 0 38px rgba(103,106,255,.55)!important;
}

/* ---------------- MOBILE ---------------- */
@media (max-width:700px){

  /* The old player route placeholder was the main source of the huge lobby cards. */
  body.casino-body .room-wait .wait-player .player-live-selection{
    display:none!important;
  }

  /* Make each player a compact row. */
  body.casino-body .room-wait .wait-players{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  body.casino-body .room-wait .wait-player{
    min-height:46px!important;
    padding:5px 7px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 12px!important;
    gap:6px!important;
    align-items:center!important;
  }
  body.casino-body .room-wait .wait-player .avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    font-size:12px!important;
  }
  body.casino-body .room-wait .wait-player-info{
    min-width:0!important;
  }
  body.casino-body .room-wait .wait-player-info b{
    display:block!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.casino-body .room-wait .wait-player-info small{
    font-size:6px!important;
  }
  body.casino-body .room-wait .ready-dot{
    width:8px!important;
    height:8px!important;
  }

  /* Keep entire lobby setup short enough that the reactor is on screen. */
  body.casino-body #waitingPanel.room-wait{
    max-height:none!important;
    min-height:0!important;
    padding:7px!important;
    margin-bottom:5px!important;
  }

  body.casino-body #waitingPanel .room-summary{
    padding-bottom:5px!important;
  }

  body.casino-body #waitingPanel .wait-grid{
    margin-top:5px!important;
  }

  body.casino-body #waitingPanel .lobby-controls{
    margin-top:5px!important;
    padding:6px!important;
  }

  body.casino-body #waitingPanel #lobbyHint{
    display:none!important;
  }

  body.casino-body #waitingPanel #readyBtn,
  body.casino-body #waitingPanel #startBtn{
    height:34px!important;
    min-height:34px!important;
  }

  body.casino-body #waitingPanel #leaveBtn{
    height:34px!important;
    min-height:34px!important;
  }

  /* Reactor comes immediately after compact room lobby. */
  body.casino-body #gamePanel.room-game{
    display:block!important;
    margin-top:4px!important;
  }

  body.casino-body #gamePanel .main-reactor-card{
    display:block!important;
    width:100%!important;
    padding:6px!important;
  }

  body.casino-body #gamePanel .round-head{
    min-height:34px!important;
    margin:0!important;
    padding:3px 4px 5px!important;
  }

  body.casino-body #gamePanel .room-kpis{
    margin:2px 0 5px!important;
  }

  body.casino-body #gamePanel .reactor-stage{
    display:block!important;
    width:100%!important;
    max-width:500px!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    margin:0 auto 6px!important;
    overflow:hidden!important;
  }

  body.casino-body #gamePanel .pulse-grid{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Suppress fixed controls until actual selecting phase.
     JS removes .hidden after Start Round. */
  body.casino-body #mobileRoomBar.hidden{
    display:none!important;
  }
}

/* Narrow phone: keep two player rows unless screen is extremely narrow. */
@media (max-width:360px){
  body.casino-body .room-wait .wait-players{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   N9 v0.9.15 — ALL PLAYER ROUTES VISIBLE
   ========================================================== */

body.casino-body .all-player-routes-panel{
  margin-top:8px;
  padding:10px;
  border:1px solid rgba(80,150,210,.24);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(3,8,22,.78),rgba(4,6,18,.70));
  backdrop-filter:blur(9px);
}

body.casino-body .all-routes-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(81,163,220,.16);
}

body.casino-body .all-routes-head small{
  display:block;
  color:#59e2ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

body.casino-body .all-routes-head strong{
  display:block;
  margin-top:2px;
  color:#f5f8ff;
  font-size:13px;
}

body.casino-body .all-routes-head > span{
  color:#c685ff;
  font-size:8px;
  letter-spacing:.08em;
  border:1px solid rgba(192,90,255,.34);
  padding:4px 7px;
  border-radius:999px;
}

body.casino-body .all-player-routes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

body.casino-body .live-player-route-card{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(84,124,182,.24);
  border-radius:10px;
  background:rgba(4,8,22,.74);
}

body.casino-body .live-player-route-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

body.casino-body .live-player-route-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:11px;
}

body.casino-body .route-state-badge{
  flex:none;
  color:#9fb0c7;
  font-size:7px;
  padding:3px 6px;
  border:1px solid rgba(116,139,178,.25);
  border-radius:999px;
}

body.casino-body .live-player-route-values{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
}

body.casino-body .live-player-route-values b{
  min-width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(95,162,224,.32);
  background:rgba(3,8,20,.86);
  color:#7f8ba0;
  font-size:12px;
}

body.casino-body .live-player-route-values b.has-value{
  color:#fff;
  border-color:rgba(102,220,255,.72);
  box-shadow:0 0 10px rgba(79,206,255,.24);
}

body.casino-body .live-player-route-values i{
  color:#9b6fff;
  font-style:normal;
  font-size:11px;
}

/* Mobile: show all players' routes under the reactor without hiding the board. */
@media(max-width:700px){
  body.casino-body .all-player-routes-panel{
    display:block!important;
    margin-top:6px!important;
    padding:8px!important;
  }

  body.casino-body .all-player-routes{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }

  body.casino-body .live-player-route-card{
    padding:7px!important;
  }

  body.casino-body .live-player-route-head strong{
    font-size:9px!important;
  }

  body.casino-body .route-state-badge{
    font-size:6px!important;
    padding:2px 4px!important;
  }

  body.casino-body .live-player-route-values{
    gap:5px!important;
    margin-top:6px!important;
  }

  body.casino-body .live-player-route-values b{
    min-width:24px!important;
    width:24px!important;
    height:24px!important;
    font-size:10px!important;
  }

  body.casino-body .live-player-route-values i{
    font-size:9px!important;
  }
}

@media(max-width:390px){
  body.casino-body .all-player-routes{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   N9 v0.9.16 — LOCK THEN ACTIVATE PULSE
   ========================================================== */

body.casino-body .action-pulse,
body.casino-body .pulse-activate-btn{
  width:100%;
  min-height:48px;
  border:1px solid rgba(216,85,255,.58);
  border-radius:8px;
  background:linear-gradient(90deg,#2446d9 0%,#7b27d5 48%,#d72c9e 100%);
  color:#fff;
  font-weight:1000;
  letter-spacing:.06em;
  box-shadow:0 0 18px rgba(171,64,255,.20);
}

body.casino-body .action-pulse:disabled,
body.casino-body .pulse-activate-btn:disabled{
  opacity:.34;
  filter:saturate(.45);
  cursor:not-allowed;
  box-shadow:none;
}

body.casino-body .action-pulse:not(:disabled){
  animation:n9PulseReady 1.5s ease-in-out infinite alternate;
}

@keyframes n9PulseReady{
  from{box-shadow:0 0 8px rgba(110,108,255,.30)}
  to{box-shadow:0 0 24px rgba(219,70,255,.60),0 0 36px rgba(73,201,255,.20)}
}

@media(max-width:700px){
  body.casino-body #mobileRoomBar{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:7px;
  }

  body.casino-body #mobileRoomBar .mobile-pulse-btn{
    grid-column:1/-1;
    min-height:44px;
    font-size:12px;
  }
}


/* =====================================================================
   N9 v0.9.17 — PROFESSIONAL MOTION SYSTEM
   Original Cosmic Path motion language.
   ===================================================================== */

:root{
  --n9-motion-cyan:#55e7ff;
  --n9-motion-blue:#4b7dff;
  --n9-motion-violet:#a65cff;
  --n9-motion-pink:#e45cff;
  --n9-motion-gold:#ffc95d;
}

/* ---------- subtle whole-interface life ---------- */
body.casino-body .casino-topnav{
  box-shadow:0 8px 28px rgba(0,0,0,.20), inset 0 -1px 0 rgba(89,217,255,.07)!important;
}
body.casino-body .casino-wallet strong{
  animation:n9WalletGlow 3.6s ease-in-out infinite alternate;
}
@keyframes n9WalletGlow{
  from{text-shadow:0 0 4px rgba(255,202,92,.20)}
  to{text-shadow:0 0 12px rgba(255,202,92,.60)}
}

/* ---------- reactor gets a dedicated cinematic motion layer ---------- */
body.casino-body .reactor-stage{
  position:relative!important;
  isolation:isolate;
}
body.casino-body .reactor-stage::before{
  z-index:0!important;
}
body.casino-body .reactor-stage::after{
  z-index:0!important;
}
body.casino-body .pulse-grid{
  z-index:3!important;
}

/* slow, low-cost aurora sweep */
body.casino-body .reactor-stage .n9-motion-aurora{
  position:absolute;
  inset:-18%;
  z-index:1;
  pointer-events:none;
  opacity:.42;
  background:
    conic-gradient(
      from 180deg at 50% 50%,
      transparent 0 10%,
      rgba(85,231,255,.09) 18%,
      transparent 28% 42%,
      rgba(220,83,255,.09) 50%,
      transparent 61% 78%,
      rgba(83,114,255,.07) 86%,
      transparent 96%
    );
  filter:blur(26px);
  animation:n9AuroraRotate 18s linear infinite;
}
@keyframes n9AuroraRotate{
  to{transform:rotate(360deg)}
}

/* travelling energy streaks */
body.casino-body .reactor-stage .n9-energy-sweep{
  position:absolute;
  inset:7%;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
  border-radius:24px;
}
body.casino-body .reactor-stage .n9-energy-sweep::before{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  width:24%;
  left:-40%;
  transform:skewX(-20deg);
  opacity:0;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.03),
    rgba(85,231,255,.24),
    rgba(197,79,255,.18),
    transparent
  );
}
body.casino-body .motion-selecting .n9-energy-sweep::before,
body.casino-body .route-ready .n9-energy-sweep::before{
  opacity:.8;
  animation:n9Sweep 4.2s ease-in-out infinite;
}
body.casino-body .motion-charging .n9-energy-sweep::before{
  opacity:1;
  width:35%;
  animation:n9SweepFast .72s linear infinite;
}
@keyframes n9Sweep{
  0%,30%{left:-45%}
  70%,100%{left:125%}
}
@keyframes n9SweepFast{
  from{left:-50%}
  to{left:125%}
}

/* ---------- phase/status strip ---------- */
body.casino-body .round-head{
  position:relative!important;
  overflow:hidden!important;
}
body.casino-body .round-head::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  transform-origin:left center;
  transform:scaleX(.24);
  background:linear-gradient(90deg,var(--n9-motion-cyan),var(--n9-motion-blue),var(--n9-motion-pink),var(--n9-motion-gold));
  box-shadow:0 0 9px rgba(85,231,255,.50);
  animation:n9StatusFlow 4.8s ease-in-out infinite alternate;
}
@keyframes n9StatusFlow{
  to{transform:scaleX(.75);filter:hue-rotate(20deg)}
}
body.casino-body .motion-charging .round-head::after{
  transform:scaleX(1);
  animation:n9StatusCharge .45s ease-in-out infinite alternate;
}
@keyframes n9StatusCharge{
  from{filter:brightness(1)}
  to{filter:brightness(2.1)}
}

/* ---------- node idle / hover / select ---------- */
body.casino-body .pulse-grid .node{
  transition:
    transform .20s cubic-bezier(.2,.8,.2,1),
    box-shadow .20s ease,
    filter .20s ease,
    border-color .20s ease!important;
  will-change:transform;
}
body.casino-body .pulse-grid .node:not(.selected):not(.hit){
  animation:n9NodeIdle 3.7s ease-in-out infinite alternate;
}
body.casino-body .pulse-grid .node:nth-of-type(2n){animation-delay:-1.2s}
body.casino-body .pulse-grid .node:nth-of-type(3n){animation-delay:-2.1s}
@keyframes n9NodeIdle{
  from{filter:brightness(.93) saturate(.95)}
  to{filter:brightness(1.08) saturate(1.08)}
}
body.casino-body .pulse-grid .node:hover{
  transform:translateY(-2px) scale(1.045)!important;
}

/* order badge — selected route feels like a real staged action */
body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
  content:attr(data-order)!important;
  position:absolute!important;
  top:-9px!important;
  right:-9px!important;
  inset:auto -9px auto auto!important;
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  background:linear-gradient(180deg,#db70ff,#7343ff)!important;
  border:2px solid rgba(250,225,255,.90)!important;
  box-shadow:0 0 9px #fff,0 0 17px rgba(195,81,255,.78)!important;
  opacity:1!important;
}
body.casino-body .pulse-grid .node.selected{
  animation:n9SelectedPulse .84s ease-in-out infinite alternate!important;
}
@keyframes n9SelectedPulse{
  from{transform:scale(1.02)}
  to{transform:scale(1.075)}
}

/* route-ready moment */
body.casino-body .route-ready .pulse-grid .node.selected{
  animation:n9RouteReady .50s ease-in-out infinite alternate!important;
}
@keyframes n9RouteReady{
  from{filter:brightness(1.05);transform:scale(1.045)}
  to{filter:brightness(1.35);transform:scale(1.09)}
}

/* locked route: calm down and look committed */
body.casino-body .motion-locked .pulse-grid .node.selected{
  animation:none!important;
  transform:scale(1.045)!important;
  box-shadow:
    0 0 8px rgba(255,255,255,.82),
    0 0 21px rgba(197,85,255,.72),
    0 0 38px rgba(91,116,255,.34)!important;
}
body.casino-body .motion-locked .pulse-grid .node:not(.selected){
  opacity:.66;
  filter:saturate(.72) brightness(.72);
}

/* ---------- cosmic ray network ---------- */
body.casino-body .cosmic-ray-grid{
  transition:opacity .3s ease, filter .3s ease!important;
}
body.casino-body .motion-selecting .cosmic-ray-grid{
  animation:n9RayBreath 2.6s ease-in-out infinite alternate;
}
body.casino-body .route-ready .cosmic-ray-grid{
  animation:n9RayReady .7s ease-in-out infinite alternate;
}
body.casino-body .motion-charging .cosmic-ray-grid{
  animation:n9RayCharge .34s ease-in-out infinite alternate;
}
@keyframes n9RayBreath{
  from{opacity:.60;filter:drop-shadow(0 0 3px rgba(85,231,255,.48))}
  to{opacity:.88;filter:drop-shadow(0 0 8px rgba(196,82,255,.56))}
}
@keyframes n9RayReady{
  from{opacity:.74}
  to{opacity:1;filter:drop-shadow(0 0 11px rgba(126,105,255,.72))}
}
@keyframes n9RayCharge{
  from{opacity:.74;filter:brightness(1.15)}
  to{opacity:1;filter:brightness(2.2) drop-shadow(0 0 11px #a85cff)}
}

/* ---------- Pulse button ---------- */
body.casino-body .action-pulse:not(:disabled),
body.casino-body .pulse-activate-btn:not(:disabled){
  position:relative!important;
  overflow:hidden!important;
  animation:n9PulseCTA 1.1s ease-in-out infinite alternate!important;
}
body.casino-body .action-pulse:not(:disabled)::after,
body.casino-body .pulse-activate-btn:not(:disabled)::after{
  content:"";
  position:absolute;
  inset:-100% auto -100% -35%;
  width:24%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg);
  animation:n9ButtonShine 2.6s ease-in-out infinite;
}
@keyframes n9PulseCTA{
  from{filter:brightness(.98)}
  to{filter:brightness(1.16)}
}
@keyframes n9ButtonShine{
  0%,38%{left:-35%}
  72%,100%{left:125%}
}

/* ---------- charging phase ---------- */
body.casino-body .motion-charging .reactor-stage{
  animation:n9StageCharge .45s ease-in-out infinite alternate;
}
@keyframes n9StageCharge{
  from{box-shadow:inset 0 0 65px rgba(64,79,190,.10),0 0 25px rgba(110,74,255,.08)}
  to{box-shadow:inset 0 0 85px rgba(72,125,255,.20),0 0 52px rgba(198,76,255,.25)}
}
body.casino-body .motion-charging .pulse-grid .node{
  animation:n9ChargeNodes .35s ease-in-out infinite alternate!important;
}
@keyframes n9ChargeNodes{
  to{filter:brightness(1.45) saturate(1.28)}
}

/* ---------- result reveal ---------- */
body.casino-body .motion-result .reactor-stage{
  animation:n9ResultKick .42s cubic-bezier(.2,.8,.2,1);
}
@keyframes n9ResultKick{
  0%{transform:scale(.985)}
  55%{transform:scale(1.012)}
  100%{transform:scale(1)}
}
body.casino-body .pulse-grid .node.hit{
  animation:n9ResultHit .60s cubic-bezier(.2,.9,.2,1) both!important;
}
@keyframes n9ResultHit{
  0%{transform:scale(.86);filter:brightness(.7)}
  55%{transform:scale(1.18);filter:brightness(1.8)}
  100%{transform:scale(1.07);filter:brightness(1.18)}
}

/* winning combination pulses after reveal */
body.casino-body .pulse-grid .node.combo-match{
  animation:n9MatchHalo .95s ease-in-out infinite alternate!important;
}
body.casino-body .pulse-grid .node.exact-match{
  animation:n9ExactHalo .58s ease-in-out infinite alternate!important;
}
@keyframes n9MatchHalo{
  to{box-shadow:0 0 10px #fff,0 0 26px rgba(80,220,255,.82),0 0 45px rgba(115,86,255,.52)}
}
@keyframes n9ExactHalo{
  to{box-shadow:0 0 11px #fff,0 0 28px rgba(255,201,86,.98),0 0 52px rgba(255,101,72,.58)}
}

/* ---------- route/result cards ---------- */
body.casino-body .route-box,
body.casino-body .outcome-card,
body.casino-body .live-player-route-card,
body.casino-body .shared-route-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.casino-body .live-player-route-card.route-update,
body.casino-body .shared-route-card.route-update{
  animation:n9RouteCardUpdate .42s cubic-bezier(.2,.8,.2,1);
}
@keyframes n9RouteCardUpdate{
  0%{transform:translateY(3px);opacity:.65}
  100%{transform:translateY(0);opacity:1}
}

/* result panel entrance */
body.casino-body .outcome-grid.reveal,
body.casino-body #outcomeGrid.reveal{
  animation:n9OutcomeReveal .55s cubic-bezier(.16,.84,.23,1);
}
@keyframes n9OutcomeReveal{
  0%{transform:translateY(6px) scale(.985);opacity:.35}
  100%{transform:translateY(0) scale(1);opacity:1}
}

/* ---------- subtle live indicator ---------- */
body.casino-body .phase-dot.live,
body.casino-body .ready-dot.on{
  animation:n9LiveDot 1.05s ease-in-out infinite alternate!important;
}
@keyframes n9LiveDot{
  from{box-shadow:0 0 4px currentColor}
  to{box-shadow:0 0 15px currentColor,0 0 24px currentColor}
}

/* ---------- mobile motion tuned down for clarity ---------- */
@media(max-width:700px){
  body.casino-body .reactor-stage .n9-motion-aurora{opacity:.30}
  body.casino-body .pulse-grid .node:not(.selected):not(.hit){animation-duration:4.5s}
  body.casino-body .motion-charging .reactor-stage{animation-duration:.6s}
  body.casino-body .action-pulse:not(:disabled)::after{animation-duration:3.2s}
}

/* motion accessibility */
@media(prefers-reduced-motion:reduce){
  body.casino-body *,
  body.casino-body *::before,
  body.casino-body *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}


/* =====================================================================
   N9 v0.10.0 — COMMERCIAL FEATURE UI
   ===================================================================== */

.commercial-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:9px;
}
.commercial-btn,.fx-mode-btn,.auto-play-btn{
  border:1px solid rgba(100,112,205,.35);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(11,17,41,.96),rgba(5,9,24,.96));
  color:#eef4ff;
  min-height:48px;
  font-weight:900;
}
.commercial-btn span{display:block;font-size:10px;letter-spacing:.05em}
.commercial-btn small{display:block;margin-top:3px;font-size:7px;color:#9db0cb}
.commercial-btn.accent{border-color:rgba(213,81,255,.52);box-shadow:0 0 15px rgba(185,74,255,.12)}
.commercial-btn:disabled,.auto-play-btn:disabled{opacity:.35;cursor:not-allowed}

.auto-play-panel,.round-history-panel,.arena-activity-panel{
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(87,113,191,.24);
  border-radius:11px;
  background:rgba(3,7,21,.70);
  backdrop-filter:blur(8px);
}
.mini-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.mini-panel-head small{display:block;color:#59e2ff;font-size:7px;letter-spacing:.12em}
.mini-panel-head strong{font-size:11px}
.mini-panel-head>span{font-size:7px;color:#aab8cb}
.fx-mode-btn{min-height:31px;padding:0 9px;font-size:8px}
.auto-play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.auto-play-grid label{display:block;font-size:7px;color:#aab7c9}
.auto-play-grid input,.auto-play-grid select{
  display:block;width:100%;height:32px;margin-top:4px;border:1px solid rgba(87,116,183,.30);border-radius:7px;background:#050a19;color:#fff;padding:0 7px
}
.auto-play-grid label small{font-size:6px;color:#7889a3}
.auto-play-btn{width:100%;margin-top:7px;border-color:rgba(95,214,255,.35);background:linear-gradient(90deg,#1b50b8,#6726c7,#b12d9e)}

.round-history-list{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow:auto}
.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:7px;border-radius:8px;background:rgba(5,9,24,.72);border:1px solid rgba(82,111,175,.18)}
.history-row div{min-width:0}.history-row strong{display:block;font-size:9px}.history-row small{display:block;margin-top:2px;font-size:7px;color:#8999af}.history-row span{font-size:7px;color:#b3c0d5}.history-row b{font-size:9px;color:#aab6c8}.history-row.win b{color:#ffd25f}.history-empty{padding:8px;text-align:center;font-size:8px;color:#73839b}

.n9-win-overlay{
  position:fixed;inset:0;z-index:1000;display:none;place-items:center;background:rgba(1,2,9,.78);backdrop-filter:blur(10px)
}
.n9-win-overlay.show{display:grid}
.n9-win-card{
  width:min(440px,88vw);padding:26px;text-align:center;border:1px solid rgba(190,85,255,.52);border-radius:22px;
  background:radial-gradient(circle at 50% 10%,rgba(190,69,255,.22),transparent 38%),linear-gradient(180deg,#0c1329,#050817);
  box-shadow:0 0 40px rgba(174,64,255,.28),0 30px 90px rgba(0,0,0,.6);animation:n9WinEnter .45s cubic-bezier(.2,.9,.2,1)
}
.n9-win-card small{color:#67e5ff;letter-spacing:.14em;font-size:9px}.n9-win-card strong{display:block;font-size:36px;margin:8px 0;color:#fff;text-shadow:0 0 20px rgba(234,113,255,.55)}.n9-win-card>div{font-size:29px;color:#ffd35f;font-weight:1000}.n9-win-card p{color:#c4d0e2}.n9-win-card button{padding:10px 22px;border:0;border-radius:9px;background:linear-gradient(90deg,#5b4dff,#c442d0);color:#fff;font-weight:900}
@keyframes n9WinEnter{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}

.pulse-grid .node.near-miss{
  animation:n9NearMiss .7s ease-in-out infinite alternate!important;
}
@keyframes n9NearMiss{to{filter:brightness(1.25);box-shadow:0 0 8px #fff,0 0 22px rgba(255,102,210,.65)}}
.message-bar.near{border-color:rgba(255,92,205,.42)!important;color:#ffd9f5!important}

.arena-countdown{
  position:absolute;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);
  min-width:230px;padding:18px;text-align:center;border-radius:18px;border:1px solid rgba(103,210,255,.5);
  background:rgba(3,7,23,.90);box-shadow:0 0 32px rgba(86,183,255,.24),0 0 55px rgba(186,75,255,.20);backdrop-filter:blur(10px)
}
.arena-countdown small,.arena-countdown span{display:block;color:#91aac8;font-size:8px;letter-spacing:.12em}.arena-countdown strong{display:block;margin:4px 0;font-size:54px;color:#fff;text-shadow:0 0 18px #7ee2ff}
.arena-countdown.hidden{display:none!important}

.arena-activity-list{display:flex;flex-direction:column;gap:4px;max-height:170px;overflow:auto}
.activity-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;padding:6px;border-radius:7px;background:rgba(5,9,23,.64)}
.activity-row i{width:6px;height:6px;border-radius:50%;background:#63e3ff;box-shadow:0 0 8px currentColor}.activity-row.lock i{background:#ce68ff}.activity-row.pulse i{background:#ffd35f}.activity-row span{font-size:8px;color:#c6d1e0}.activity-row small{font-size:6px;color:#74869f}
.leader-row.winner{border-color:rgba(255,206,86,.55)!important;box-shadow:0 0 18px rgba(255,201,74,.18)!important;animation:n9WinnerRow .8s ease-in-out infinite alternate}
@keyframes n9WinnerRow{to{transform:translateY(-2px);filter:brightness(1.12)}}

.fx-lite .nebula-layer,.fx-lite .cosmic-lightning,.fx-lite .stage-rings,.fx-lite .n9-motion-aurora{animation:none!important;opacity:.12!important}
.fx-lite .starfield{animation:none!important;opacity:.35!important}
.fx-lite .pulse-grid .node:not(.selected):not(.hit){animation:none!important}
.fx-high .nebula-layer{filter:blur(50px)!important}

@media(max-width:700px){
  .commercial-actions{grid-template-columns:repeat(3,1fr);gap:4px}
  .commercial-btn{min-height:42px}.commercial-btn span{font-size:8px}.commercial-btn small{font-size:6px}
  .auto-play-grid{grid-template-columns:1fr 1fr 1fr}
  .round-history-panel,.arena-activity-panel{padding:8px}
  .round-history-list{max-height:180px}
  .arena-countdown{min-width:200px;padding:14px}.arena-countdown strong{font-size:46px}
  .arena-commercial-actions{grid-template-columns:1fr 90px}
  .arena-commercial-actions .commercial-btn{grid-column:1}
}


/* ==========================================================
   v0.10.1 WIN OVERLAY INTERACTION FIX
   ========================================================== */
.n9-win-overlay{
  pointer-events:auto!important;
}
.n9-win-card{
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
}
.n9-win-card::before,
.n9-win-card::after{
  pointer-events:none!important;
}
.n9-win-card button{
  position:relative!important;
  z-index:10!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.n9-win-overlay:not(.show){
  display:none!important;
  pointer-events:none!important;
}

/* v0.10.2: Continue button hard interaction fix */
#winOverlay.show{display:flex!important;pointer-events:auto!important;}
#winOverlayClose{pointer-events:auto!important;position:relative!important;z-index:999999!important;}
#winOverlay .n9-win-card{pointer-events:auto!important;}


/* ==========================================================
   N9 v0.10.3 — MOBILE WIN CENTER + COMMERCIAL ACTIONS
   ========================================================== */

/* Win overlay: true viewport center on desktop and mobile */
#winOverlay,
.n9-win-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  padding:18px!important;
  margin:0!important;
  overflow:auto!important;
  z-index:999999!important;
}

#winOverlay.show,
.n9-win-overlay.show{
  display:flex!important;
}

#winOverlay .n9-win-card,
.n9-win-overlay .n9-win-card{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:auto!important;
  width:min(420px,92vw)!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:auto!important;
}

/* Commercial replay actions must remain visible on mobile */
@media (max-width:700px){

  body.casino-body .solo-commercial-actions,
  body.casino-body .commercial-actions.solo-commercial-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    margin:8px 0 6px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.casino-body .solo-commercial-actions .commercial-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:50px!important;
    padding:7px 4px!important;
    border-radius:9px!important;
    visibility:visible!important;
  }

  body.casino-body .solo-commercial-actions .commercial-btn span{
    font-size:8px!important;
    line-height:1.12!important;
    text-align:center!important;
  }

  body.casino-body .solo-commercial-actions .commercial-btn small{
    font-size:6px!important;
    line-height:1.1!important;
    text-align:center!important;
    margin-top:3px!important;
  }

  /* Keep commercial actions above fixed mobile action bar */
  body.casino-body .solo-commercial-actions{
    position:relative!important;
    z-index:8!important;
  }

  /* Auto-play panel remains available but compact */
  body.casino-body #autoPlayPanel{
    display:block!important;
    visibility:visible!important;
    margin-top:7px!important;
    padding:8px!important;
  }

  body.casino-body #autoPlayPanel .auto-play-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  body.casino-body #autoPlayPanel .auto-play-grid input,
  body.casino-body #autoPlayPanel .auto-play-grid select{
    min-width:0!important;
    height:30px!important;
    font-size:10px!important;
  }

  body.casino-body #autoPlayBtn{
    display:block!important;
    min-height:40px!important;
    font-size:10px!important;
  }

  /* Round history also remains accessible */
  body.casino-body .round-history-panel{
    display:block!important;
    visibility:visible!important;
    margin-bottom:90px!important;
  }

  /* Win card mobile treatment */
  #winOverlay .n9-win-card{
    width:min(360px,90vw)!important;
    padding:22px 16px!important;
    border-radius:18px!important;
  }

  #winOverlay .n9-win-card strong{
    font-size:30px!important;
  }

  #winOverlay .n9-win-card > div{
    font-size:25px!important;
  }

  #winOverlayClose{
    min-width:140px!important;
    min-height:42px!important;
    font-size:12px!important;
  }
}

@media (max-width:390px){
  body.casino-body .solo-commercial-actions{
    grid-template-columns:1fr 1fr!important;
  }

  body.casino-body #rebetPulseBtn{
    grid-column:1/-1!important;
  }

  #winOverlay .n9-win-card{
    width:92vw!important;
    padding:18px 14px!important;
  }
}

/* ===== N9 v0.10.4 — PLANET ROUTE SYSTEM ===== */

body.casino-body .reactor-stage{
  background:
    radial-gradient(circle at 50% 50%,rgba(121,52,224,.12),transparent 24%),
    radial-gradient(circle at 18% 30%,rgba(27,126,219,.12),transparent 30%),
    radial-gradient(circle at 82% 72%,rgba(165,51,210,.10),transparent 28%),
    rgba(1,3,12,.16)!important;
}

body.casino-body .pulse-grid .node::after{
  background:none!important;
}

body.casino-body .pulse-grid .node{
  position:relative!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:1px solid rgba(178,205,255,.40)!important;
  background:
    radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0 3%,rgba(135,216,255,.78) 5%,transparent 12%),
    radial-gradient(ellipse at 40% 48%,rgba(62,119,214,.78),rgba(25,50,112,.88) 48%,rgba(4,8,24,.98) 76%)!important;
  box-shadow:
    inset -13px -16px 24px rgba(0,0,0,.78),
    inset 7px 5px 14px rgba(255,255,255,.10),
    0 0 7px rgba(255,255,255,.26),
    0 0 18px rgba(82,190,255,.25)!important;
}

body.casino-body .pulse-grid .node::before{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border-radius:50%!important;
  border:2px solid rgba(87,207,255,.40)!important;
  background:transparent!important;
  box-shadow:
    0 0 8px rgba(68,205,255,.32),
    0 0 18px rgba(69,121,255,.20),
    inset 0 0 9px rgba(255,255,255,.08)!important;
  pointer-events:none!important;
}

body.casino-body .pulse-grid .node.n1,
body.casino-body .pulse-grid .node.n7{
  background:
    radial-gradient(circle at 32% 25%,#fff 0 3%,rgba(255,192,242,.75) 5%,transparent 12%),
    repeating-linear-gradient(18deg,rgba(218,88,255,.12) 0 4px,transparent 4px 9px),
    radial-gradient(circle at 45% 46%,#783a9e 0%,#35154f 52%,#090412 78%)!important;
}
body.casino-body .pulse-grid .node.n2,
body.casino-body .pulse-grid .node.n6,
body.casino-body .pulse-grid .node.n8{
  background:
    radial-gradient(circle at 32% 25%,#fff 0 3%,rgba(181,242,255,.82) 5%,transparent 12%),
    repeating-linear-gradient(-15deg,rgba(104,226,255,.10) 0 4px,transparent 4px 10px),
    radial-gradient(circle at 45% 46%,#2476a6 0%,#17385f 50%,#060b18 79%)!important;
}
body.casino-body .pulse-grid .node.n3,
body.casino-body .pulse-grid .node.n9{
  background:
    radial-gradient(circle at 32% 25%,#fff 0 3%,rgba(239,183,255,.80) 5%,transparent 12%),
    repeating-linear-gradient(20deg,rgba(248,120,216,.09) 0 3px,transparent 3px 8px),
    radial-gradient(circle at 45% 46%,#78427d 0%,#402044 52%,#0b0610 79%)!important;
}
body.casino-body .pulse-grid .node.n4{
  background:
    radial-gradient(circle at 32% 25%,#fff 0 3%,rgba(180,255,226,.76) 5%,transparent 12%),
    radial-gradient(circle at 45% 46%,#3a927d 0%,#174f4c 50%,#061312 79%)!important;
}

body.casino-body .pulse-grid .node.n5,
body.casino-body .pulse-grid .node:nth-child(6){
  background:
    radial-gradient(circle at 50% 46%,#fff 0 4%,#f1d7ff 7%,#c667ff 18%,#7528c8 37%,#34115d 59%,#080512 80%)!important;
  border:2px solid rgba(236,144,255,.80)!important;
  box-shadow:
    inset -11px -14px 22px rgba(0,0,0,.62),
    0 0 9px rgba(255,255,255,.55),
    0 0 26px rgba(211,79,255,.62),
    0 0 48px rgba(91,96,255,.30)!important;
}
body.casino-body .pulse-grid .node.n5::before,
body.casino-body .pulse-grid .node:nth-child(6)::before{
  inset:-11px!important;
  border:2px dashed rgba(215,110,255,.58)!important;
  animation:n9PlanetCoreOrbit 10s linear infinite!important;
}
@keyframes n9PlanetCoreOrbit{to{transform:rotate(360deg)}}

body.casino-body .pulse-grid .node.selected{
  transform:scale(1.08)!important;
  border-color:#f4c7ff!important;
  filter:brightness(1.16) saturate(1.18)!important;
}
body.casino-body .pulse-grid .node.selected::before{
  border-color:rgba(234,111,255,.92)!important;
  box-shadow:
    0 0 8px #fff,
    0 0 20px rgba(219,83,255,.92),
    0 0 38px rgba(107,102,255,.58)!important;
  animation:n9SelectedPlanetAtmosphere .85s ease-in-out infinite alternate!important;
}
@keyframes n9SelectedPlanetAtmosphere{to{transform:scale(1.08);opacity:.75}}

body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
  content:attr(data-order)!important;
  position:absolute!important;
  top:-12px!important;
  right:-11px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#f482ff,#734cff)!important;
  border:2px solid #fff!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  box-shadow:0 0 8px #fff,0 0 18px rgba(205,84,255,.86)!important;
  z-index:20!important;
}

body.casino-body .pulse-grid .node{
  color:#fff!important;
  -webkit-text-stroke:1.15px rgba(2,4,13,.98)!important;
  text-shadow:
    0 2px 3px #000,
    0 0 4px #000,
    0 0 8px rgba(255,255,255,.92)!important;
}

body.casino-body .cosmic-ray-grid .ray-hv path,
body.casino-body .cosmic-ray-grid .ray-diag path{
  stroke-dasharray:2.5 3.5!important;
  stroke-linecap:round!important;
  animation:n9OrbitRouteFlow 3.2s linear infinite!important;
}
body.casino-body .cosmic-ray-grid .ray-hv path{
  stroke-width:1.6!important;
  opacity:.66!important;
}
body.casino-body .cosmic-ray-grid .ray-diag path{
  stroke-width:1.15!important;
  opacity:.46!important;
}
@keyframes n9OrbitRouteFlow{to{stroke-dashoffset:-24}}

body.casino-body .route-ready .cosmic-ray-grid .ray-hv path,
body.casino-body .route-ready .cosmic-ray-grid .ray-diag path,
body.casino-body .motion-locked .cosmic-ray-grid .ray-hv path,
body.casino-body .motion-locked .cosmic-ray-grid .ray-diag path{
  opacity:1!important;
  stroke-dasharray:5 3!important;
  filter:drop-shadow(0 0 4px rgba(90,221,255,.92)) drop-shadow(0 0 8px rgba(205,79,255,.72))!important;
  animation-duration:1.3s!important;
}

body.casino-body .motion-charging .cosmic-ray-grid .ray-hv path,
body.casino-body .motion-charging .cosmic-ray-grid .ray-diag path{
  stroke-dasharray:9 2!important;
  animation-duration:.32s!important;
  opacity:1!important;
  filter:brightness(1.8) drop-shadow(0 0 5px #68e4ff) drop-shadow(0 0 11px #cf60ff)!important;
}

body.casino-body .pulse-grid .node.hit{
  background:
    radial-gradient(circle at 42% 38%,#fff 0 9%,#fff1a4 12%,#ffc654 25%,#f17847 44%,#672642 66%,#09050d 82%)!important;
  border-color:#ffe6a0!important;
  box-shadow:
    0 0 10px #fff,
    0 0 27px rgba(255,205,91,.94),
    0 0 51px rgba(255,105,69,.56)!important;
}

body.casino-body .pulse-grid .node.combo-match::before{
  border-color:#65e6ff!important;
  box-shadow:0 0 9px #fff,0 0 24px rgba(76,221,255,.82),0 0 42px rgba(79,101,255,.44)!important;
}
body.casino-body .pulse-grid .node.exact-match::before{
  border-color:#ffd36d!important;
  box-shadow:0 0 9px #fff,0 0 25px rgba(255,205,86,.96),0 0 44px rgba(255,111,64,.42)!important;
}

@media(max-width:700px){
  body.casino-body .pulse-grid .node{
    width:76%!important;
    max-width:74px!important;
    font-size:22px!important;
  }
  body.casino-body .pulse-grid{
    gap:clamp(24px,6.3vw,31px)!important;
  }
  body.casino-body .cosmic-ray-grid .ray-hv path{stroke-width:1.9!important}
  body.casino-body .cosmic-ray-grid .ray-diag path{stroke-width:1.35!important}
  body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
    width:23px!important;height:23px!important;top:-9px!important;right:-8px!important;font-size:9px!important;
  }
}
@media(max-width:390px){
  body.casino-body .pulse-grid .node{
    width:72%!important;
    max-width:65px!important;
    font-size:20px!important;
  }
}


/* =====================================================================
   N9 v0.11.0 — COSMIC PLANET NAVIGATION
   Scattered planets + dynamic route, no permanent reactor grid.
   ===================================================================== */

/* The board is now a free-form cosmic navigation field */
body.casino-body .pulse-grid{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 52% 45%,rgba(116,55,219,.10),transparent 21%),
    radial-gradient(circle at 20% 32%,rgba(0,154,255,.08),transparent 25%),
    radial-gradient(circle at 80% 70%,rgba(207,67,238,.08),transparent 24%),
    transparent!important;
}

/* Remove all permanent route/grid rails */
body.casino-body .pulse-grid::before,
body.casino-body .pulse-grid::after,
body.casino-body .cosmic-ray-grid{
  display:none!important;
}

/* Dynamic route SVG */
body.casino-body .planet-route-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:4;
  overflow:visible;
  pointer-events:none;
}
body.casino-body .planet-route-overlay .route-glow{
  fill:none;
  stroke:rgba(130,82,255,.24);
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:blur(5px);
}
body.casino-body .planet-route-overlay .route-main{
  fill:none;
  stroke:url(#n9PlanetRouteGradient);
  stroke-width:2.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:7 8;
  animation:n9PlanetRouteFlow 1.15s linear infinite;
  filter:
    drop-shadow(0 0 4px rgba(89,225,255,.94))
    drop-shadow(0 0 8px rgba(216,79,255,.70));
}
body.casino-body .planet-route-overlay .route-core{
  fill:none;
  stroke:rgba(255,255,255,.82);
  stroke-width:.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:1.4 13;
  animation:n9PlanetRouteFlow .72s linear infinite;
}
body.casino-body .planet-route-overlay .route-traveller{
  fill:#fff;
  stroke:#b767ff;
  stroke-width:2;
  filter:
    drop-shadow(0 0 5px #fff)
    drop-shadow(0 0 10px #67dcff)
    drop-shadow(0 0 14px #c95cff);
}
@keyframes n9PlanetRouteFlow{to{stroke-dashoffset:-30}}

/* Keep nodes above their route */
body.casino-body .pulse-grid .node{
  position:absolute!important;
  z-index:12!important;
  margin:0!important;
  width:clamp(62px,8.2vw,108px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  max-width:none!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  cursor:pointer!important;
}

/* Deliberately irregular planetary constellation: NOT a 3x3 grid */
body.casino-body .pulse-grid .node.n1{left:14%!important;top:22%!important;width:clamp(72px,9.5vw,122px)!important}
body.casino-body .pulse-grid .node.n2{left:43%!important;top:14%!important;width:clamp(62px,8vw,100px)!important}
body.casino-body .pulse-grid .node.n3{left:77%!important;top:24%!important;width:clamp(74px,9.1vw,118px)!important}
body.casino-body .pulse-grid .node.n4{left:24%!important;top:49%!important;width:clamp(66px,8.5vw,108px)!important}
body.casino-body .pulse-grid .node.n5{left:61%!important;top:45%!important;width:clamp(82px,10.2vw,132px)!important}
body.casino-body .pulse-grid .node.n6{left:86%!important;top:57%!important;width:clamp(58px,7.4vw,94px)!important}
body.casino-body .pulse-grid .node.n7{left:12%!important;top:76%!important;width:clamp(78px,9.8vw,126px)!important}
body.casino-body .pulse-grid .node.n8{left:44%!important;top:73%!important;width:clamp(68px,8.5vw,108px)!important}
body.casino-body .pulse-grid .node.n9{left:73%!important;top:82%!important;width:clamp(64px,8vw,102px)!important}

/* Planet visual language */
body.casino-body .pulse-grid .node{
  color:#fff!important;
  font-weight:1000!important;
  font-size:clamp(20px,2vw,30px)!important;
  -webkit-text-stroke:1.15px rgba(2,5,14,.98)!important;
  text-shadow:0 2px 4px #000,0 0 5px #000,0 0 9px rgba(255,255,255,.92)!important;
  border:1px solid rgba(194,219,255,.50)!important;
  box-shadow:
    inset -16px -18px 28px rgba(0,0,0,.72),
    inset 7px 5px 13px rgba(255,255,255,.12),
    0 0 8px rgba(255,255,255,.25),
    0 0 20px rgba(81,179,255,.23)!important;
  transition:filter .2s ease,box-shadow .2s ease!important;
}

/* planetary families */
body.casino-body .pulse-grid .node.n1{
  background:
    radial-gradient(circle at 31% 25%,#fff 0 3%,rgba(255,180,123,.82) 5%,transparent 12%),
    repeating-linear-gradient(7deg,#b95726 0 5px,#ee9a52 6px 11px,#783516 12px 16px)!important;
}
body.casino-body .pulse-grid .node.n2{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(190,245,255,.9) 5%,transparent 11%),
    radial-gradient(circle at 47% 44%,#1da8d0 0%,#12568a 47%,#071a38 76%)!important;
}
body.casino-body .pulse-grid .node.n3{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(250,199,255,.85) 5%,transparent 11%),
    radial-gradient(circle at 48% 45%,#ac47b9 0%,#5a2369 48%,#16091e 78%)!important;
}
body.casino-body .pulse-grid .node.n4{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(189,255,224,.84) 5%,transparent 11%),
    radial-gradient(circle at 50% 43%,#51a783 0%,#1d635d 46%,#071b1b 78%)!important;
}
body.casino-body .pulse-grid .node.n5{
  background:
    radial-gradient(circle at 47% 43%,#fff 0 5%,#efceff 8%,#c65cff 19%,#7129c4 39%,#321056 61%,#080412 82%)!important;
  border:2px solid rgba(238,145,255,.82)!important;
  box-shadow:
    inset -14px -17px 26px rgba(0,0,0,.60),
    0 0 10px rgba(255,255,255,.55),
    0 0 28px rgba(210,79,255,.65),
    0 0 52px rgba(93,94,255,.30)!important;
}
body.casino-body .pulse-grid .node.n6{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(255,229,178,.85) 5%,transparent 11%),
    radial-gradient(circle at 50% 44%,#b69354 0%,#5d492b 48%,#17120a 78%)!important;
}
body.casino-body .pulse-grid .node.n7{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(255,235,192,.88) 5%,transparent 11%),
    repeating-linear-gradient(4deg,#caa46a 0 5px,#6e4427 6px 11px,#dbc192 12px 15px)!important;
}
body.casino-body .pulse-grid .node.n8{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(196,235,255,.88) 5%,transparent 11%),
    radial-gradient(circle at 50% 44%,#5ca7d6 0%,#285184 47%,#0a142a 78%)!important;
}
body.casino-body .pulse-grid .node.n9{
  background:
    radial-gradient(circle at 30% 25%,#fff 0 3%,rgba(223,202,255,.88) 5%,transparent 11%),
    radial-gradient(circle at 50% 44%,#6653aa 0%,#31275c 47%,#0a0817 78%)!important;
}

/* Atmosphere ring */
body.casino-body .pulse-grid .node::before{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border-radius:50%!important;
  border:1.6px solid rgba(98,208,255,.42)!important;
  background:transparent!important;
  box-shadow:
    0 0 8px rgba(76,207,255,.32),
    0 0 18px rgba(127,75,255,.18)!important;
  pointer-events:none!important;
}

/* Saturn-like ring on 6 and 8 */
body.casino-body .pulse-grid .node.n6::before,
body.casino-body .pulse-grid .node.n8::before{
  inset:31% -22%!important;
  border:2px solid rgba(218,233,255,.38)!important;
  border-radius:50%!important;
  transform:rotate(-19deg)!important;
  box-shadow:0 0 8px rgba(144,210,255,.18)!important;
}

/* center energy world has orbit shell */
body.casino-body .pulse-grid .node.n5::before{
  inset:-12px!important;
  border:2px dashed rgba(213,109,255,.64)!important;
  animation:n9NavCoreOrbit 9s linear infinite!important;
}
@keyframes n9NavCoreOrbit{to{transform:rotate(360deg)}}

/* Selection = visited/navigation planet */
body.casino-body .pulse-grid .node.selected{
  filter:brightness(1.18) saturate(1.15)!important;
  border-color:#f4c8ff!important;
  box-shadow:
    inset -12px -15px 25px rgba(0,0,0,.58),
    0 0 8px #fff,
    0 0 22px rgba(223,84,255,.88),
    0 0 42px rgba(92,118,255,.45)!important;
}
body.casino-body .pulse-grid .node.selected::before{
  border-color:rgba(237,123,255,.90)!important;
  animation:n9NavPlanetPulse .85s ease-in-out infinite alternate!important;
}
@keyframes n9NavPlanetPulse{to{opacity:.62;transform:scale(1.07)}}

/* Route order becomes a waypoint badge */
body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
  content:attr(data-order)!important;
  position:absolute!important;
  top:-11px!important;
  right:-10px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  background:linear-gradient(180deg,#f47cff,#684bff)!important;
  border:2px solid #fff!important;
  box-shadow:0 0 8px #fff,0 0 17px rgba(206,81,255,.88)!important;
  z-index:20!important;
}

/* Result state = star ignition */
body.casino-body .pulse-grid .node.hit{
  background:
    radial-gradient(circle at 44% 39%,#fff 0 8%,#fff0a7 11%,#ffc750 25%,#ef7440 44%,#65243d 67%,#09050c 83%)!important;
  border-color:#ffe5a0!important;
  box-shadow:0 0 10px #fff,0 0 28px rgba(255,204,86,.92),0 0 52px rgba(255,101,66,.54)!important;
}

/* Match/Exact halos */
body.casino-body .pulse-grid .node.combo-match::before{
  border-color:#66e7ff!important;
  box-shadow:0 0 9px #fff,0 0 25px rgba(74,220,255,.82),0 0 43px rgba(84,105,255,.46)!important;
}
body.casino-body .pulse-grid .node.exact-match::before{
  border-color:#ffd36b!important;
  box-shadow:0 0 9px #fff,0 0 25px rgba(255,206,83,.96),0 0 44px rgba(255,110,62,.42)!important;
}

/* mobile planetary constellation */
@media(max-width:700px){
  body.casino-body .reactor-stage{
    aspect-ratio:1/1.18!important;
  }
  body.casino-body .pulse-grid .node{
    width:58px!important;
    font-size:18px!important;
  }
  body.casino-body .pulse-grid .node.n1{left:15%!important;top:18%!important;width:64px!important}
  body.casino-body .pulse-grid .node.n2{left:48%!important;top:12%!important;width:55px!important}
  body.casino-body .pulse-grid .node.n3{left:82%!important;top:22%!important;width:62px!important}
  body.casino-body .pulse-grid .node.n4{left:24%!important;top:45%!important;width:58px!important}
  body.casino-body .pulse-grid .node.n5{left:63%!important;top:42%!important;width:70px!important}
  body.casino-body .pulse-grid .node.n6{left:87%!important;top:58%!important;width:52px!important}
  body.casino-body .pulse-grid .node.n7{left:13%!important;top:76%!important;width:66px!important}
  body.casino-body .pulse-grid .node.n8{left:45%!important;top:70%!important;width:57px!important}
  body.casino-body .pulse-grid .node.n9{left:73%!important;top:84%!important;width:55px!important}
  body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
    width:22px!important;height:22px!important;top:-8px!important;right:-7px!important;font-size:9px!important;
  }
}

@media(max-width:390px){
  body.casino-body .pulse-grid .node{font-size:16px!important}
  body.casino-body .pulse-grid .node.n1{width:58px!important}
  body.casino-body .pulse-grid .node.n2{width:50px!important}
  body.casino-body .pulse-grid .node.n3{width:56px!important}
  body.casino-body .pulse-grid .node.n4{width:52px!important}
  body.casino-body .pulse-grid .node.n5{width:63px!important}
  body.casino-body .pulse-grid .node.n6{width:48px!important}
  body.casino-body .pulse-grid .node.n7{width:59px!important}
  body.casino-body .pulse-grid .node.n8{width:51px!important}
  body.casino-body .pulse-grid .node.n9{width:50px!important}
}

/* performance mode */
.fx-lite .planet-route-overlay .route-glow{display:none!important}
.fx-lite .planet-route-overlay .route-main,
.fx-lite .planet-route-overlay .route-core{animation-duration:2.2s!important}


/* =====================================================================
   N9 v0.11.3 — REAL PLANETS + ANIMATED COSMOS
   Based directly on v0.11.0 Planet Navigation.
   Keeps gameplay/layout intact; upgrades only the planetary playfield.
   ===================================================================== */

/* ---------- richer cosmic sky inside the actual playfield ---------- */
body.casino-body .reactor-stage{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 14% 24%,rgba(131,49,224,.20) 0%,transparent 31%),
    radial-gradient(ellipse at 82% 22%,rgba(227,63,189,.14) 0%,transparent 28%),
    radial-gradient(ellipse at 24% 82%,rgba(26,119,231,.17) 0%,transparent 34%),
    radial-gradient(ellipse at 78% 78%,rgba(65,48,190,.16) 0%,transparent 31%),
    radial-gradient(circle at 52% 48%,rgba(11,15,42,.72) 0%,rgba(2,5,18,.94) 72%)!important;
}

/* animated gaseous nebula layer */
body.casino-body .reactor-stage .n9-motion-aurora{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:-30%!important;
  pointer-events:none!important;
  opacity:.68!important;
  background:
    radial-gradient(ellipse at 33% 40%,rgba(164,63,255,.24) 0%,transparent 30%),
    radial-gradient(ellipse at 69% 35%,rgba(47,167,255,.18) 0%,transparent 31%),
    radial-gradient(ellipse at 56% 67%,rgba(235,68,179,.17) 0%,transparent 32%),
    radial-gradient(ellipse at 30% 72%,rgba(30,109,255,.15) 0%,transparent 29%)!important;
  filter:blur(34px)!important;
  mix-blend-mode:screen!important;
  animation:n9CloudDriftA 24s ease-in-out infinite alternate!important;
}
@keyframes n9CloudDriftA{
  0%{transform:translate3d(-2%,-1%,0) scale(1) rotate(-2deg)}
  50%{transform:translate3d(3%,-3%,0) scale(1.08) rotate(2deg)}
  100%{transform:translate3d(-1%,4%,0) scale(1.03) rotate(-1deg)}
}

/* second drifting cloud sheet */
body.casino-body .reactor-stage .n9-energy-sweep{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:-20%!important;
  pointer-events:none!important;
  opacity:.52!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from 20deg at 50% 50%,
      transparent 0 10%,
      rgba(88,79,255,.12) 15%,
      transparent 23% 38%,
      rgba(220,64,255,.11) 44%,
      transparent 52% 65%,
      rgba(43,179,255,.10) 72%,
      transparent 82% 100%
    )!important;
  filter:blur(25px)!important;
  mix-blend-mode:screen!important;
  animation:n9CloudDriftB 34s linear infinite!important;
}
body.casino-body .reactor-stage .n9-energy-sweep::before{display:none!important}
@keyframes n9CloudDriftB{to{transform:rotate(360deg) scale(1.06)}}

/* denser star field */
body.casino-body .reactor-stage::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.86!important;
  border-radius:inherit!important;
  background-image:
    radial-gradient(1px 1px at 8% 12%,#fff 100%,transparent),
    radial-gradient(1.4px 1.4px at 19% 42%,#c7ebff 100%,transparent),
    radial-gradient(1px 1px at 31% 17%,#ffe3c7 100%,transparent),
    radial-gradient(1.6px 1.6px at 43% 69%,#fff 100%,transparent),
    radial-gradient(1px 1px at 57% 23%,#dfcaff 100%,transparent),
    radial-gradient(1.5px 1.5px at 67% 73%,#b8e8ff 100%,transparent),
    radial-gradient(1px 1px at 78% 31%,#ffd3ef 100%,transparent),
    radial-gradient(1.7px 1.7px at 88% 67%,#fff 100%,transparent),
    radial-gradient(1px 1px at 94% 16%,#d7edff 100%,transparent)!important;
  background-size:
    83px 83px,127px 127px,171px 171px,213px 213px,257px 257px,
    301px 301px,347px 347px,397px 397px,449px 449px!important;
  animation:n9StarTwinkle 5.5s ease-in-out infinite alternate!important;
}
@keyframes n9StarTwinkle{from{opacity:.58}to{opacity:.92}}

/* planets stay above clouds/stars and route */
body.casino-body .pulse-grid{z-index:5!important}
body.casino-body .planet-route-overlay{z-index:6!important}
body.casino-body .pulse-grid .node{z-index:12!important}

/* ---------- stable transform system: fixes weird hover/jumping ---------- */
body.casino-body .pulse-grid .node,
body.casino-body .pulse-grid .node:hover,
body.casino-body .pulse-grid .node.selected,
body.casino-body .pulse-grid .node.hit{
  transform-origin:center center!important;
}
body.casino-body .pulse-grid .node{
  transform:translate(-50%,-50%) scale(1)!important;
  animation:none!important;
  transition:filter .22s ease,box-shadow .22s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body.casino-body .pulse-grid .node:hover{
    transform:translate(-50%,-50%) scale(1.035)!important;
    filter:brightness(1.08) saturate(1.08)!important;
  }
}
body.casino-body .pulse-grid .node.selected{
  transform:translate(-50%,-50%) scale(1.07)!important;
}
body.casino-body .pulse-grid .node.hit{
  transform:translate(-50%,-50%) scale(1.08)!important;
}

/* ---------- real-looking planet sphere system ---------- */
body.casino-body .pulse-grid .node{
  position:absolute!important;
  overflow:visible!important;
  border:none!important;
  border-radius:50%!important;
  color:#fff!important;
  font-weight:1000!important;
  -webkit-text-stroke:1.1px rgba(3,5,14,.98)!important;
  text-shadow:0 2px 4px #000,0 0 4px #000,0 0 8px rgba(255,255,255,.76)!important;
  box-shadow:
    inset -22px -20px 34px rgba(0,0,0,.78),
    inset 8px 6px 15px rgba(255,255,255,.08),
    0 0 4px rgba(255,255,255,.18),
    0 0 14px rgba(70,139,235,.12)!important;
}

/* atmosphere + moving day/night terminator */
body.casino-body .pulse-grid .node::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    radial-gradient(circle at 29% 24%,rgba(255,255,255,.82) 0 2%,rgba(255,255,255,.22) 4%,transparent 10%),
    linear-gradient(115deg,rgba(255,255,255,.11) 0%,transparent 37%,rgba(0,0,0,.15) 61%,rgba(0,0,0,.48) 100%)!important;
  border:1px solid rgba(193,219,255,.22)!important;
  box-shadow:inset -10px -12px 20px rgba(0,0,0,.28)!important;
}

/* moving surface texture layer */
body.casino-body .pulse-grid .node .planet-surface{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:50%;
  pointer-events:none;
  opacity:.92;
  background-size:180% 100%;
  animation:n9PlanetRotate 18s linear infinite;
  mix-blend-mode:soft-light;
}
body.casino-body .pulse-grid .node.n2 .planet-surface,
body.casino-body .pulse-grid .node.n4 .planet-surface,
body.casino-body .pulse-grid .node.n9 .planet-surface{animation-duration:23s}
body.casino-body .pulse-grid .node.n5 .planet-surface{animation-duration:12s}
body.casino-body .pulse-grid .node.n6 .planet-surface{animation-duration:30s}
body.casino-body .pulse-grid .node.n8 .planet-surface{animation-duration:27s}
@keyframes n9PlanetRotate{
  from{background-position:0% 50%}
  to{background-position:180% 50%}
}

/* 1 — Jupiter gas giant */
body.casino-body .pulse-grid .node.n1{
  background:
    radial-gradient(ellipse at 60% 64%,rgba(138,51,18,.76) 0 5%,transparent 7%),
    repeating-linear-gradient(
      2deg,
      #33200f 0 7px,
      #6e3819 8px 14px,
      #bd753a 15px 23px,
      #e0b372 24px 30px,
      #7c421d 31px 38px,
      #d39a55 39px 45px
    )!important;
}
body.casino-body .pulse-grid .node.n1 .planet-surface{
  background:
    repeating-linear-gradient(3deg,transparent 0 9px,rgba(255,235,199,.22) 10px 14px,transparent 15px 25px),
    radial-gradient(ellipse at 65% 62%,rgba(129,43,16,.85) 0 7%,transparent 9%)!important;
}

/* 2 — blue Earth-like */
body.casino-body .pulse-grid .node.n2{
  background:radial-gradient(circle at 47% 46%,#2e9fd0 0%,#155c93 46%,#081b3a 77%)!important;
}
body.casino-body .pulse-grid .node.n2 .planet-surface{
  background:
    radial-gradient(ellipse at 18% 48%,rgba(76,147,80,.86) 0 8%,transparent 9%),
    radial-gradient(ellipse at 49% 34%,rgba(79,150,83,.78) 0 7%,transparent 9%),
    radial-gradient(ellipse at 76% 61%,rgba(58,129,73,.82) 0 9%,transparent 10%)!important;
}

/* 3 — purple storm planet */
body.casino-body .pulse-grid .node.n3{
  background:radial-gradient(circle at 47% 47%,#9d379f 0%,#55205e 48%,#16091c 79%)!important;
}
body.casino-body .pulse-grid .node.n3 .planet-surface{
  background:
    repeating-radial-gradient(circle at 38% 45%,transparent 0 7px,rgba(249,124,255,.19) 8px 10px,transparent 11px 18px),
    repeating-linear-gradient(55deg,transparent 0 17px,rgba(255,116,243,.11) 18px 20px,transparent 21px 36px)!important;
}

/* 4 — teal ocean planet */
body.casino-body .pulse-grid .node.n4{
  background:radial-gradient(circle at 49% 46%,#238fa1 0%,#174f59 48%,#07171a 79%)!important;
}
body.casino-body .pulse-grid .node.n4 .planet-surface{
  background:
    radial-gradient(ellipse at 18% 46%,rgba(77,157,95,.82) 0 8%,transparent 9%),
    radial-gradient(ellipse at 53% 60%,rgba(61,131,82,.76) 0 9%,transparent 10%),
    radial-gradient(ellipse at 80% 34%,rgba(82,153,102,.72) 0 7%,transparent 9%)!important;
}

/* 5 — molten volcanic world */
body.casino-body .pulse-grid .node.n5{
  background:radial-gradient(circle at 49% 47%,#f46322 0%,#9b2818 36%,#48141c 59%,#0d0710 82%)!important;
  box-shadow:
    inset -20px -18px 30px rgba(0,0,0,.66),
    0 0 8px rgba(255,215,159,.44),
    0 0 24px rgba(255,103,44,.42),
    0 0 40px rgba(197,73,255,.18)!important;
}
body.casino-body .pulse-grid .node.n5 .planet-surface{
  background:
    repeating-linear-gradient(73deg,transparent 0 18px,rgba(255,177,52,.45) 19px 21px,transparent 22px 37px),
    repeating-linear-gradient(9deg,transparent 0 23px,rgba(255,81,26,.40) 24px 26px,transparent 27px 42px)!important;
}

/* 6 — Saturn */
body.casino-body .pulse-grid .node.n6{
  background:
    repeating-linear-gradient(
      3deg,
      #34261a 0 6px,
      #806547 7px 13px,
      #c1a371 14px 20px,
      #5a442e 21px 28px
    )!important;
}
body.casino-body .pulse-grid .node.n6 .planet-surface{
  background:repeating-linear-gradient(4deg,transparent 0 8px,rgba(255,244,207,.20) 9px 12px,transparent 13px 23px)!important;
}

/* 7 — Mars */
body.casino-body .pulse-grid .node.n7{
  background:radial-gradient(circle at 48% 47%,#bb4c28 0%,#6d2b1e 49%,#1c0b0b 79%)!important;
}
body.casino-body .pulse-grid .node.n7 .planet-surface{
  background:
    radial-gradient(circle at 18% 32%,rgba(85,25,15,.72) 0 8%,transparent 9%),
    radial-gradient(circle at 59% 62%,rgba(88,28,17,.64) 0 7%,transparent 9%),
    radial-gradient(circle at 83% 37%,rgba(211,102,52,.28) 0 9%,transparent 10%)!important;
}

/* 8 — moon / ice world */
body.casino-body .pulse-grid .node.n8{
  background:radial-gradient(circle at 49% 46%,#8799ad 0%,#46566a 48%,#111722 79%)!important;
}
body.casino-body .pulse-grid .node.n8 .planet-surface{
  background:
    radial-gradient(circle at 20% 28%,rgba(40,48,60,.55) 0 7%,transparent 9%),
    radial-gradient(circle at 58% 61%,rgba(35,43,54,.48) 0 8%,transparent 10%),
    radial-gradient(circle at 78% 36%,rgba(255,255,255,.10) 0 8%,transparent 10%)!important;
}

/* 9 — Earth-like dark blue */
body.casino-body .pulse-grid .node.n9{
  background:radial-gradient(circle at 48% 46%,#1c74a8 0%,#123f6b 48%,#07101d 79%)!important;
}
body.casino-body .pulse-grid .node.n9 .planet-surface{
  background:
    radial-gradient(ellipse at 22% 43%,rgba(62,137,75,.82) 0 7%,transparent 9%),
    radial-gradient(ellipse at 52% 34%,rgba(78,151,82,.72) 0 7%,transparent 9%),
    radial-gradient(ellipse at 75% 65%,rgba(55,128,69,.76) 0 8%,transparent 10%)!important;
}

/* ---------- proper rings, separate from route-order badge ---------- */
body.casino-body .pulse-grid .node .planet-ring{
  display:none;
  position:absolute;
  z-index:0;
  left:-38%;
  top:34%;
  width:176%;
  height:31%;
  border:3px solid rgba(224,196,147,.56);
  border-radius:50%;
  transform:rotate(-18deg);
  pointer-events:none;
  box-shadow:0 0 7px rgba(255,230,191,.13);
}
body.casino-body .pulse-grid .node.n6 .planet-ring{display:block}
body.casino-body .pulse-grid .node.n8 .planet-ring{
  display:block;
  left:-31%;
  top:39%;
  width:162%;
  height:24%;
  border-width:2px;
  border-color:rgba(196,218,241,.28);
  transform:rotate(16deg);
}

/* selected planet: atmospheric halo only, no deformation */
body.casino-body .pulse-grid .node.selected{
  box-shadow:
    inset -20px -18px 31px rgba(0,0,0,.64),
    0 0 7px #fff,
    0 0 20px rgba(75,212,255,.55),
    0 0 34px rgba(203,80,255,.34)!important;
}
body.casino-body .pulse-grid .node.selected::before{
  border:2px solid rgba(94,221,255,.76)!important;
  box-shadow:0 0 8px rgba(255,255,255,.60),0 0 18px rgba(77,211,255,.55),0 0 30px rgba(203,79,255,.28)!important;
}

/* route-order badge stays distinct */
body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
  content:attr(data-order)!important;
  position:absolute!important;
  top:-10px!important;
  right:-9px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  z-index:30!important;
  border-radius:50%!important;
  background:rgba(5,10,24,.96)!important;
  border:2px solid rgba(129,220,255,.88)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  box-shadow:0 0 7px rgba(255,255,255,.65),0 0 17px rgba(76,201,255,.48),0 0 23px rgba(199,77,255,.25)!important;
}

/* result = brief stellar ignition */
body.casino-body .pulse-grid .node.hit{
  background:radial-gradient(circle at 44% 39%,#fff 0 8%,#fff0a5 11%,#ffc650 25%,#ed723f 44%,#65233d 67%,#09050c 83%)!important;
  box-shadow:0 0 10px #fff,0 0 27px rgba(255,205,86,.90),0 0 50px rgba(255,102,67,.50)!important;
}

/* ---------- mobile: same planets, slower/lighter effects ---------- */
@media(max-width:700px){
  body.casino-body .reactor-stage .n9-motion-aurora{
    opacity:.55!important;
    filter:blur(22px)!important;
    animation-duration:32s!important;
  }
  body.casino-body .reactor-stage .n9-energy-sweep{
    opacity:.36!important;
    filter:blur(18px)!important;
    animation-duration:44s!important;
  }
  body.casino-body .pulse-grid .node .planet-surface{
    animation-duration:28s!important;
  }
  body.casino-body .pulse-grid .node.n5 .planet-surface{
    animation-duration:18s!important;
  }
  body.casino-body .pulse-grid .node:hover{
    transform:translate(-50%,-50%) scale(1)!important;
  }
  body.casino-body .pulse-grid .node.selected{
    transform:translate(-50%,-50%) scale(1.055)!important;
  }
}

/* low-FX mode keeps realistic static planet textures */
.fx-lite .reactor-stage .n9-motion-aurora,
.fx-lite .reactor-stage .n9-energy-sweep,
.fx-lite .pulse-grid .node .planet-surface{
  animation:none!important;
}


/* =====================================================================
   N9 v0.11.4 — CORRECTIONS TO v0.11.3
   No layout redesign. Planet/cosmos corrections only.
   ===================================================================== */

/* 1) REMOVE THE SQUARE / RECTANGLE BEHIND PLANET 1
   The artifact came from an inherited decorative layer clipping around n1.
   Force all helper/pseudo layers for n1 to be circular/transparent. */
body.casino-body .pulse-grid .node.n1{
  overflow:visible!important;
  clip-path:none!important;
  isolation:isolate!important;
}
body.casino-body .pulse-grid .node.n1::before{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  background:
    radial-gradient(circle at 29% 24%,rgba(255,255,255,.82) 0 2%,rgba(255,255,255,.22) 4%,transparent 10%),
    linear-gradient(115deg,rgba(255,255,255,.11) 0%,transparent 37%,rgba(0,0,0,.15) 61%,rgba(0,0,0,.48) 100%)!important;
}
body.casino-body .pulse-grid .node.n1 > .planet-surface{
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
}
body.casino-body .pulse-grid .node.n1 > *{
  box-sizing:border-box!important;
}

/* 2) PLANETS MUST NEVER MOVE ON MOUSE OVER
   Remove transform/position changes on hover completely. */
body.casino-body .pulse-grid .node,
body.casino-body .pulse-grid .node:hover,
body.casino-body .pulse-grid .node:focus,
body.casino-body .pulse-grid .node:active{
  transform:translate(-50%,-50%) scale(1)!important;
  transition:filter .18s ease,box-shadow .18s ease!important;
}
body.casino-body .pulse-grid .node:hover{
  filter:brightness(1.07) saturate(1.05)!important;
}
body.casino-body .pulse-grid .node.selected{
  transform:translate(-50%,-50%) scale(1.055)!important;
}
body.casino-body .pulse-grid .node.hit{
  transform:translate(-50%,-50%) scale(1.06)!important;
}

/* 3) ALL PLANETS GET ORBIT RINGS
   Ring is a child element, so it never conflicts with route order badges. */
body.casino-body .pulse-grid .node .planet-ring{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:-28%!important;
  top:37%!important;
  width:156%!important;
  height:25%!important;
  border:2px solid rgba(198,218,244,.26)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:
    0 0 4px rgba(205,228,255,.13),
    inset 0 0 3px rgba(255,255,255,.08)!important;
  pointer-events:none!important;
  transform:rotate(-14deg)!important;
  animation:n9RingOrbit 22s linear infinite!important;
}

/* Give each planet a slightly different orbital plane */
body.casino-body .pulse-grid .node.n1 .planet-ring{transform:rotate(-12deg)!important;border-color:rgba(224,195,144,.34)!important}
body.casino-body .pulse-grid .node.n2 .planet-ring{transform:rotate(17deg)!important;border-color:rgba(148,211,255,.28)!important}
body.casino-body .pulse-grid .node.n3 .planet-ring{transform:rotate(-22deg)!important;border-color:rgba(230,142,255,.32)!important}
body.casino-body .pulse-grid .node.n4 .planet-ring{transform:rotate(11deg)!important;border-color:rgba(128,227,210,.27)!important}
body.casino-body .pulse-grid .node.n5 .planet-ring{transform:rotate(-8deg)!important;border-color:rgba(255,128,80,.33)!important}
body.casino-body .pulse-grid .node.n6 .planet-ring{
  left:-38%!important;top:34%!important;width:176%!important;height:31%!important;
  transform:rotate(-18deg)!important;border-width:3px!important;border-color:rgba(224,196,147,.58)!important;
}
body.casino-body .pulse-grid .node.n7 .planet-ring{transform:rotate(19deg)!important;border-color:rgba(230,139,99,.27)!important}
body.casino-body .pulse-grid .node.n8 .planet-ring{
  left:-31%!important;top:39%!important;width:162%!important;height:24%!important;
  transform:rotate(16deg)!important;border-color:rgba(196,218,241,.30)!important;
}
body.casino-body .pulse-grid .node.n9 .planet-ring{transform:rotate(-20deg)!important;border-color:rgba(125,195,255,.27)!important}

@keyframes n9RingOrbit{
  0%{opacity:.55}
  50%{opacity:.86}
  100%{opacity:.55}
}

/* 4) PLANET ROTATION — keep the sphere fixed, move only the surface texture */
body.casino-body .pulse-grid .node .planet-surface{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.94!important;
  background-size:200% 100%!important;
  animation:n9PlanetSurfaceRotate 20s linear infinite!important;
}
body.casino-body .pulse-grid .node.n1 .planet-surface{animation-duration:17s!important}
body.casino-body .pulse-grid .node.n2 .planet-surface{animation-duration:25s!important}
body.casino-body .pulse-grid .node.n3 .planet-surface{animation-duration:21s!important}
body.casino-body .pulse-grid .node.n4 .planet-surface{animation-duration:24s!important}
body.casino-body .pulse-grid .node.n5 .planet-surface{animation-duration:13s!important}
body.casino-body .pulse-grid .node.n6 .planet-surface{animation-duration:29s!important}
body.casino-body .pulse-grid .node.n7 .planet-surface{animation-duration:22s!important}
body.casino-body .pulse-grid .node.n8 .planet-surface{animation-duration:28s!important}
body.casino-body .pulse-grid .node.n9 .planet-surface{animation-duration:24s!important}

@keyframes n9PlanetSurfaceRotate{
  from{background-position:0% 50%}
  to{background-position:200% 50%}
}

/* 5) MORE NATURAL COSMIC CLOUDS
   Layered, diffuse gas rather than simple glowing blobs. */
body.casino-body .reactor-stage{
  background:
    radial-gradient(ellipse at 8% 18%,rgba(106,49,191,.16) 0%,rgba(79,31,140,.07) 24%,transparent 44%),
    radial-gradient(ellipse at 86% 20%,rgba(187,56,184,.14) 0%,rgba(113,33,153,.06) 23%,transparent 43%),
    radial-gradient(ellipse at 20% 84%,rgba(26,101,196,.17) 0%,rgba(22,66,142,.06) 25%,transparent 46%),
    radial-gradient(ellipse at 82% 78%,rgba(76,43,170,.15) 0%,rgba(44,28,112,.06) 23%,transparent 43%),
    radial-gradient(ellipse at 50% 50%,rgba(67,31,118,.10) 0%,transparent 36%),
    radial-gradient(circle at 50% 50%,rgba(8,13,37,.72) 0%,rgba(2,5,17,.95) 72%)!important;
}

body.casino-body .reactor-stage .n9-motion-aurora{
  display:block!important;
  inset:-32%!important;
  opacity:.72!important;
  background:
    radial-gradient(ellipse at 28% 36%,rgba(104,62,221,.20) 0%,transparent 28%),
    radial-gradient(ellipse at 72% 30%,rgba(211,69,180,.17) 0%,transparent 27%),
    radial-gradient(ellipse at 58% 70%,rgba(54,115,226,.16) 0%,transparent 30%),
    radial-gradient(ellipse at 34% 73%,rgba(88,58,192,.14) 0%,transparent 28%)!important;
  filter:blur(42px)!important;
  mix-blend-mode:screen!important;
  animation:n9NaturalCloudA 30s ease-in-out infinite alternate!important;
}
@keyframes n9NaturalCloudA{
  0%{transform:translate3d(-3%,-2%,0) scale(1.00) rotate(-2deg)}
  50%{transform:translate3d(2%,-4%,0) scale(1.08) rotate(1deg)}
  100%{transform:translate3d(-1%,4%,0) scale(1.03) rotate(-1deg)}
}

body.casino-body .reactor-stage .n9-energy-sweep{
  display:block!important;
  inset:-26%!important;
  opacity:.46!important;
  background:
    conic-gradient(
      from 16deg at 50% 48%,
      transparent 0 7%,
      rgba(50,132,230,.10) 12%,
      transparent 20% 31%,
      rgba(184,65,206,.10) 36%,
      transparent 44% 58%,
      rgba(68,66,190,.09) 64%,
      transparent 72% 84%,
      rgba(205,77,168,.08) 90%,
      transparent 96% 100%
    )!important;
  filter:blur(34px)!important;
  mix-blend-mode:screen!important;
  border-radius:50%!important;
  animation:n9NaturalCloudB 52s linear infinite!important;
}
body.casino-body .reactor-stage .n9-energy-sweep::before{display:none!important}
@keyframes n9NaturalCloudB{to{transform:rotate(360deg) scale(1.04)}}

/* Add dim cloud wisps to break up the radial-gradient look */
body.casino-body .pulse-grid::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-8%!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.27!important;
  background:
    linear-gradient(122deg,transparent 0 24%,rgba(94,62,173,.12) 34%,transparent 44% 59%,rgba(45,121,203,.10) 68%,transparent 79%),
    linear-gradient(31deg,transparent 0 30%,rgba(183,65,166,.08) 41%,transparent 52%)!important;
  filter:blur(20px)!important;
  animation:n9Wisps 36s ease-in-out infinite alternate!important;
}
@keyframes n9Wisps{
  from{transform:translateX(-3%) translateY(1%)}
  to{transform:translateX(4%) translateY(-2%)}
}

/* 6) NO RTP IN UI */
body.casino-body [id*="rtp" i],
body.casino-body [class*="rtp" i],
body.casino-body [data-label="RTP"],
body.casino-body [aria-label="RTP"]{
  display:none!important;
}

/* 7) MOBILE — same correction, less expensive motion */
@media(max-width:700px){
  body.casino-body .pulse-grid .node,
  body.casino-body .pulse-grid .node:hover,
  body.casino-body .pulse-grid .node:focus,
  body.casino-body .pulse-grid .node:active{
    transform:translate(-50%,-50%) scale(1)!important;
  }
  body.casino-body .pulse-grid .node.selected{
    transform:translate(-50%,-50%) scale(1.05)!important;
  }
  body.casino-body .pulse-grid .node .planet-surface{
    animation-duration:30s!important;
  }
  body.casino-body .reactor-stage .n9-motion-aurora{
    filter:blur(26px)!important;
    animation-duration:40s!important;
  }
  body.casino-body .reactor-stage .n9-energy-sweep{
    filter:blur(24px)!important;
    animation-duration:60s!important;
    opacity:.34!important;
  }
}

/* reduced motion / low FX */
.fx-lite .pulse-grid .node .planet-surface,
.fx-lite .pulse-grid .node .planet-ring,
.fx-lite .reactor-stage .n9-motion-aurora,
.fx-lite .reactor-stage .n9-energy-sweep,
.fx-lite .pulse-grid::before{
  animation:none!important;
}


/* =====================================================================
   N9 v0.11.5 — FULL COSMIC FIELD
   Based directly on v0.11.4. No layout redesign.
   ===================================================================== */

/* ---------------------------------------------------------------------
   ONE CONTINUOUS COSMIC FIELD BEHIND ALL 9 PLANETS
   --------------------------------------------------------------------- */
body.casino-body .reactor-stage{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 16% 20%,rgba(109,44,181,.18) 0%,rgba(80,28,132,.08) 25%,transparent 46%),
    radial-gradient(ellipse at 84% 22%,rgba(187,56,184,.16) 0%,rgba(113,33,153,.07) 24%,transparent 45%),
    radial-gradient(ellipse at 20% 82%,rgba(30,106,205,.18) 0%,rgba(22,66,142,.07) 26%,transparent 48%),
    radial-gradient(ellipse at 80% 78%,rgba(74,42,166,.16) 0%,rgba(44,28,112,.07) 24%,transparent 45%),
    radial-gradient(ellipse at 52% 48%,rgba(95,44,149,.11) 0%,transparent 38%),
    radial-gradient(circle at 50% 50%,rgba(8,13,37,.74) 0%,rgba(2,5,17,.96) 74%)!important;
}

/* Fill the WHOLE play area with stars.
   This deliberately uses the idea of the former planet-1 square,
   but stretches it cleanly behind every planet. */
body.casino-body .pulse-grid::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  opacity:.92!important;
  background-image:
    radial-gradient(1px 1px at 5% 9%,#ffffff 100%,transparent),
    radial-gradient(1.4px 1.4px at 12% 28%,#bfe9ff 100%,transparent),
    radial-gradient(1px 1px at 21% 61%,#ffffff 100%,transparent),
    radial-gradient(1.3px 1.3px at 29% 18%,#ffe0c2 100%,transparent),
    radial-gradient(1px 1px at 37% 46%,#d8c8ff 100%,transparent),
    radial-gradient(1.7px 1.7px at 46% 77%,#ffffff 100%,transparent),
    radial-gradient(1px 1px at 55% 24%,#c9eaff 100%,transparent),
    radial-gradient(1.5px 1.5px at 63% 59%,#ffd5ef 100%,transparent),
    radial-gradient(1px 1px at 72% 13%,#ffffff 100%,transparent),
    radial-gradient(1.7px 1.7px at 80% 44%,#cfe9ff 100%,transparent),
    radial-gradient(1px 1px at 89% 69%,#ffffff 100%,transparent),
    radial-gradient(1.4px 1.4px at 96% 22%,#dfd2ff 100%,transparent)!important;
  background-size:
    79px 79px,
    113px 113px,
    151px 151px,
    191px 191px,
    229px 229px,
    269px 269px,
    311px 311px,
    353px 353px,
    397px 397px,
    443px 443px,
    491px 491px,
    541px 541px!important;
  animation:n9FullFieldTwinkle 6s ease-in-out infinite alternate!important;
}
@keyframes n9FullFieldTwinkle{
  from{opacity:.58}
  to{opacity:.96}
}

/* Large soft nebula/cloud sheet over the entire field */
body.casino-body .pulse-grid::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-12%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.48!important;
  background:
    radial-gradient(ellipse at 18% 32%,rgba(123,60,207,.22) 0%,transparent 30%),
    radial-gradient(ellipse at 72% 25%,rgba(200,65,187,.17) 0%,transparent 28%),
    radial-gradient(ellipse at 66% 72%,rgba(46,115,220,.17) 0%,transparent 31%),
    radial-gradient(ellipse at 28% 76%,rgba(74,55,176,.15) 0%,transparent 29%),
    linear-gradient(120deg,
      transparent 0 22%,
      rgba(95,61,178,.08) 31%,
      transparent 41% 58%,
      rgba(44,119,202,.07) 68%,
      transparent 78%)!important;
  filter:blur(28px)!important;
  mix-blend-mode:screen!important;
  animation:n9FullFieldCloudDrift 34s ease-in-out infinite alternate!important;
}
@keyframes n9FullFieldCloudDrift{
  0%{transform:translate3d(-3%,-2%,0) scale(1.02)}
  50%{transform:translate3d(2%,-4%,0) scale(1.08)}
  100%{transform:translate3d(-1%,4%,0) scale(1.04)}
}

/* Secondary cloud layer from existing elements, still behind planets */
body.casino-body .reactor-stage .n9-motion-aurora{
  z-index:1!important;
  inset:-34%!important;
  opacity:.58!important;
  filter:blur(46px)!important;
  mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse at 31% 38%,rgba(111,62,220,.19) 0%,transparent 29%),
    radial-gradient(ellipse at 70% 31%,rgba(209,70,182,.15) 0%,transparent 27%),
    radial-gradient(ellipse at 58% 70%,rgba(54,116,225,.15) 0%,transparent 30%),
    radial-gradient(ellipse at 35% 72%,rgba(86,57,189,.13) 0%,transparent 28%)!important;
  animation:n9OuterCloudDrift 42s ease-in-out infinite alternate!important;
}
@keyframes n9OuterCloudDrift{
  from{transform:translate(-2%,-1%) rotate(-2deg) scale(1)}
  to{transform:translate(3%,3%) rotate(2deg) scale(1.06)}
}

body.casino-body .reactor-stage .n9-energy-sweep{
  z-index:1!important;
  inset:-28%!important;
  opacity:.34!important;
  filter:blur(38px)!important;
  mix-blend-mode:screen!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from 18deg at 50% 48%,
      transparent 0 8%,
      rgba(51,128,228,.09) 13%,
      transparent 21% 34%,
      rgba(181,65,204,.09) 40%,
      transparent 48% 62%,
      rgba(68,66,190,.08) 68%,
      transparent 76% 88%,
      rgba(202,76,168,.07) 93%,
      transparent 100%
    )!important;
  animation:n9OuterCloudSpin 64s linear infinite!important;
}
body.casino-body .reactor-stage .n9-energy-sweep::before{display:none!important}
@keyframes n9OuterCloudSpin{to{transform:rotate(360deg) scale(1.03)}}

/* stacking order */
body.casino-body .planet-route-overlay{z-index:5!important}
body.casino-body .pulse-grid .node{z-index:10!important}

/* ---------------------------------------------------------------------
   PLANETS NEVER MOVE WITH MOUSE
   --------------------------------------------------------------------- */
body.casino-body .pulse-grid .node,
body.casino-body .pulse-grid .node:hover,
body.casino-body .pulse-grid .node:focus,
body.casino-body .pulse-grid .node:active,
body.casino-body .pulse-grid .node.selected,
body.casino-body .pulse-grid .node.hit{
  transform:translate(-50%,-50%) scale(1)!important;
  transform-origin:center center!important;
}

/* Hover only changes brightness, never position or size */
@media (hover:hover) and (pointer:fine){
  body.casino-body .pulse-grid .node:hover{
    filter:brightness(1.08) saturate(1.06)!important;
  }
}

/* Selected/result states use glow only */
body.casino-body .pulse-grid .node.selected{
  box-shadow:
    inset -20px -18px 31px rgba(0,0,0,.64),
    0 0 7px #fff,
    0 0 20px rgba(75,212,255,.58),
    0 0 35px rgba(203,80,255,.36)!important;
}
body.casino-body .pulse-grid .node.hit{
  box-shadow:
    0 0 10px #fff,
    0 0 27px rgba(255,205,86,.92),
    0 0 50px rgba(255,102,67,.52)!important;
}

/* ---------------------------------------------------------------------
   ROTATION: PLANET STAYS FIXED, SURFACE ROTATES
   --------------------------------------------------------------------- */
body.casino-body .pulse-grid .node{
  overflow:visible!important;
}
body.casino-body .pulse-grid .node .planet-surface{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background-size:220% 100%!important;
  animation:n9TruePlanetRotation 22s linear infinite!important;
}
@keyframes n9TruePlanetRotation{
  from{background-position:0% 50%}
  to{background-position:220% 50%}
}

/* individual rotational speeds */
body.casino-body .pulse-grid .node.n1 .planet-surface{animation-duration:16s!important}
body.casino-body .pulse-grid .node.n2 .planet-surface{animation-duration:24s!important}
body.casino-body .pulse-grid .node.n3 .planet-surface{animation-duration:20s!important}
body.casino-body .pulse-grid .node.n4 .planet-surface{animation-duration:23s!important}
body.casino-body .pulse-grid .node.n5 .planet-surface{animation-duration:12s!important}
body.casino-body .pulse-grid .node.n6 .planet-surface{animation-duration:28s!important}
body.casino-body .pulse-grid .node.n7 .planet-surface{animation-duration:21s!important}
body.casino-body .pulse-grid .node.n8 .planet-surface{animation-duration:27s!important}
body.casino-body .pulse-grid .node.n9 .planet-surface{animation-duration:23s!important}

/* atmosphere remains fixed over the rotating surface */
body.casino-body .pulse-grid .node::before{
  z-index:3!important;
}

/* ---------------------------------------------------------------------
   RINGS ROTATE SUBTLY WHILE PLANET STAYS FIXED
   --------------------------------------------------------------------- */
body.casino-body .pulse-grid .node .planet-ring{
  display:block!important;
  z-index:0!important;
  pointer-events:none!important;
  animation:n9RingBreath 5.5s ease-in-out infinite alternate!important;
}
@keyframes n9RingBreath{
  from{opacity:.46;filter:brightness(.88)}
  to{opacity:.84;filter:brightness(1.12)}
}

/* selected route badge remains above rings */
body.casino-body .pulse-grid .node[data-order]:not([data-order=""])::after{
  z-index:30!important;
}

/* ---------------------------------------------------------------------
   MOBILE
   --------------------------------------------------------------------- */
@media(max-width:700px){
  body.casino-body .pulse-grid::before{
    opacity:.40!important;
    filter:blur(20px)!important;
    animation-duration:46s!important;
  }
  body.casino-body .pulse-grid::after{
    opacity:.78!important;
    animation-duration:8s!important;
  }
  body.casino-body .reactor-stage .n9-motion-aurora{
    opacity:.46!important;
    filter:blur(28px)!important;
    animation-duration:52s!important;
  }
  body.casino-body .reactor-stage .n9-energy-sweep{
    opacity:.26!important;
    filter:blur(26px)!important;
    animation-duration:78s!important;
  }
  body.casino-body .pulse-grid .node .planet-surface{
    animation-duration:30s!important;
  }
  body.casino-body .pulse-grid .node.n5 .planet-surface{
    animation-duration:18s!important;
  }
  body.casino-body .pulse-grid .node,
  body.casino-body .pulse-grid .node:hover,
  body.casino-body .pulse-grid .node:focus,
  body.casino-body .pulse-grid .node:active,
  body.casino-body .pulse-grid .node.selected,
  body.casino-body .pulse-grid .node.hit{
    transform:translate(-50%,-50%) scale(1)!important;
  }
}

/* Reduced motion / low FX keeps same visual design, only static */
.fx-lite .pulse-grid::before,
.fx-lite .pulse-grid::after,
.fx-lite .reactor-stage .n9-motion-aurora,
.fx-lite .reactor-stage .n9-energy-sweep,
.fx-lite .pulse-grid .node .planet-surface,
.fx-lite .pulse-grid .node .planet-ring{
  animation:none!important;
}


/* =====================================================================
   N9 v0.11.6 — CONTINUOUS COSMIC FIELD + MOBILE REBET
   ===================================================================== */

/* The full visual surface behind ALL 9 planets */
body.casino-body .reactor-stage{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 16% 23%, rgba(123,58,205,.18) 0%, transparent 34%),
    radial-gradient(ellipse at 82% 22%, rgba(204,69,187,.14) 0%, transparent 31%),
    radial-gradient(ellipse at 20% 82%, rgba(34,110,216,.17) 0%, transparent 36%),
    radial-gradient(ellipse at 80% 79%, rgba(78,47,171,.15) 0%, transparent 33%),
    radial-gradient(circle at 50% 50%, rgba(10,15,42,.62) 0%, rgba(2,5,17,.95) 78%)!important;
}

/* Use the ENTIRE stage for the star field instead of the node container only */
body.casino-body .reactor-stage > .n9-full-cosmic-field{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}

/* dense stars across the full width/height */
body.casino-body .reactor-stage > .n9-full-cosmic-field::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    radial-gradient(1px 1px at 4% 8%,#fff 100%,transparent),
    radial-gradient(1.4px 1.4px at 12% 25%,#c5eaff 100%,transparent),
    radial-gradient(1px 1px at 20% 59%,#fff 100%,transparent),
    radial-gradient(1.3px 1.3px at 28% 17%,#ffe2c3 100%,transparent),
    radial-gradient(1px 1px at 36% 43%,#d9cbff 100%,transparent),
    radial-gradient(1.7px 1.7px at 45% 76%,#fff 100%,transparent),
    radial-gradient(1px 1px at 54% 22%,#c9ebff 100%,transparent),
    radial-gradient(1.5px 1.5px at 62% 57%,#ffd3ee 100%,transparent),
    radial-gradient(1px 1px at 71% 13%,#fff 100%,transparent),
    radial-gradient(1.7px 1.7px at 79% 44%,#d0eaff 100%,transparent),
    radial-gradient(1px 1px at 88% 68%,#fff 100%,transparent),
    radial-gradient(1.4px 1.4px at 95% 20%,#e1d4ff 100%,transparent),
    radial-gradient(1px 1px at 8% 84%,#fff 100%,transparent),
    radial-gradient(1.5px 1.5px at 32% 89%,#c7eaff 100%,transparent),
    radial-gradient(1px 1px at 66% 88%,#fff 100%,transparent),
    radial-gradient(1.4px 1.4px at 92% 91%,#ffd8ec 100%,transparent)!important;
  background-size:
    73px 73px,
    101px 101px,
    137px 137px,
    173px 173px,
    211px 211px,
    251px 251px,
    293px 293px,
    337px 337px,
    383px 383px,
    431px 431px,
    479px 479px,
    529px 529px,
    587px 587px,
    647px 647px,
    709px 709px,
    773px 773px!important;
  opacity:.82!important;
  animation:n9StageStars 6s ease-in-out infinite alternate!important;
}
@keyframes n9StageStars{
  from{opacity:.58}
  to{opacity:.92}
}

/* cloud sheet 1 spans the whole stage */
body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-a{
  position:absolute!important;
  inset:-18%!important;
  background:
    radial-gradient(ellipse at 22% 34%,rgba(125,64,214,.22) 0%,transparent 31%),
    radial-gradient(ellipse at 74% 28%,rgba(208,72,184,.16) 0%,transparent 30%),
    radial-gradient(ellipse at 62% 74%,rgba(53,118,224,.17) 0%,transparent 32%),
    radial-gradient(ellipse at 30% 76%,rgba(82,58,181,.15) 0%,transparent 30%)!important;
  filter:blur(34px)!important;
  opacity:.58!important;
  mix-blend-mode:screen!important;
  animation:n9StageCloudA 34s ease-in-out infinite alternate!important;
}
@keyframes n9StageCloudA{
  0%{transform:translate(-3%,-2%) scale(1.02)}
  50%{transform:translate(2%,-4%) scale(1.08)}
  100%{transform:translate(-1%,4%) scale(1.04)}
}

/* cloud sheet 2 spans the whole stage */
body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-b{
  position:absolute!important;
  inset:-24%!important;
  background:
    conic-gradient(
      from 18deg at 50% 50%,
      transparent 0 8%,
      rgba(62,133,226,.10) 14%,
      transparent 22% 35%,
      rgba(189,71,202,.10) 42%,
      transparent 49% 62%,
      rgba(74,67,188,.09) 69%,
      transparent 76% 88%,
      rgba(205,81,168,.08) 94%,
      transparent 100%
    )!important;
  filter:blur(40px)!important;
  opacity:.42!important;
  mix-blend-mode:screen!important;
  animation:n9StageCloudB 62s linear infinite!important;
}
@keyframes n9StageCloudB{
  to{transform:rotate(360deg) scale(1.03)}
}

/* Make older local pseudo backgrounds transparent so there are no "sections" */
body.casino-body .pulse-grid::before,
body.casino-body .pulse-grid::after{
  display:none!important;
}

/* keep decorative older cloud layers subdued to avoid visible blocks */
body.casino-body .reactor-stage .n9-motion-aurora{
  opacity:.18!important;
}
body.casino-body .reactor-stage .n9-energy-sweep{
  opacity:.12!important;
}

/* field is behind route and planets */
body.casino-body .planet-route-overlay{z-index:5!important}
body.casino-body .pulse-grid{z-index:4!important}
body.casino-body .pulse-grid .node{z-index:10!important}

/* ---------------------------------------------------------------------
   MOBILE REPEAT / DOUBLE / REBET SECTION
   --------------------------------------------------------------------- */
@media(max-width:700px){
  body.casino-body .mobile-rebet-panel{
    display:grid!important;
    grid-template-columns:1fr 1fr 1.15fr!important;
    gap:6px!important;
    margin:8px 0 88px!important;
    padding:7px!important;
    border:1px solid rgba(83,128,194,.24)!important;
    border-radius:12px!important;
    background:rgba(2,7,19,.82)!important;
    backdrop-filter:blur(8px)!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:48px!important;
    padding:6px 4px!important;
    border-radius:9px!important;
    border:1px solid rgba(101,124,203,.32)!important;
    background:linear-gradient(180deg,rgba(10,16,38,.96),rgba(4,8,22,.96))!important;
    color:#fff!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn span{
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-align:center!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn small{
    margin-top:3px!important;
    font-size:6px!important;
    color:#9fb0c7!important;
    text-align:center!important;
  }

  body.casino-body .mobile-rebet-panel .rebet{
    border-color:rgba(201,77,255,.46)!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn:disabled{
    opacity:.36!important;
  }

  body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-a{
    filter:blur(24px)!important;
    opacity:.48!important;
    animation-duration:46s!important;
  }
  body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-b{
    filter:blur(28px)!important;
    opacity:.30!important;
    animation-duration:78s!important;
  }
}

@media(min-width:701px){
  body.casino-body .mobile-rebet-panel{
    display:none!important;
  }
}

/* low-FX */
.fx-lite .reactor-stage > .n9-full-cosmic-field::before,
.fx-lite .reactor-stage > .n9-full-cosmic-field .cloud-a,
.fx-lite .reactor-stage > .n9-full-cosmic-field .cloud-b{
  animation:none!important;
}


/* N9 v0.12.0 — 4-planet / 3,024-route display fit */
.route-box strong, .mobile-route strong { white-space: nowrap; }
@media (max-width:700px){
  .route-display .route-box strong{font-size:clamp(13px,4vw,18px)!important;letter-spacing:-.3px}
  .mobile-actionbar .mobile-route strong{font-size:11px!important;letter-spacing:-.35px}
  .route-display{gap:5px!important}
}


/* =====================================================================
   N9 v0.12.1 — PLANET POSITION + PAYTABLE CLEANUP
   ===================================================================== */

/* All planet nodes remain fixed in their absolute coordinates.
   Hover/focus/touch may change glow only — NEVER position/size. */
body.casino-body .pulse-grid .node,
body.casino-body .pulse-grid .node:hover,
body.casino-body .pulse-grid .node:focus,
body.casino-body .pulse-grid .node:focus-visible,
body.casino-body .pulse-grid .node:active,
body.casino-body .pulse-grid .node.selected,
body.casino-body .pulse-grid .node.hit{
  transform:translate(-50%,-50%) scale(1)!important;
  translate:none!important;
  margin:0!important;
  transition:
    filter .18s ease,
    box-shadow .18s ease,
    border-color .18s ease!important;
}

/* Explicit planet 2 correction in case an older nth-child/n2 hover rule wins */
body.casino-body .pulse-grid .node.n2,
body.casino-body .pulse-grid .node.n2:hover,
body.casino-body .pulse-grid .node.n2:focus,
body.casino-body .pulse-grid .node.n2:active,
body.casino-body .pulse-grid .node.n2.selected,
body.casino-body .pulse-grid .node.n2.hit{
  left:43%!important;
  top:14%!important;
  transform:translate(-50%,-50%) scale(1)!important;
  animation:none!important;
}

/* selection/result = glow only */
body.casino-body .pulse-grid .node.selected{
  filter:brightness(1.12) saturate(1.10)!important;
}
body.casino-body .pulse-grid .node.hit{
  filter:brightness(1.20) saturate(1.08)!important;
}

/* Mobile planet 2 keeps mobile position and does not move */
@media(max-width:700px){
  body.casino-body .pulse-grid .node.n2,
  body.casino-body .pulse-grid .node.n2:hover,
  body.casino-body .pulse-grid .node.n2:focus,
  body.casino-body .pulse-grid .node.n2:active,
  body.casino-body .pulse-grid .node.n2.selected,
  body.casino-body .pulse-grid .node.n2.hit{
    left:48%!important;
    top:12%!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }
}

/* ---------------------------------------------------------------------
   REMOVE SQUARE / RECTANGULAR ARTIFACT AROUND PLANET 1
   --------------------------------------------------------------------- */
body.casino-body .pulse-grid .node.n1{
  background-clip:padding-box!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* Force all planet-1 surface helpers to remain circular */
body.casino-body .pulse-grid .node.n1::before,
body.casino-body .pulse-grid .node.n1 .planet-surface{
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
}

/* Remove any inherited rectangular layer from old reactor styling */
body.casino-body .pulse-grid .node.n1::after{
  background:rgba(5,10,24,.96)!important;
  border-radius:50%!important;
}

/* When planet 1 is not selected, it should not have an ::after block at all */
body.casino-body .pulse-grid .node.n1:not([data-order])::after,
body.casino-body .pulse-grid .node.n1[data-order=""]::after{
  content:none!important;
  display:none!important;
}

/* All child surface layers must not paint a rectangle beyond the sphere */
body.casino-body .pulse-grid .node.n1 .planet-surface{
  inset:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

/* ---------------------------------------------------------------------
   PAYTABLE — more compact and correct for six 4-planet classes
   --------------------------------------------------------------------- */
body.casino-body .paytable-grid.vertical{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}

body.casino-body .paytable-grid.vertical .pay-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:7px 6px!important;
  border-radius:9px!important;
}

body.casino-body .paytable-grid.vertical .pay-item span{
  display:block!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.1!important;
}

body.casino-body .paytable-grid.vertical .pay-item small{
  display:block!important;
  margin-top:2px!important;
  font-size:6.7px!important;
  line-height:1.2!important;
  color:#8fa3bc!important;
}

body.casino-body .paytable-grid.vertical .pay-item b{
  font-size:15px!important;
  white-space:nowrap!important;
}

/* Mobile paytable: show all six rows cleanly */
@media(max-width:700px){
  body.casino-body .paytable-grid.vertical{
    gap:4px!important;
  }

  body.casino-body .paytable-grid.vertical .pay-item{
    grid-template-columns:30px minmax(0,1fr) 48px!important;
    min-height:51px!important;
    padding:6px 5px!important;
  }

  body.casino-body .paytable-grid.vertical .pay-item span{
    font-size:8px!important;
  }

  body.casino-body .paytable-grid.vertical .pay-item small{
    font-size:6px!important;
  }

  body.casino-body .paytable-grid.vertical .pay-item b{
    font-size:13px!important;
    text-align:right!important;
  }
}


/* =====================================================================
   N9 v0.12.2 — PAYTABLE + PLANET-1 FRAME FIX
   ===================================================================== */

/* Remove the legacy mechanical frame that creates the square/line near planet 1.
   The full cosmic background remains intact. */
body.casino-body .reactor-stage::before,
body.casino-body .reactor-stage::after,
body.casino-body .stage-rings,
body.casino-body .stage-rings i{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Remove old board borders/clipping so the cosmic field is continuous. */
body.casino-body .pulse-grid{
  border:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  background:transparent!important;
  border-radius:24px!important;
}
body.casino-body .pulse-grid::before,
body.casino-body .pulse-grid::after{
  display:none!important;
  content:none!important;
}

/* Four-planet paytable icons */
body.casino-body .paytable-grid.vertical .pay-item{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  min-height:60px!important;
  gap:8px!important;
  align-items:center!important;
}
body.casino-body .pay-planets{
  width:44px!important;
  height:34px!important;
  display:grid!important;
  grid-template-columns:repeat(2,15px)!important;
  grid-template-rows:repeat(2,15px)!important;
  gap:3px!important;
  place-content:center!important;
  border-radius:8px!important;
  background:rgba(3,8,22,.68)!important;
  border:1px solid rgba(86,120,188,.24)!important;
}
body.casino-body .pay-planets .mini-planet{
  width:15px!important;
  height:15px!important;
  display:block!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.casino-body .pay-planets .mini-planet.empty{
  background:rgba(2,6,16,.84)!important;
  border:1px solid rgba(113,130,162,.54)!important;
  box-shadow:inset 0 0 5px rgba(0,0,0,.8)!important;
}
body.casino-body .pay-planets .mini-planet.filled{
  border:1px solid rgba(210,229,255,.64)!important;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.92) 0 5%,transparent 11%),
    radial-gradient(circle,#4f67e8 0%,#6e27b4 54%,#130829 82%)!important;
  box-shadow:inset -4px -4px 7px rgba(0,0,0,.55),0 0 6px rgba(113,102,255,.52)!important;
}

/* Full Route explicitly shows four distinct planets. */
body.casino-body .pay-item.fullroute .mini-planet:nth-child(1){
  background:radial-gradient(circle at 30% 24%,#fff 0 4%,transparent 10%),radial-gradient(circle,#6d38d8,#28104e 75%)!important;
}
body.casino-body .pay-item.fullroute .mini-planet:nth-child(2){
  background:radial-gradient(circle at 30% 24%,#fff 0 4%,transparent 10%),radial-gradient(circle,#168bc8,#0b284f 75%)!important;
}
body.casino-body .pay-item.fullroute .mini-planet:nth-child(3){
  background:radial-gradient(circle at 30% 24%,#fff 0 4%,transparent 10%),radial-gradient(circle,#d55a23,#4d170c 75%)!important;
}
body.casino-body .pay-item.fullroute .mini-planet:nth-child(4){
  background:radial-gradient(circle at 30% 24%,#fff 0 4%,transparent 10%),radial-gradient(circle,#888da8,#262838 75%)!important;
}
body.casino-body .pay-item.perfect .mini-planet.filled{
  background:radial-gradient(circle at 30% 24%,#fff 0 4%,transparent 10%),radial-gradient(circle,#b82aff,#4a106e 72%,#16051f 100%)!important;
  box-shadow:inset -4px -4px 7px rgba(0,0,0,.55),0 0 7px rgba(216,76,255,.68)!important;
}
body.casino-body .pay-copy{min-width:0!important}
body.casino-body .pay-copy span{
  display:block!important;
  font-size:9px!important;
  line-height:1.08!important;
  font-weight:900!important;
}
body.casino-body .pay-copy small{
  display:block!important;
  margin-top:2px!important;
  font-size:6.6px!important;
  line-height:1.18!important;
  color:#91a5bd!important;
}
body.casino-body .pay-item.single b{
  color:#74ef73!important;
  text-shadow:0 0 12px rgba(91,235,91,.42)!important;
}

/* Planets remain fixed; pointer/touch changes glow only. */
body.casino-body .pulse-grid .node,
body.casino-body .pulse-grid .node:hover,
body.casino-body .pulse-grid .node:focus,
body.casino-body .pulse-grid .node:focus-visible,
body.casino-body .pulse-grid .node:active,
body.casino-body .pulse-grid .node.selected,
body.casino-body .pulse-grid .node.hit{
  transform:translate(-50%,-50%) scale(1)!important;
}

@media(max-width:700px){
  body.casino-body .paytable-grid.vertical .pay-item{
    grid-template-columns:42px minmax(0,1fr) 48px!important;
    min-height:56px!important;
    padding:6px 5px!important;
  }
  body.casino-body .pay-planets{
    width:40px!important;
    height:31px!important;
    grid-template-columns:repeat(2,14px)!important;
    grid-template-rows:repeat(2,14px)!important;
  }
  body.casino-body .pay-planets .mini-planet{
    width:14px!important;
    height:14px!important;
  }
}


/* =====================================================================
   N9 v0.12.3 — MOBILE FULL ROUTE + MATCHED NUMBERS
   ===================================================================== */

/* Mobile paytable must preserve all four planet indicators. */
body.casino-body .four-planet-mobile-paytable .pay-item{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 52px!important;
  gap:7px!important;
  align-items:center!important;
}
body.casino-body .four-planet-mobile-paytable .pay-planets{
  display:grid!important;
  grid-template-columns:repeat(2,15px)!important;
  grid-template-rows:repeat(2,15px)!important;
  width:44px!important;
  height:34px!important;
  gap:3px!important;
  overflow:visible!important;
}
body.casino-body .four-planet-mobile-paytable .pay-planets .mini-planet{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
}
body.casino-body .four-planet-mobile-paytable .pay-item.fullroute .mini-planet:nth-child(4){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Matched numbers on win/result overlays, desktop and mobile. */
body.casino-body .win-matched{
  margin:10px auto 4px!important;
  padding:8px 14px!important;
  width:max-content!important;
  max-width:90%!important;
  border:1px solid rgba(88,220,255,.42)!important;
  border-radius:999px!important;
  color:#62e7ff!important;
  background:rgba(3,12,27,.78)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  box-shadow:0 0 18px rgba(83,213,255,.12)!important;
}

body.casino-body .outcome-card.secondary #comboWon{
  color:#67e7ff!important;
  font-size:clamp(18px,2vw,26px)!important;
  letter-spacing:.08em!important;
}

@media(max-width:700px){
  body.casino-body .four-planet-mobile-paytable .pay-item{
    grid-template-columns:46px minmax(0,1fr) 48px!important;
  }
  body.casino-body .four-planet-mobile-paytable .pay-planets{
    width:42px!important;
    height:33px!important;
    grid-template-columns:repeat(2,14px)!important;
    grid-template-rows:repeat(2,14px)!important;
  }
  body.casino-body .four-planet-mobile-paytable .pay-planets .mini-planet{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
  }
  body.casino-body .win-matched{
    font-size:11px!important;
    padding:7px 11px!important;
  }
}

/* =====================================================================
   N9 v0.12.4 — MOBILE PAYTABLE + FLOATING REBET STRIP
   ===================================================================== */

@media(max-width:700px){
  /* ---------------------------------------------------------------
     PAYTABLE: one readable result per row.
     This overrides the older repeat(4,1fr) mobile layout.
     --------------------------------------------------------------- */
  body.casino-body .center-mobile-paytable{
    display:block!important;
    width:100%!important;
    margin-top:10px!important;
    overflow:visible!important;
  }

  body.casino-body .center-mobile-paytable .mobile-paytable-title{
    display:block!important;
    margin:0 0 7px!important;
    padding:0 2px!important;
    font-size:18px!important;
    line-height:1.1!important;
    letter-spacing:.03em!important;
  }

  body.casino-body .center-mobile-paytable .paytable-grid,
  body.casino-body .center-mobile-paytable .paytable-grid.four-planet-mobile-paytable{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    overflow:visible!important;
  }

  body.casino-body .center-mobile-paytable .pay-item,
  body.casino-body .four-planet-mobile-paytable .pay-item{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 58px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:8px 9px!important;
    margin:0!important;
    overflow:visible!important;
    border:1px solid rgba(82,63,132,.78)!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(13,11,38,.96),rgba(6,7,24,.96))!important;
  }

  body.casino-body .center-mobile-paytable .pay-item .pay-planets,
  body.casino-body .four-planet-mobile-paytable .pay-planets{
    display:grid!important;
    grid-template-columns:repeat(2,16px)!important;
    grid-template-rows:repeat(2,16px)!important;
    place-content:center!important;
    width:42px!important;
    height:42px!important;
    gap:3px!important;
    margin:0!important;
    overflow:visible!important;
    flex:none!important;
  }

  body.casino-body .center-mobile-paytable .pay-planets .mini-planet,
  body.casino-body .four-planet-mobile-paytable .pay-planets .mini-planet{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item.fullroute .mini-planet:nth-child(4),
  body.casino-body .four-planet-mobile-paytable .pay-item.fullroute .mini-planet:nth-child(4){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.casino-body .center-mobile-paytable .pay-copy,
  body.casino-body .four-planet-mobile-paytable .pay-copy{
    min-width:0!important;
    overflow:visible!important;
  }

  body.casino-body .center-mobile-paytable .pay-copy span,
  body.casino-body .four-planet-mobile-paytable .pay-copy span{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:10px!important;
    line-height:1.08!important;
    font-weight:900!important;
  }

  body.casino-body .center-mobile-paytable .pay-copy small,
  body.casino-body .four-planet-mobile-paytable .pay-copy small{
    display:block!important;
    margin-top:3px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:7px!important;
    line-height:1.22!important;
    color:#9cadc2!important;
  }

  body.casino-body .center-mobile-paytable .pay-item>b,
  body.casino-body .four-planet-mobile-paytable .pay-item>b{
    display:block!important;
    min-width:54px!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-size:18px!important;
    line-height:1!important;
  }

  /* ---------------------------------------------------------------
     REPEAT / DOUBLE / REBET: floating strip above stake bar.
     --------------------------------------------------------------- */
  body.casino-body .mobile-rebet-panel{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    z-index:58!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1.2fr!important;
    gap:6px!important;
    margin:0!important;
    padding:7px!important;
    width:auto!important;
    max-width:none!important;
    border:1px solid rgba(66,105,149,.78)!important;
    border-radius:13px!important;
    background:rgba(4,10,24,.96)!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.46),0 0 22px rgba(76,207,255,.10)!important;
    backdrop-filter:blur(14px)!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn{
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    padding:5px 4px!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn span{
    display:block!important;
    white-space:normal!important;
    font-size:8px!important;
    line-height:1.05!important;
    font-weight:900!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn small{
    display:block!important;
    margin-top:2px!important;
    font-size:6px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Main stake bar remains the lower floating bar. */
  body.casino-body .mobile-actionbar.solo-mobile-bar{
    z-index:60!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
  }

  /* Reserve enough scrollable space behind both floating bars. */
  body.casino-body .game-shell,
  body.casino-body .casino-shell{
    padding-bottom:150px!important;
  }
}

@media(max-width:390px){
  body.casino-body .center-mobile-paytable .pay-item,
  body.casino-body .four-planet-mobile-paytable .pay-item{
    grid-template-columns:44px minmax(0,1fr) 52px!important;
    gap:6px!important;
    padding:7px 7px!important;
  }

  body.casino-body .center-mobile-paytable .pay-item>b,
  body.casino-body .four-planet-mobile-paytable .pay-item>b{
    min-width:48px!important;
    font-size:16px!important;
  }

  body.casino-body .mobile-rebet-panel{
    left:5px!important;
    right:5px!important;
    gap:4px!important;
    padding:5px!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn span{
    font-size:7.2px!important;
  }
}


/* =====================================================================
   N9 v0.12.5 — MOBILE FLOATING REPLAY BAR FIX
   ===================================================================== */

@media(max-width:700px){

  /* Force replay controls out of document flow and keep them floating. */
  body.casino-body .mobile-rebet-panel{
    position:fixed!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
    z-index:9997!important;

    display:grid!important;
    grid-template-columns:1fr 1fr 1.25fr!important;
    gap:6px!important;

    margin:0!important;
    padding:7px!important;
    width:auto!important;
    max-width:none!important;

    border:1px solid rgba(76,128,198,.42)!important;
    border-radius:12px!important;
    background:rgba(2,7,20,.96)!important;
    box-shadow:
      0 -8px 28px rgba(0,0,0,.38),
      0 0 18px rgba(91,73,190,.14)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn{
    min-height:48px!important;
    height:48px!important;
    padding:5px 3px!important;
    margin:0!important;
    border-radius:8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn span{
    display:block!important;
    font-size:8px!important;
    line-height:1.05!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body.casino-body .mobile-rebet-panel .commercial-btn small{
    display:block!important;
    font-size:5.8px!important;
    line-height:1!important;
    text-align:center!important;
    color:#9fb1ca!important;
  }

  /* Keep the actual stake/lock controls as the lower floating bar. */
  body.casino-body .mobile-actionbar{
    position:fixed!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:9998!important;
    margin:0!important;
  }

  /* Prevent long page content from being obscured behind both floating bars. */
  body.casino-body main,
  body.casino-body .casino-shell{
    padding-bottom:160px!important;
  }

  /* Some older rules explicitly put this panel back into flow. Override them. */
  body.casino-body .main-reactor-card .mobile-rebet-panel,
  body.casino-body .center-mobile-paytable + .mobile-rebet-panel,
  body.casino-body #messageBar + .mobile-rebet-panel{
    position:fixed!important;
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
}

/* Desktop/tablet: replay panel stays in normal desktop controls, not floating. */
@media(min-width:701px){
  body.casino-body .mobile-rebet-panel{
    display:none!important;
  }
}


/* =====================================================================
   N9 v0.12.6 — TRUE VIEWPORT-FLOATING REPLAY CONTROLS
   ===================================================================== */

body.casino-body .mobile-rebet-panel{
  display:none!important;
}

body.casino-body .mobile-replay-float{
  display:none;
}

@media(max-width:700px){
  html,body{
    overflow-x:hidden!important;
  }

  /* Root-level replay bar: fixed to the VIEWPORT, not to a scrolling card. */
  body.casino-body .mobile-replay-float{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1.22fr!important;
    gap:6px!important;

    left:8px!important;
    right:8px!important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;

    width:auto!important;
    height:58px!important;
    margin:0!important;
    padding:6px!important;

    z-index:2147483000!important;
    transform:none!important;
    translate:none!important;

    border:1px solid rgba(76,128,198,.50)!important;
    border-radius:12px!important;
    background:rgba(2,7,20,.97)!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.45),0 0 22px rgba(86,77,210,.18)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;

    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  body.casino-body .mobile-replay-float .commercial-btn{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:4px 3px!important;

    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;

    border-radius:8px!important;
    border:1px solid rgba(95,122,195,.40)!important;
    background:linear-gradient(180deg,rgba(10,16,38,.98),rgba(4,8,22,.98))!important;
    color:#fff!important;
    opacity:1!important;
  }

  body.casino-body .mobile-replay-float .commercial-btn.repeat{
    border-color:rgba(31,190,255,.45)!important;
  }
  body.casino-body .mobile-replay-float .commercial-btn.double{
    border-color:rgba(255,204,72,.42)!important;
  }
  body.casino-body .mobile-replay-float .commercial-btn.rebet{
    border-color:rgba(216,78,255,.52)!important;
  }

  body.casino-body .mobile-replay-float .commercial-btn span{
    font-size:8px!important;
    line-height:1.05!important;
    font-weight:900!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.casino-body .mobile-replay-float .commercial-btn small{
    margin-top:3px!important;
    font-size:5.8px!important;
    line-height:1!important;
    color:#9fb1ca!important;
  }

  /* Disabled only when there is genuinely no usable 4-planet route or during a round. */
  body.casino-body .mobile-replay-float .commercial-btn:disabled{
    opacity:.34!important;
    cursor:not-allowed!important;
    pointer-events:none!important;
  }
  body.casino-body .mobile-replay-float .commercial-btn.is-ready:not(:disabled){
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* Keep stake / clear / lock bar fixed below it. */
  body.casino-body .mobile-actionbar{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    z-index:2147483001!important;
    transform:none!important;
    margin:0!important;
  }

  /* Reserve real scroll space so NO PULSE / HOW TO PLAY can be scrolled
     completely ABOVE the floating controls rather than sitting underneath. */
  body.casino-body main,
  body.casino-body .casino-shell{
    padding-bottom:190px!important;
  }
  body.casino-body .center-mobile-paytable{
    margin-bottom:150px!important;
  }

  /* Explicitly keep the mobile paytable itself above old clipping rules. */
  body.casino-body .center-mobile-paytable,
  body.casino-body .four-planet-mobile-paytable{
    overflow:visible!important;
  }
}

@media(min-width:701px){
  body.casino-body .mobile-replay-float{
    display:none!important;
  }
}


/* =====================================================================
   N9 v0.12.8 — MOBILE REPLAY BINDING + DESKTOP DEDUP
   ===================================================================== */

/* Obsolete replay panels from earlier versions must never render. */
.mobile-rebet-panel{
  display:none!important;
}

/* Floating replay is strictly mobile. */
@media(min-width:701px){
  body.casino-body .mobile-replay-float{
    display:none!important;
  }
}

/* On mobile, force the one canonical floating replay strip. */
@media(max-width:700px){
  body.casino-body #mobileReplayFloat.mobile-replay-float{
    display:grid!important;
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body.casino-body #mobileReplayFloat button{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(255,255,255,.05)!important;
  }
}

/* Any cloned desktop replay row carrying mobile-only IDs is hidden. */
@media(min-width:701px){
  #repeatBetBtnMobile,
  #doubleBetBtnMobile,
  #rebetPulseBtnMobile,
  #repeatBetBtnMobile2,
  #doubleBetBtnMobile2,
  #rebetPulseBtnMobile2{
    display:none!important;
  }
}

/* =====================================================================
   N9 v0.13.2 — COMMERCIAL COSMIC BOARD PASS
   Stable v0.12.8 logic preserved. Central playfield visual layer only.
   ===================================================================== */
body.casino-body .reactor-stage{
  background:
    radial-gradient(ellipse at 18% 18%,rgba(73,44,142,.20),transparent 37%),
    radial-gradient(ellipse at 78% 34%,rgba(112,37,132,.16),transparent 35%),
    radial-gradient(ellipse at 58% 82%,rgba(22,82,146,.15),transparent 39%),
    linear-gradient(155deg,#07091d 0%,#090b25 44%,#05091a 100%)!important;
  border:1px solid rgba(79,105,169,.20)!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 80px rgba(0,0,0,.55),0 18px 48px rgba(0,0,0,.28)!important;
}
body.casino-body .reactor-stage > .n9-full-cosmic-field{
  display:block!important;position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;border-radius:inherit!important;
  background:
    radial-gradient(1px 1px at 9% 16%,rgba(255,255,255,.92) 99%,transparent),
    radial-gradient(1px 1px at 28% 34%,rgba(181,222,255,.78) 99%,transparent),
    radial-gradient(1.2px 1.2px at 53% 13%,rgba(255,255,255,.82) 99%,transparent),
    radial-gradient(1px 1px at 71% 47%,rgba(223,204,255,.72) 99%,transparent),
    radial-gradient(1.3px 1.3px at 87% 24%,rgba(255,255,255,.82) 99%,transparent),
    radial-gradient(1px 1px at 41% 78%,rgba(187,225,255,.74) 99%,transparent),
    radial-gradient(1px 1px at 79% 84%,rgba(255,232,218,.72) 99%,transparent)!important;
  background-size:173px 173px,227px 227px,283px 283px,331px 331px,389px 389px,443px 443px,503px 503px!important;
}
body.casino-body .reactor-stage > .n9-full-cosmic-field::before{
  content:""!important;display:block!important;position:absolute!important;inset:-18%!important;
  background:
    radial-gradient(ellipse at 28% 38%,rgba(92,53,168,.22) 0 10%,rgba(92,53,168,.08) 24%,transparent 44%),
    radial-gradient(ellipse at 72% 42%,rgba(160,54,137,.16) 0 9%,rgba(160,54,137,.06) 24%,transparent 43%),
    radial-gradient(ellipse at 52% 76%,rgba(34,101,170,.14) 0 10%,transparent 42%)!important;
  filter:blur(38px)!important;animation:n9132Nebula 42s ease-in-out infinite alternate!important;opacity:.85!important;
}
body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-a,
body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-b{
  display:block!important;position:absolute!important;width:72%!important;height:42%!important;border-radius:50%!important;filter:blur(54px)!important;opacity:.20!important;mix-blend-mode:screen!important;pointer-events:none!important;
}
body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-a{left:-18%!important;top:14%!important;background:linear-gradient(110deg,transparent,#633b9a 45%,#245a91 68%,transparent)!important;animation:n9132CloudA 35s ease-in-out infinite alternate!important}
body.casino-body .reactor-stage > .n9-full-cosmic-field .cloud-b{right:-20%!important;bottom:8%!important;background:linear-gradient(100deg,transparent,#284e91 32%,#7d376f 64%,transparent)!important;animation:n9132CloudB 39s ease-in-out infinite alternate!important}
@keyframes n9132Nebula{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}
@keyframes n9132CloudA{from{transform:translate3d(-4%,0,0) rotate(-5deg)}to{transform:translate3d(9%,5%,0) rotate(3deg)}}
@keyframes n9132CloudB{from{transform:translate3d(4%,2%,0) rotate(3deg)}to{transform:translate3d(-8%,-4%,0) rotate(-4deg)}}
body.casino-body .reactor-stage .n9-motion-aurora,body.casino-body .reactor-stage .n9-energy-sweep{display:none!important}
body.casino-body .pulse-grid{position:absolute!important;inset:4.5%!important;background:transparent!important;overflow:visible!important}
body.casino-body .pulse-grid::before,body.casino-body .pulse-grid::after,.cosmic-ray-grid,.core-emblem{display:none!important}

/* Balanced constellation. Planets remain intentionally modest in size. */
body.casino-body .pulse-grid .node{position:absolute!important;height:auto!important;max-width:none!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important;transition:filter .18s ease!important}
body.casino-body .pulse-grid .node.n1{left:18%!important;top:24%!important;width:88px!important}
body.casino-body .pulse-grid .node.n2{left:49%!important;top:16%!important;width:78px!important}
body.casino-body .pulse-grid .node.n3{left:79%!important;top:25%!important;width:84px!important}
body.casino-body .pulse-grid .node.n4{left:27%!important;top:51%!important;width:80px!important}
body.casino-body .pulse-grid .node.n5{left:55%!important;top:47%!important;width:96px!important}
body.casino-body .pulse-grid .node.n6{left:82%!important;top:56%!important;width:78px!important}
body.casino-body .pulse-grid .node.n7{left:18%!important;top:78%!important;width:84px!important}
body.casino-body .pulse-grid .node.n8{left:48%!important;top:75%!important;width:82px!important}
body.casino-body .pulse-grid .node.n9{left:76%!important;top:79%!important;width:78px!important}
body.casino-body .pulse-grid .node,body.casino-body .pulse-grid .node:hover,body.casino-body .pulse-grid .node:focus,body.casino-body .pulse-grid .node:active,body.casino-body .pulse-grid .node.selected,body.casino-body .pulse-grid .node.hit{transform:translate(-50%,-50%)!important}
body.casino-body .pulse-grid .node:hover{filter:brightness(1.08)!important}

/* Planet body: subdued, spherical, non-cartoon surfaces. */
body.casino-body .pulse-grid .node .planet-surface{inset:0!important;border-radius:50%!important;overflow:hidden!important;border:1px solid rgba(184,217,255,.30)!important;box-shadow:inset -18px -14px 24px rgba(0,0,0,.72),inset 8px 5px 14px rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.46),0 0 14px rgba(83,165,255,.13)!important;background-size:230% 100%!important;animation:n9TruePlanetRotation 34s linear infinite!important}
body.casino-body .pulse-grid .node.n1 .planet-surface{background-image:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45) 0 2%,transparent 8%),repeating-linear-gradient(4deg,#66511e 0 7%,#b08b36 8% 13%,#463815 14% 20%,#8b6b27 21% 27%)!important}
body.casino-body .pulse-grid .node.n2 .planet-surface{background-image:radial-gradient(circle at 29% 24%,rgba(255,255,255,.55) 0 2%,transparent 9%),radial-gradient(ellipse at 60% 58%,#164f7b 0 14%,transparent 16%),repeating-linear-gradient(-9deg,#153d64 0 10%,#286b94 11% 18%,#102b4b 19% 27%)!important}
body.casino-body .pulse-grid .node.n3 .planet-surface{background-image:radial-gradient(circle at 28% 23%,rgba(255,255,255,.50) 0 2%,transparent 9%),radial-gradient(ellipse at 64% 55%,#57233f 0 17%,transparent 19%),repeating-linear-gradient(12deg,#4c183b 0 11%,#82305e 12% 20%,#35122d 21% 30%)!important}
body.casino-body .pulse-grid .node.n4 .planet-surface{background-image:radial-gradient(circle at 30% 24%,rgba(255,255,255,.48) 0 2%,transparent 9%),radial-gradient(ellipse at 58% 60%,#14524f 0 15%,transparent 17%),repeating-linear-gradient(-5deg,#164b56 0 12%,#26737a 13% 19%,#102f3d 20% 30%)!important}
body.casino-body .pulse-grid .node.n5 .planet-surface{background-image:radial-gradient(circle at 28% 23%,rgba(255,255,255,.52) 0 2%,transparent 9%),radial-gradient(ellipse at 65% 56%,#a44313 0 17%,transparent 19%),repeating-linear-gradient(8deg,#702509 0 10%,#bd5015 11% 18%,#4a1607 19% 28%)!important}
body.casino-body .pulse-grid .node.n6 .planet-surface{background-image:radial-gradient(circle at 30% 24%,rgba(255,255,255,.45) 0 2%,transparent 9%),repeating-linear-gradient(3deg,#5c5528 0 8%,#918544 9% 15%,#3b371c 16% 23%,#766b35 24% 30%)!important}
body.casino-body .pulse-grid .node.n7 .planet-surface{background-image:radial-gradient(circle at 30% 24%,rgba(255,255,255,.48) 0 2%,transparent 9%),radial-gradient(ellipse at 64% 58%,#71320d 0 17%,transparent 19%),repeating-linear-gradient(-7deg,#5b2508 0 11%,#9a4610 12% 19%,#351706 20% 29%)!important}
body.casino-body .pulse-grid .node.n8 .planet-surface{background-image:radial-gradient(circle at 30% 24%,rgba(255,255,255,.52) 0 2%,transparent 9%),repeating-linear-gradient(7deg,#343d5a 0 11%,#69748f 12% 18%,#22283c 19% 29%)!important}
body.casino-body .pulse-grid .node.n9 .planet-surface{background-image:radial-gradient(circle at 30% 24%,rgba(255,255,255,.50) 0 2%,transparent 9%),radial-gradient(ellipse at 62% 57%,#1e416b 0 15%,transparent 17%),repeating-linear-gradient(-8deg,#1d365c 0 10%,#355d8e 11% 18%,#12253f 19% 29%)!important}
body.casino-body .pulse-grid .node.n1 .planet-surface{animation-duration:31s!important}.pulse-grid .node.n2 .planet-surface{animation-duration:39s!important}.pulse-grid .node.n3 .planet-surface{animation-duration:35s!important}.pulse-grid .node.n4 .planet-surface{animation-duration:41s!important}.pulse-grid .node.n5 .planet-surface{animation-duration:28s!important}.pulse-grid .node.n6 .planet-surface{animation-duration:44s!important}.pulse-grid .node.n7 .planet-surface{animation-duration:36s!important}.pulse-grid .node.n8 .planet-surface{animation-duration:46s!important}.pulse-grid .node.n9 .planet-surface{animation-duration:40s!important}
body.casino-body .pulse-grid .node::before{content:""!important;position:absolute!important;inset:-3%!important;border-radius:50%!important;border:1px solid rgba(124,194,255,.24)!important;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.16),transparent 24%)!important;box-shadow:inset -10px -9px 16px rgba(0,0,0,.26),0 0 11px rgba(73,160,255,.15)!important;z-index:3!important;pointer-events:none!important}
body.casino-body .pulse-grid .node .planet-ring{display:block!important;position:absolute!important;left:-18%!important;top:42%!important;width:136%!important;height:19%!important;border:1px solid rgba(170,191,230,.34)!important;border-radius:50%!important;transform:rotate(-12deg)!important;box-shadow:0 0 7px rgba(98,146,220,.13)!important;opacity:.58!important;background:transparent!important;z-index:4!important;animation:n9132Ring 9s ease-in-out infinite alternate!important}
body.casino-body .pulse-grid .node:nth-child(even) .planet-ring{transform:rotate(11deg)!important}.pulse-grid .node.n5 .planet-ring{transform:rotate(-5deg)!important}
@keyframes n9132Ring{from{opacity:.38}to{opacity:.67}}
body.casino-body .pulse-grid .node{color:#fff!important;font-size:25px!important;font-weight:900!important;text-shadow:0 2px 4px #000,0 0 7px rgba(128,220,255,.5)!important}
body.casino-body .pulse-grid .node.selected::before{inset:-8%!important;border:2px solid #b869ff!important;box-shadow:0 0 10px rgba(255,255,255,.55),0 0 25px rgba(103,214,255,.55),0 0 39px rgba(193,73,255,.45)!important}
body.casino-body .pulse-grid .node.selected::after{right:-14px!important;top:-10px!important;width:22px!important;height:22px!important;font-size:9px!important}

/* The route is the hero interaction: crisp line, outer glow and moving energy bead. */
body.casino-body .planet-route-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important;z-index:8!important}
body.casino-body .planet-route-overlay .route-glow{fill:none!important;stroke:#9a4dff!important;stroke-width:10!important;opacity:.18!important;filter:blur(5px)!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.casino-body .planet-route-overlay .route-main{fill:none!important;stroke:url(#n9PlanetRouteGradient)!important;stroke-width:3.2!important;opacity:.78!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 4px #55e7ff)!important}
body.casino-body .planet-route-overlay .route-core{fill:none!important;stroke:rgba(255,255,255,.82)!important;stroke-width:.8!important;stroke-dasharray:3 8!important;stroke-linecap:round!important;animation:n9132Dash 1.4s linear infinite!important}
body.casino-body .planet-route-overlay .route-traveller{fill:#fff8d2!important;stroke:#62e9ff!important;stroke-width:2!important;filter:drop-shadow(0 0 5px #5cecff) drop-shadow(0 0 9px #b45cff)!important}
@keyframes n9132Dash{to{stroke-dashoffset:-22}}

@media(max-width:700px){
 body.casino-body .pulse-grid{inset:4%!important}
 body.casino-body .pulse-grid .node.n1{left:18%!important;top:23%!important;width:60px!important}
 body.casino-body .pulse-grid .node.n2{left:49%!important;top:15%!important;width:54px!important}
 body.casino-body .pulse-grid .node.n3{left:80%!important;top:24%!important;width:58px!important}
 body.casino-body .pulse-grid .node.n4{left:26%!important;top:50%!important;width:55px!important}
 body.casino-body .pulse-grid .node.n5{left:55%!important;top:46%!important;width:66px!important}
 body.casino-body .pulse-grid .node.n6{left:82%!important;top:56%!important;width:54px!important}
 body.casino-body .pulse-grid .node.n7{left:18%!important;top:78%!important;width:58px!important}
 body.casino-body .pulse-grid .node.n8{left:48%!important;top:74%!important;width:56px!important}
 body.casino-body .pulse-grid .node.n9{left:76%!important;top:80%!important;width:54px!important}
 body.casino-body .pulse-grid .node{font-size:19px!important}
 body.casino-body .pulse-grid .node .planet-surface{animation-duration:46s!important}
 body.casino-body .planet-route-overlay .route-main{stroke-width:2.5!important}
 body.casino-body .planet-route-overlay .route-glow{stroke-width:8!important}
 body.casino-body .reactor-stage > .n9-full-cosmic-field::before{filter:blur(28px)!important}
}
@media(prefers-reduced-motion:reduce){body.casino-body .pulse-grid .node .planet-surface,body.casino-body .planet-route-overlay .route-core,body.casino-body .reactor-stage > .n9-full-cosmic-field::before{animation:none!important}}


/* =====================================================================
   N9 v0.16.12 SOURCE-LEVEL FINAL RULES
   These rules live at the END of app.css so legacy styles cannot win.
   ===================================================================== */

/* fixed orbital anchors */
body.casino-body #grid.pulse-grid .node,
body.casino-body #grid.pulse-grid .node:hover,
body.casino-body #grid.pulse-grid .node:focus,
body.casino-body #grid.pulse-grid .node:active,
body.casino-body #grid.pulse-grid .node.selected,
body.casino-body #grid.pulse-grid .node.hit{
  transform:translate(-50%,-50%)!important;
  scale:1!important;
  rotate:none!important;
  animation:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Kill every legacy selector circle/pseudo-element. */
body.casino-body #grid.pulse-grid .node::before,
body.casino-body #grid.pulse-grid .node::after,
body.casino-body #grid.pulse-grid .node.selected::before,
body.casino-body #grid.pulse-grid .node.selected::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* Jupiter: left side between 9 and 2 */
body.casino-body #grid.pulse-grid .node.n5{
  left:29%!important;
  top:30%!important;
}

/* planet surface is the authoritative selection target */
body.casino-body #grid.pulse-grid .node .planet-surface{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  animation:none!important;
  border-radius:50%!important;
  outline:none!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* Selection is drawn DIRECTLY around the planet artwork.
   This cannot drift because outline belongs to the surface itself. */
body.casino-body #grid.pulse-grid .node.selected .planet-surface{
  outline:3px solid #df62ff!important;
  outline-offset:5px!important;
  transform:none!important;
  animation:none!important;
  filter:brightness(1.14) saturate(1.10) contrast(1.06)!important;
  box-shadow:
    0 0 0 2px rgba(113,38,170,.38),
    0 0 15px rgba(226,90,255,.95),
    0 0 30px rgba(84,220,255,.40),
    inset -14px -11px 22px rgba(0,0,0,.45)!important;
}

/* Exact-result state uses cyan */
body.casino-body #grid.pulse-grid .node.hit .planet-surface,
body.casino-body #grid.pulse-grid .node.exact-match .planet-surface{
  outline:3px solid #55eaff!important;
  outline-offset:5px!important;
  box-shadow:
    0 0 0 2px rgba(43,158,205,.30),
    0 0 17px rgba(85,234,255,.90),
    0 0 31px rgba(84,145,255,.35),
    inset -14px -11px 22px rgba(0,0,0,.43)!important;
}

/* dedicated selection order badge */
body.casino-body #grid.pulse-grid .planet-select-order{
  position:absolute!important;
  right:-10px!important;
  top:-10px!important;
  width:24px!important;
  height:24px!important;
  display:none!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#a933ff,#e85cff)!important;
  border:1px solid rgba(255,236,255,.92)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  z-index:30!important;
  box-shadow:0 0 14px rgba(212,70,255,.82)!important;
}
body.casino-body #grid.pulse-grid .node.selected .planet-select-order{
  display:grid!important;
}

/* old dedicated selector layer is deliberately disabled */
body.casino-body #grid.pulse-grid .planet-selector{
  display:none!important;
}

/* orbiting mini moon */
body.casino-body #grid.pulse-grid .planet-moon-orbit{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:calc(100% + 26px)!important;
  height:calc(100% + 26px)!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;
  border:1px solid rgba(185,205,245,.17)!important;
  border-radius:50%!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:12!important;
  animation:n91612Moon 10s linear infinite!important;
}
body.casino-body #grid.pulse-grid .planet-mini-moon{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:-4px!important;
  width:7px!important;
  height:7px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#fff0d0 0 14%,#aaa39b 38%,#535661 68%,#161923 100%)!important;
  box-shadow:0 0 5px rgba(225,238,255,.38)!important;
}
body.casino-body #grid.pulse-grid .n2 .planet-moon-orbit{animation-duration:8s!important}
body.casino-body #grid.pulse-grid .n3 .planet-moon-orbit{animation-duration:11s!important;animation-direction:reverse!important}
body.casino-body #grid.pulse-grid .n4 .planet-moon-orbit{animation-duration:7s!important}
body.casino-body #grid.pulse-grid .n5 .planet-moon-orbit{animation-duration:13s!important}
body.casino-body #grid.pulse-grid .n6 .planet-moon-orbit{animation-duration:15s!important;animation-direction:reverse!important}
body.casino-body #grid.pulse-grid .n7 .planet-moon-orbit{animation-duration:9s!important}
body.casino-body #grid.pulse-grid .n8 .planet-moon-orbit{animation-duration:12s!important;animation-direction:reverse!important}
body.casino-body #grid.pulse-grid .n9 .planet-moon-orbit{animation-duration:8.5s!important}
@keyframes n91612Moon{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

/* Sun gets a corona bead rather than a normal moon */
body.casino-body #grid.pulse-grid .n1 .planet-moon-orbit{
  border-color:rgba(255,167,44,.20)!important;
  animation-duration:18s!important;
}
body.casino-body #grid.pulse-grid .n1 .planet-mini-moon{
  width:5px!important;height:5px!important;
  background:#ffd36b!important;
  box-shadow:0 0 8px rgba(255,156,47,.9)!important;
}

/* planet rings — centered on each planet */
body.casino-body #grid.pulse-grid .planet-ring{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:124%!important;
  height:30%!important;
  transform:translate(-50%,-50%) rotate(-11deg)!important;
  border:1px solid rgba(185,200,232,.20)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.34!important;
  z-index:13!important;
  pointer-events:none!important;
  animation:none!important;
}
body.casino-body #grid.pulse-grid .n6 .planet-ring{
  width:156%!important;height:38%!important;
  border:2px solid rgba(229,192,121,.70)!important;
  opacity:.88!important;
}
body.casino-body #grid.pulse-grid .n7 .planet-ring{
  width:140%!important;height:32%!important;
  transform:translate(-50%,-50%) rotate(15deg)!important;
  border-color:rgba(108,229,242,.50)!important;
  opacity:.55!important;
}
body.casino-body #grid.pulse-grid .n8 .planet-ring{
  width:136%!important;height:31%!important;
  transform:translate(-50%,-50%) rotate(-17deg)!important;
  border-color:rgba(93,143,255,.48)!important;
  opacity:.52!important;
}

/* solar dust — centred around the Sun */
body.casino-body #grid.pulse-grid::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:50%!important;
  height:34%!important;
  transform:translate(-50%,-50%) rotate(-6deg)!important;
  border-radius:50%!important;
  z-index:2!important;
  opacity:.48!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 8% 45%,rgba(255,192,99,.80) 0 1px,transparent 2px),
    radial-gradient(circle at 17% 62%,rgba(196,136,77,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 26% 33%,rgba(255,222,151,.72) 0 1px,transparent 2px),
    radial-gradient(circle at 36% 70%,rgba(182,119,65,.68) 0 1px,transparent 2px),
    radial-gradient(circle at 47% 27%,rgba(255,187,85,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 59% 73%,rgba(235,169,84,.72) 0 1px,transparent 2px),
    radial-gradient(circle at 69% 30%,rgba(255,217,137,.66) 0 1px,transparent 2px),
    radial-gradient(circle at 79% 65%,rgba(186,123,70,.70) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 40%,rgba(255,193,94,.70) 0 1px,transparent 2px);
  animation:n91612Dust 34s linear infinite!important;
}
@keyframes n91612Dust{
  from{transform:translate(-50%,-50%) rotate(-6deg)}
  to{transform:translate(-50%,-50%) rotate(354deg)}
}

/* slightly incline only orbit graphics, never the planet anchors */
body.casino-body #grid.pulse-grid .n9-orbit-system{
  transform:rotate(-4deg)!important;
  transform-origin:50% 50%!important;
}

/* mobile refinements */
@media(max-width:700px){
  body.casino-body #grid.pulse-grid .node.n5{
    left:29%!important;
    top:30%!important;
  }
  body.casino-body #grid.pulse-grid .planet-moon-orbit{
    width:calc(100% + 18px)!important;
    height:calc(100% + 18px)!important;
  }
  body.casino-body #grid.pulse-grid .planet-mini-moon{
    width:5px!important;height:5px!important;top:-3px!important;
  }
  body.casino-body #grid.pulse-grid .node.selected .planet-surface{
    outline-width:2px!important;
    outline-offset:4px!important;
  }
  body.casino-body #grid.pulse-grid .planet-select-order{
    width:21px!important;height:21px!important;
    right:-7px!important;top:-7px!important;
    font-size:9px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.casino-body #grid.pulse-grid .planet-moon-orbit,
  body.casino-body #grid.pulse-grid::before{
    animation:none!important;
  }
}


/* =====================================================================
   N9 v0.16.13 — CINEMATIC TILTED ORBITS
   ===================================================================== */

/* richer space depth */
body.casino-body #grid.pulse-grid{
  isolation:isolate!important;
  background:
    radial-gradient(circle at 18% 24%,rgba(91,35,151,.28),transparent 34%),
    radial-gradient(circle at 82% 72%,rgba(22,88,150,.18),transparent 31%),
    radial-gradient(circle at 68% 18%,rgba(123,42,151,.16),transparent 26%),
    linear-gradient(180deg,#050915 0%,#030711 100%)!important;
}

body.casino-body #grid.pulse-grid .cosmic-backdrop,
body.casino-body #grid.pulse-grid .nebula-layer{
  opacity:.68!important;
  filter:saturate(1.08) contrast(1.05)!important;
}

/* soft cosmic cloud banks */
body.casino-body #grid.pulse-grid::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-8%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 5% 30%,rgba(137,50,187,.20),transparent 30%),
    radial-gradient(ellipse at 95% 34%,rgba(30,111,192,.18),transparent 28%),
    radial-gradient(ellipse at 82% 90%,rgba(91,37,141,.17),transparent 25%),
    radial-gradient(ellipse at 28% 88%,rgba(26,84,170,.11),transparent 29%)!important;
  filter:blur(18px)!important;
  animation:n91613Nebula 22s ease-in-out infinite alternate!important;
}
@keyframes n91613Nebula{
  from{transform:translate3d(-1.5%,0,0) scale(1)}
  to{transform:translate3d(1.5%,-1%,0) scale(1.035)}
}

/* orbit system becomes elliptical / tilted */
body.casino-body #grid.pulse-grid .n9-orbit-system{
  left:50%!important;
  top:50%!important;
  width:94%!important;
  height:82%!important;
  transform:translate(-50%,-50%) rotate(-5deg)!important;
  transform-origin:50% 50%!important;
  z-index:3!important;
}
body.casino-body #grid.pulse-grid .n9-orbit-system .n9-orbit{
  border-color:rgba(101,80,190,.34)!important;
  box-shadow:0 0 8px rgba(76,61,165,.08)!important;
}

/* extra glowing orbital highlights */
body.casino-body #grid.pulse-grid .n9-orbit-system .n9-orbit:nth-child(2n){
  border-color:rgba(61,112,206,.26)!important;
}
body.casino-body #grid.pulse-grid .n9-orbit-system .n9-orbit:nth-child(3n){
  border-color:rgba(153,72,203,.26)!important;
}

/* denser inner asteroid belt */
body.casino-body #grid.pulse-grid .asteroid-belt{
  opacity:.72!important;
  filter:brightness(1.06) saturate(.9)!important;
  animation:n91613Belt 60s linear infinite!important;
}
@keyframes n91613Belt{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

/* solar dust ring, now more visible and realistic */
body.casino-body #grid.pulse-grid::before{
  width:58%!important;
  height:38%!important;
  opacity:.62!important;
  filter:drop-shadow(0 0 3px rgba(255,158,70,.20))!important;
}

/* moons must visibly rotate around every body */
body.casino-body #grid.pulse-grid .planet-moon-orbit{
  z-index:17!important;
  opacity:.92!important;
  border-color:rgba(186,205,244,.18)!important;
  box-shadow:0 0 4px rgba(105,137,216,.08)!important;
}
body.casino-body #grid.pulse-grid .planet-mini-moon{
  width:8px!important;
  height:8px!important;
  top:-5px!important;
  z-index:18!important;
  box-shadow:
    0 0 4px rgba(235,243,255,.55),
    0 0 9px rgba(143,177,255,.18)!important;
}

/* larger bodies get slightly larger moon orbits */
body.casino-body #grid.pulse-grid .n5 .planet-moon-orbit,
body.casino-body #grid.pulse-grid .n6 .planet-moon-orbit{
  width:calc(100% + 34px)!important;
  height:calc(100% + 34px)!important;
}

/* Jupiter left composition */
body.casino-body #grid.pulse-grid .node.n5{
  left:28%!important;
  top:29%!important;
}

/* stronger Saturn ring */
body.casino-body #grid.pulse-grid .n6 .planet-ring{
  width:170%!important;
  height:42%!important;
  border:2px solid rgba(229,193,124,.74)!important;
  box-shadow:
    0 0 5px rgba(232,198,132,.18),
    inset 0 0 7px rgba(255,221,153,.08)!important;
}
body.casino-body #grid.pulse-grid .n7 .planet-ring{
  width:145%!important;
  height:33%!important;
  opacity:.58!important;
}
body.casino-body #grid.pulse-grid .n8 .planet-ring{
  width:142%!important;
  height:33%!important;
  opacity:.56!important;
}

/* make Sun more cinematic */
body.casino-body #grid.pulse-grid .node.n1 .planet-surface{
  filter:
    brightness(1.15)
    saturate(1.16)
    contrast(1.10)
    drop-shadow(0 0 10px rgba(255,170,45,.50))
    drop-shadow(0 0 24px rgba(255,95,19,.30))!important;
}
body.casino-body #grid.pulse-grid .node.n1{
  z-index:20!important;
}

/* stars with a little shimmer */
body.casino-body #grid.pulse-grid .star,
body.casino-body #grid.pulse-grid .stars i{
  animation:n91613Twinkle 3.8s ease-in-out infinite alternate!important;
}
@keyframes n91613Twinkle{
  from{opacity:.35;filter:brightness(.85)}
  to{opacity:1;filter:brightness(1.35)}
}

/* selected planet state stays perfectly aligned */
body.casino-body #grid.pulse-grid .node.selected .planet-surface{
  outline:3px solid #e45dff!important;
  outline-offset:5px!important;
  box-shadow:
    0 0 0 2px rgba(121,39,177,.34),
    0 0 16px rgba(228,93,255,.92),
    0 0 30px rgba(83,216,255,.34),
    inset -14px -11px 22px rgba(0,0,0,.43)!important;
}

/* ---------- MOBILE CINEMATIC TILT ---------- */
@media(max-width:700px){
  body.casino-body #grid.pulse-grid{
    min-height:0!important;
    aspect-ratio:1 / 1.12!important;
    overflow:hidden!important;
  }

  /* create the same angled orbit feel as desktop */
  body.casino-body #grid.pulse-grid .n9-orbit-system{
    width:104%!important;
    height:82%!important;
    transform:translate(-50%,-50%) rotate(-9deg) skewY(-2deg)!important;
  }

  /* keep actual planets level while the orbit graphics are inclined */
  body.casino-body #grid.pulse-grid .node{
    transform:translate(-50%,-50%)!important;
  }

  body.casino-body #grid.pulse-grid .node.n5{
    left:28%!important;
    top:29%!important;
  }

  body.casino-body #grid.pulse-grid .planet-moon-orbit{
    width:calc(100% + 22px)!important;
    height:calc(100% + 22px)!important;
    opacity:.96!important;
  }

  body.casino-body #grid.pulse-grid .planet-mini-moon{
    width:6px!important;
    height:6px!important;
    top:-4px!important;
  }

  body.casino-body #grid.pulse-grid .n5 .planet-moon-orbit,
  body.casino-body #grid.pulse-grid .n6 .planet-moon-orbit{
    width:calc(100% + 28px)!important;
    height:calc(100% + 28px)!important;
  }

  /* stronger mobile nebula corners, but keep centre clean */
  body.casino-body #grid.pulse-grid::after{
    opacity:.78!important;
    filter:blur(14px)!important;
  }
}

/* slightly tighter small phones */
@media(max-width:390px){
  body.casino-body #grid.pulse-grid .n9-orbit-system{
    width:106%!important;
    height:80%!important;
    transform:translate(-50%,-50%) rotate(-10deg) skewY(-2deg)!important;
  }
}

/* reduced-motion users keep the cinematic appearance without animation */
@media(prefers-reduced-motion:reduce){
  body.casino-body #grid.pulse-grid::after,
  body.casino-body #grid.pulse-grid .asteroid-belt,
  body.casino-body #grid.pulse-grid .star,
  body.casino-body #grid.pulse-grid .stars i{
    animation:none!important;
  }
}