/* Auto-adapted theme packs for RackStats. Classic = no data-theme. */


.score{position:relative;overflow:hidden;gap:8px}
.score .sf{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0}
.score .sf .fh,.score .sf .fa{height:100%;transition:width .45s ease}
.score .sf .fh{background:rgba(79,163,255,.28);background:color-mix(in srgb,var(--h) 28%,transparent);width:var(--fillH,0%)}
.score .sf .fa{margin-left:auto;background:rgba(255,181,71,.28);background:color-mix(in srgb,var(--a) 28%,transparent);width:var(--fillA,0%)}
.score > span{position:relative;z-index:1}
.thmenu{position:relative}
.thbtn{background:none;border:1px solid var(--line);color:var(--mu);border-radius:8px;padding:6px 8px;font-size:14px;line-height:1}
.thpop{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:70;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px;min-width:180px;box-shadow:0 12px 28px #000a;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}
.thpop.on{display:block}
.thpop button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--tx);padding:9px 10px;border-radius:8px;font-size:14px}
.thpop button.on{background:color-mix(in srgb,var(--h) 28%,var(--bg));font-weight:700}
.thpop button:active{background:color-mix(in srgb,var(--tx) 12%,var(--bg))}
body[data-theme="chalkboard"] .thpop{background:#1a2420!important;border:2px solid rgba(255,255,255,.55)!important;box-shadow:0 12px 28px #000c!important}
body[data-theme="chalkboard"] .thpop button.on{background:rgba(255,233,166,.22)!important}
body[data-theme="neon"] .thpop{background:#120c11!important;border-color:#ff4fb355!important}
body[data-theme="arcade"] .thpop{background:#000!important;border:2px solid #2121de!important}
#sharecard{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:16px}
#sharecard .scinner{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;max-width:360px;width:100%;max-height:min(92vh,920px);overflow:auto;box-shadow:0 20px 50px #000c}
#sharecard canvas,#sharecard img{width:100%!important;width:100%;border-radius:12px;background:#0b0e13}
#sharecard .scacts{display:flex;gap:8px;margin-top:12px}
#sharecard .scacts button{flex:1}
.sharebanner{margin:0 0 12px;padding:12px;border-radius:12px;border:1px solid var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--card));display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sharebanner b{color:var(--ok)}



/* === classic-v2 === */
/* Widow depth/gradients/contrast applied to Classic blue/orange — no webs, no hourglass */
body[data-theme="classic-v2"]{--bg:#0a0e14;--card:#141a24;--line:#2e3a4c;--tx:#f2f6fc;--mu:#9aa6b8;--h:#5eb0ff;--a:#ffb84d;--ok:#3ddc84}
body[data-theme="classic-v2"]{background:#070a10;background-image:radial-gradient(ellipse at 50% -12%,#1a3a5c 0%,#0e1622 42%,#070a10 100%);background-attachment:fixed;background-color:#070a10;min-height:100dvh;font-weight:500}
body[data-theme="classic-v2"] header{background:linear-gradient(180deg,#171e2a,#0a0e14);border-bottom:1px solid #5eb0ff66;box-shadow:0 1px 0 #0b1a2a,0 8px 22px #000a}
body[data-theme="classic-v2"] header b{font-weight:800;letter-spacing:.3px;color:#fff;text-shadow:0 1px 0 #0008}
body[data-theme="classic-v2"] header .sub{color:#a8b4c6}
body[data-theme="classic-v2"] .conn{background:#071018!important;border:1px solid #3ddc84!important;color:#3ddc84!important;box-shadow:0 0 10px #3ddc8433;text-shadow:none;font-size:10px!important;padding:2px 8px!important;border-radius:999px!important}
body[data-theme="classic-v2"] nav button{border-color:#3a4658!important;color:#b0bac8!important;font-weight:600}
body[data-theme="classic-v2"] nav button.on{background:linear-gradient(#7ec4ff,#3a8fd6)!important;border-color:#b3dcff!important;color:#041018!important;box-shadow:inset 0 1px 0 #fff8,0 2px 8px #3a8fd655}
body[data-theme="classic-v2"] .card{background:linear-gradient(180deg,#1c2432 0%,#121821 45%,#0c1018 100%)!important;border:1px solid #334155!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff18,0 12px 28px #0009}
body[data-theme="classic-v2"] .card.rnd{border-top:2px solid #5eb0ff!important}
body[data-theme="classic-v2"] .rnd h3{font-weight:800;letter-spacing:.4px;color:#f5f8ff;border-bottom:1px solid #2a3548;padding-bottom:6px}
body[data-theme="classic-v2"] .win{color:#041810!important;background:linear-gradient(#5ef0a0,#2bb86a);padding:2px 10px;border-radius:6px;box-shadow:inset 0 1px 0 #fff6}
body[data-theme="classic-v2"] .n{font-size:15px;font-weight:700}
body[data-theme="classic-v2"] .n small{color:#a7b3c5;font-weight:600}
body[data-theme="classic-v2"] .H{color:#7ec4ff!important}
body[data-theme="classic-v2"] .A{color:#ffc266!important}
body[data-theme="classic-v2"] .g button{background:linear-gradient(#121820,#0a0e14)!important;border:1px solid #2a3548!important;color:#7a8799!important;font-weight:700;border-radius:7px!important;box-shadow:inset 0 1px 0 #ffffff08}
body[data-theme="classic-v2"] .g button.wH{background:linear-gradient(#9ad0ff,#3a8fd6 55%,#1e5f9e)!important;color:#041018!important;border-color:#c5e4ff!important;box-shadow:inset 0 1px 0 #ffffff88,0 2px 10px #3a8fd666}
body[data-theme="classic-v2"] .g button.wA{background:linear-gradient(#ffd699,#e89a2e 55%,#a86410)!important;color:#1a0e02!important;border-color:#ffe3b0!important;box-shadow:inset 0 1px 0 #ffffff88,0 2px 10px #e89a2e55}
body[data-theme="classic-v2"] .strip{border-radius:6px}
body[data-theme="classic-v2"] .strip.s-need{background:rgba(94,176,255,.18)!important;color:#7ec4ff!important;box-shadow:inset 0 0 0 1px #5eb0ff66}
body[data-theme="classic-v2"] .strip.s-lock{color:#3ddc84!important}
body[data-theme="classic-v2"] .strip.s-wait{color:#ffb84d!important}
body[data-theme="classic-v2"] .strip.s-req{background:rgba(255,107,107,.14)!important;color:#ff8a8a!important}
body[data-theme="classic-v2"] .tot>div{background:linear-gradient(#101620,#0a0e14)!important;border:1px solid #2e3a4c!important;border-radius:8px!important;box-shadow:inset 0 1px 0 #ffffff10}
body[data-theme="classic-v2"] .badge.capchip{background:linear-gradient(#2a2410,#1a160a)!important;color:#ffd76a!important;border:1px solid #8a7020!important;box-shadow:inset 0 1px 0 #ffffff22,0 0 10px #f5c54233}
body[data-theme="classic-v2"] .score{background:linear-gradient(180deg,#151c28,#080b10)!important;border-top:1px solid #5eb0ff55!important;box-shadow:0 -6px 20px #0008}
body[data-theme="classic-v2"] .score .H,body[data-theme="classic-v2"] .score .A{font-weight:800;letter-spacing:.2px}
body[data-theme="classic-v2"] .score .sf .fh{background:rgba(94,176,255,.32)!important}
body[data-theme="classic-v2"] .score .sf .fa{background:rgba(255,184,77,.32)!important}
body[data-theme="classic-v2"] .vt{border-color:#3a4658!important}
body[data-theme="classic-v2"] .vt button.on{background:linear-gradient(#7ec4ff,#3a8fd6)!important;color:#041018!important;font-weight:800}
body[data-theme="classic-v2"] .btn{background:linear-gradient(#7ec4ff,#3a8fd6)!important;box-shadow:inset 0 1px 0 #fff8,0 4px 12px #3a8fd655}
body[data-theme="classic-v2"] .sbtn.pri{background:linear-gradient(#7ec4ff,#3a8fd6)!important;border-color:#b3dcff!important;color:#041018!important;box-shadow:inset 0 1px 0 #fff6}
body[data-theme="classic-v2"] .sharebanner{border-color:#3ddc84!important;background:linear-gradient(180deg,#14241c,#101820)!important;box-shadow:inset 0 1px 0 #ffffff14}
body[data-theme="classic-v2"] .thbtn{border-color:#3a4658!important}
body[data-theme="classic-v2"] select{background:#0a0e14!important;border-color:#2e3a4c!important}
body[data-theme="classic-v2"] .tbtn.on{background:linear-gradient(#14202e,#0c141e)!important;box-shadow:inset 0 0 0 1px currentColor}

/* === neon === */
body[data-theme="neon"]{--bg:#0a0709;--card:rgba(14,10,14,.86);--line:#3a2430;--tx:#f6eef7;--mu:#a996a8;--h:#ff4fb3;--a:#3fd7ff;--ok:#7dff9a}
body[data-theme="neon"]{font-family:'Barlow Semi Condensed',system-ui,sans-serif;background-color:#140c0e;
 background-image:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),repeating-linear-gradient(0deg,#2a1414 0 22px,#1a0b0b 22px 24px),repeating-linear-gradient(90deg,transparent 0 46px,#1a0b0b 46px 48px)}
body[data-theme="neon"] header{background:rgba(8,5,8,.9);border-bottom:1px solid #ff4fb355;box-shadow:0 1px 18px #ff4fb333}
body[data-theme="neon"] header b{font-family:'Monoton',cursive;font-weight:400;font-size:22px;color:#fff;text-shadow:0 0 4px #ff4fb3,0 0 12px #ff4fb3,0 0 24px #ff2a9d}
body[data-theme="neon"] header .sub{color:#c7a9c3}
body[data-theme="neon"] .conn{color:#7dff9a!important;border:1px solid #7dff9a!important;text-shadow:0 0 6px #7dff9a;box-shadow:0 0 8px #7dff9a66,inset 0 0 6px #7dff9a44;background:transparent!important}
body[data-theme="neon"] nav button{border-color:#4a3045!important;color:#cbb5c8!important}
body[data-theme="neon"] nav button.on{color:#fff!important;border-color:#3fd7ff!important;box-shadow:0 0 8px #3fd7ff,inset 0 0 6px #3fd7ff88;text-shadow:0 0 6px #3fd7ff}
body[data-theme="neon"] .card{border:1px solid #3a2430!important;box-shadow:0 0 0 1px #000,0 10px 30px #000c;backdrop-filter:blur(2px)}
body[data-theme="neon"] .card.rnd{border:2px solid #ff4fb3!important;box-shadow:0 0 6px #ff4fb3,0 0 18px #ff4fb377,inset 0 0 14px #ff4fb333!important}
body[data-theme="neon"] .rnd h3{font-family:'Monoton',cursive;font-weight:400;font-size:22px;color:#fff;text-shadow:0 0 6px #fff,0 0 14px #ff4fb3}
body[data-theme="neon"] .rnd h3 .win{font-family:'Barlow Semi Condensed';color:#7dff9a!important;text-shadow:0 0 8px #7dff9a}
body[data-theme="neon"] .n{font-size:18px;font-weight:600}
body[data-theme="neon"] .n small{color:#b9a7b8;font-size:13px}
body[data-theme="neon"] .H{color:#ff7cc6!important;text-shadow:0 0 8px #ff4fb3aa}
body[data-theme="neon"] .A{color:#7fe3ff!important;text-shadow:0 0 8px #3fd7ffaa}
body[data-theme="neon"] .g button{background:#120c11!important;border:1px solid #3a2a36!important;color:#7d6c7b!important;font-weight:700}
body[data-theme="neon"] .g button.wH{background:#1d0714!important;color:#fff!important;border:1.5px solid #ff4fb3!important;box-shadow:0 0 6px #ff4fb3,inset 0 0 8px #ff4fb399;text-shadow:0 0 6px #ff4fb3}
body[data-theme="neon"] .g button.wA{background:#05141b!important;color:#fff!important;border:1.5px solid #3fd7ff!important;box-shadow:0 0 6px #3fd7ff,inset 0 0 8px #3fd7ff99;text-shadow:0 0 6px #3fd7ff}
body[data-theme="neon"] .strip.s-lock{color:#7dff9a!important;text-shadow:0 0 6px #7dff9a}
body[data-theme="neon"] .strip.s-wait{color:#ffc24a!important;text-shadow:0 0 6px #ffb020}
body[data-theme="neon"] .strip.s-req{color:#ff6b6b!important;text-shadow:0 0 6px #ff3030;background:#2a0a0f!important}
body[data-theme="neon"] .strip.s-need{background:#091a22!important;color:#7fe3ff!important;box-shadow:inset 0 0 0 1px #3fd7ff88}
body[data-theme="neon"] .tot>div{background:#0d090c!important;border:1px solid #3a2430!important;font-weight:600}
body[data-theme="neon"] .badge.capchip{background:transparent!important;color:#ffd84a!important;border:1px solid #ffd84a!important;box-shadow:0 0 8px #ffd84a88;text-shadow:0 0 6px #ffb800}
body[data-theme="neon"] .score{background:#070507!important;border-top:1px solid #ff4fb3!important;box-shadow:0 -4px 22px #ff4fb344}
body[data-theme="neon"] .score .H,body[data-theme="neon"] .score .A{font-family:'Monoton',cursive;font-weight:400;font-size:17px}
body[data-theme="neon"] .vt button.on{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px #ff4fb3,0 0 8px #ff4fb3}
body[data-theme="neon"] .moment{background:transparent;color:#fff;border:2px solid #7dff9a;box-shadow:0 0 8px #7dff9a,inset 0 0 10px #7dff9a88;text-shadow:0 0 6px #7dff9a,0 0 14px #7dff9a;font-family:'Monoton',cursive;font-weight:400;letter-spacing:1px}

/* === ball-colors === */
body[data-theme="ball-colors"]{--bg:#10131c;--card:#1a1f2c;--line:#2c3346;--tx:#f5f7fb;--mu:#a5afc4;--h:#ffd21f;--a:#3b82ff;--ok:#2fd36e}
body[data-theme="ball-colors"]{font-family:'Nunito',system-ui,sans-serif;background:radial-gradient(circle at 20% 0%,#1d2540,#10131c 60%)}
body[data-theme="ball-colors"] header{background:#141927;border-bottom:0;box-shadow:0 4px 0 0 transparent;border-image:linear-gradient(90deg,#ffd21f 0 11.1%,#1f5bff 0 22.2%,#e8282b 0 33.3%,#6a2fb5 0 44.4%,#ff7a1a 0 55.5%,#1f9d4a 0 66.6%,#8b1d2c 0 77.7%,#111 0 88.8%,#ffd21f 0) 1;border-bottom:5px solid}
body[data-theme="ball-colors"] header b{font-family:'Fredoka',sans-serif;font-weight:700;font-size:22px}
body[data-theme="ball-colors"] .conn{background:#2fd36e!important;color:#06240f!important;border:0!important;font-weight:800}
body[data-theme="ball-colors"] nav button{border-radius:999px!important;border-color:#34405a!important;font-weight:700}
body[data-theme="ball-colors"] nav button.on{background:#fff!important;color:#111!important}
body[data-theme="ball-colors"] .card{border-radius:20px!important;border:0!important;background:#1b2130!important;box-shadow:0 8px 20px #0007}
body[data-theme="ball-colors"] .card.rnd{border-top:8px solid #ffd21f!important}
body[data-theme="ball-colors"] .rnd h3{font-family:'Fredoka',sans-serif;font-weight:700;font-size:22px}
body[data-theme="ball-colors"] .rnd h3>span:first-child:before{content:'1';display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:50%;font-size:14px;color:#111;background:radial-gradient(circle at 50% 50%,#fff 0 7px,transparent 7.5px),radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 6px),radial-gradient(circle,#ffe25a,#e0aa00);box-shadow:inset -3px -4px 6px #0005,0 2px 4px #0008;vertical-align:-6px}
body[data-theme="ball-colors"] .win{background:#2fd36e;color:#062!important;padding:2px 10px;border-radius:999px;font-weight:800}
body[data-theme="ball-colors"] .pair{border-left:6px solid var(--pc,#ffd21f);padding-left:6px;border-radius:4px}
body[data-theme="ball-colors"] .pair:nth-of-type(1){--pc:#ffd21f}
body[data-theme="ball-colors"] .n{font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px}
body[data-theme="ball-colors"] .n small{font-family:'Nunito';color:#b7c0d4;font-weight:700}
body[data-theme="ball-colors"] .H{color:#ffd21f!important}
body[data-theme="ball-colors"] .A{color:#6aa3ff!important}
body[data-theme="ball-colors"] .g button{border-radius:999px!important;background:#242b3d!important;border:0!important;color:#8590a8!important;font-weight:800}
body[data-theme="ball-colors"] .g button.wH,body[data-theme="ball-colors"] .g button.wA{color:#111!important;box-shadow:inset -3px -4px 8px #0004,inset 3px 3px 6px #fff8,0 2px 5px #0009}
body[data-theme="ball-colors"] .g button.wH{background:radial-gradient(circle at 30% 25%,#fff7c2,#ffd21f 45%,#c99a00)!important}
body[data-theme="ball-colors"] .g button.wA{background:radial-gradient(circle at 30% 25%,#cfe0ff,#3b82ff 45%,#1243b8)!important;color:#fff!important}
body[data-theme="ball-colors"] .strip{border-radius:999px!important;font-weight:800}
body[data-theme="ball-colors"] .strip.s-need{background:#ffd21f!important;color:#111!important}
body[data-theme="ball-colors"] .tot>div{border-radius:999px!important;background:#242b3d!important;font-weight:800}
body[data-theme="ball-colors"] .badge.capchip{background:radial-gradient(circle at 30% 25%,#ffe9a3,#ff7a1a 60%,#b94d00)!important;color:#111!important;border:0!important;font-weight:800}
body[data-theme="ball-colors"] .score{background:#141927!important;border-top:0!important;border-image:linear-gradient(90deg,#ffd21f 0 11.1%,#1f5bff 0 22.2%,#e8282b 0 33.3%,#6a2fb5 0 44.4%,#ff7a1a 0 55.5%,#1f9d4a 0 66.6%,#8b1d2c 0 77.7%,#111 0 88.8%,#ffd21f 0) 1;border-top:5px solid}
body[data-theme="ball-colors"] .score .H,body[data-theme="ball-colors"] .score .A{font-family:'Fredoka';font-size:20px}
body[data-theme="ball-colors"] .vt{border-radius:999px!important}
body[data-theme="ball-colors"] .vt button.on{background:#fff!important;color:#111!important}
body[data-theme="ball-colors"] .moment{font-family:'Fredoka';font-size:15px;color:#111;background:radial-gradient(circle at 30% 20%,#fff,#ffe25a 40%,#ff9a1a);box-shadow:0 4px 0 #b55a00,0 8px 16px #000a}
body[data-theme="ball-colors"] .pair.p1{--pc:#ffd21f}
body[data-theme="ball-colors"] .pair.p2{--pc:#1f5bff}
body[data-theme="ball-colors"] .pair.p3{--pc:#e8282b}
body[data-theme="ball-colors"] .pair.p4{--pc:#6a2fb5}
body[data-theme="ball-colors"] .pair.p4 .n.H:after{content:''}

/* === arcade === */
body[data-theme="arcade"]{--bg:#000;--card:#000;--line:#2121de;--tx:#fff;--mu:#9aa0ff;--h:#ffe500;--a:#ff5ec8;--ok:#2bff4f}
body[data-theme="arcade"]{font-family:'VT323',monospace;font-size:21px;background:#000;line-height:1.15}
body[data-theme="arcade"]:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
body[data-theme="arcade"] header{background:#000;border-bottom:4px double #2121de}
body[data-theme="arcade"] header b{font-family:'Press Start 2P',monospace;font-size:13px;color:#ffe500;text-shadow:2px 2px 0 #c00}
body[data-theme="arcade"] header .sub{font-family:'VT323';font-size:15px;color:#9aa0ff}
body[data-theme="arcade"] .conn{font-family:'Press Start 2P'!important;font-size:8px!important;background:#000!important;color:#2bff4f!important;border:2px solid #2bff4f!important;border-radius:0!important}
body[data-theme="arcade"] nav button{font-family:'Press Start 2P'!important;font-size:8px!important;border-radius:0!important;border:2px solid #2121de!important;color:#9aa0ff!important;padding:8px 6px!important}
body[data-theme="arcade"] nav button.on{background:#2121de!important;color:#fff!important}
body[data-theme="arcade"] .card{border-radius:0!important;border:4px double #2121de!important;background:#000!important;box-shadow:0 0 0 2px #000,0 0 12px #2121de88}
body[data-theme="arcade"] .rnd h3{font-family:'Press Start 2P';font-size:13px;color:#ffe500;letter-spacing:1px}
body[data-theme="arcade"] .rnd h3 .win{font-family:'Press Start 2P';font-size:9px;color:#2bff4f!important;animation:none}
body[data-theme="arcade"] .pair:after{content:'';display:block}
body[data-theme="arcade"] .n{font-size:23px}
body[data-theme="arcade"] .n small{font-size:17px;color:#b8bcff}
body[data-theme="arcade"] .H{color:#ffe500!important}
body[data-theme="arcade"] .A{color:#ff5ec8!important}
body[data-theme="arcade"] .g button{border-radius:0!important;background:#000!important;border:2px solid #333a9c!important;color:#5b61b8!important;font-family:'VT323';font-size:19px!important}
body[data-theme="arcade"] .g button.wH{background:#ffe500!important;color:#000!important;border-color:#fff7a0!important;box-shadow:3px 3px 0 #c08a00}
body[data-theme="arcade"] .g button.wA{background:#ff5ec8!important;color:#000!important;border-color:#ffc2ea!important;box-shadow:3px 3px 0 #a0207a}
body[data-theme="arcade"] .strip{border-radius:0!important;font-family:'VT323';font-size:17px!important;background:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px)!important}
body[data-theme="arcade"] .strip.s-lock{color:#2bff4f!important}
body[data-theme="arcade"] .strip.s-wait{color:#ffb000!important}
body[data-theme="arcade"] .strip.s-req{color:#ff3030!important}
body[data-theme="arcade"] .strip.s-need{background:#2121de!important;color:#fff!important}
body[data-theme="arcade"] .strip.s-need .sm:before{content:'▶ '}
body[data-theme="arcade"] .tot>div{border-radius:0!important;background:#000!important;border:2px solid #2121de!important;font-size:20px}
body[data-theme="arcade"] .tot b{font-family:'Press Start 2P';font-size:13px}
body[data-theme="arcade"] .badge.capchip{border-radius:0!important;background:#000!important;color:#ffe500!important;border:2px solid #ffe500!important;font-family:'Press Start 2P';font-size:8px}
body[data-theme="arcade"] .ghost svg,body[data-theme="arcade"] .pg{width:1.4em!important;height:1.4em!important;filter:drop-shadow(0 0 4px #2121de)}
body[data-theme="arcade"] .score{background:#000!important;border-top:4px double #2121de!important;font-family:'Press Start 2P'}
body[data-theme="arcade"] .score .H,body[data-theme="arcade"] .score .A{font-size:11px}
body[data-theme="arcade"] .score .mu{font-family:'Press Start 2P';font-size:8px}
body[data-theme="arcade"] .vt{border-radius:0!important;border:2px solid #2121de!important}
body[data-theme="arcade"] .vt button{font-family:'Press Start 2P';font-size:8px!important}
body[data-theme="arcade"] .vt button.on{background:#2121de!important;color:#fff!important}
body[data-theme="arcade"] .moment{font-family:'Press Start 2P';font-size:9px;line-height:1.6;border-radius:0;background:#000;color:#2bff4f;border:3px solid #2bff4f;box-shadow:4px 4px 0 #0a5;padding:8px 10px}
body[data-theme="arcade"] .moment b{color:#ffe500}
body[data-theme="arcade"] .strip .sm{font-size:14px!important}
body[data-theme="arcade"] header nav{margin-left:auto}
body[data-theme="arcade"] .n .tn{font-size:16px!important}
body[data-theme="arcade"] .n>span{font-size:24px}

/* === chalkboard === */
body[data-theme="chalkboard"]{--bg:#22302a;--card:transparent;--line:rgba(255,255,255,.35);--tx:#f4f1e8;--mu:#c7cbbf;--h:#ffe9a6;--a:#a9e4ff;--ok:#c6f7b0}
body[data-theme="chalkboard"]{font-family:'Patrick Hand',cursive;font-size:19px;background:#25332c;background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.07),transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.05),transparent 50%),repeating-linear-gradient(17deg,rgba(255,255,255,.015) 0 2px,transparent 2px 7px),repeating-linear-gradient(-23deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px)}
body[data-theme="chalkboard"]:after{content:'';position:fixed;inset:0;pointer-events:none;border:14px solid #6d4b2e;box-shadow:inset 0 0 0 2px #3e2a18,inset 0 0 30px #0008;z-index:50}
body[data-theme="chalkboard"] header{background:#1e2a24!important;border-bottom:2px dashed rgba(255,255,255,.35);padding-top:20px!important;padding-left:22px!important;padding-right:22px!important;box-shadow:0 8px 18px #0008;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-theme="chalkboard"] header b{font-family:'Permanent Marker',cursive;font-weight:400;font-size:22px;text-shadow:0 0 2px #fff6}
body[data-theme="chalkboard"] header .sub{color:#d5d8cc;font-size:14px}
body[data-theme="chalkboard"] main{padding:12px 22px!important}
body[data-theme="chalkboard"] .conn{background:transparent!important;border:2px solid #c6f7b0!important;color:#c6f7b0!important;border-radius:40% 55% 45% 60%/60% 45% 55% 40%!important}
body[data-theme="chalkboard"] nav button{background:transparent!important;border:2px solid rgba(255,255,255,.4)!important;color:#e6e3d8!important;font-family:'Patrick Hand';font-size:15px!important;border-radius:10px 14px 9px 13px!important}
body[data-theme="chalkboard"] nav button.on{border-color:#fff!important;color:#fff!important;text-decoration:underline wavy #ffe9a6}
body[data-theme="chalkboard"] .card{background:rgba(255,255,255,.03)!important;border:2px solid rgba(255,255,255,.55)!important;border-radius:14px 22px 12px 18px!important;box-shadow:none!important}
body[data-theme="chalkboard"] .rnd h3{font-family:'Permanent Marker',cursive;font-weight:400;font-size:24px;color:#fff}
body[data-theme="chalkboard"] .win{color:#c6f7b0!important;font-family:'Patrick Hand';font-size:19px;border:2px solid #c6f7b0;border-radius:50%;padding:0 8px}
body[data-theme="chalkboard"] .n{font-size:21px}
body[data-theme="chalkboard"] .n small{font-size:15px;color:#d2d5c9}
body[data-theme="chalkboard"] .H{color:#ffe9a6!important}
body[data-theme="chalkboard"] .A{color:#a9e4ff!important}
body[data-theme="chalkboard"] .g button{background:transparent!important;border:2px solid rgba(255,255,255,.28)!important;color:rgba(255,255,255,.5)!important;font-family:'Patrick Hand';font-size:16px!important;border-radius:8px 12px 7px 11px!important}
body[data-theme="chalkboard"] .g button.wH{border-color:#ffe9a6!important;color:#ffe9a6!important;background:rgba(255,233,166,.13)!important;text-decoration:underline 2px}
body[data-theme="chalkboard"] .g button.wA{border-color:#a9e4ff!important;color:#a9e4ff!important;background:rgba(169,228,255,.13)!important;text-decoration:underline 2px}
body[data-theme="chalkboard"] .strip{font-family:'Patrick Hand';font-size:16px!important;background:transparent!important}
body[data-theme="chalkboard"] .strip.s-need{border:2px dashed #fff!important;color:#fff!important}
body[data-theme="chalkboard"] .tot>div{background:transparent!important;border:2px solid rgba(255,255,255,.4)!important;font-size:20px;border-radius:10px 6px 12px 8px!important}
body[data-theme="chalkboard"] .tot b{font-family:'Permanent Marker';font-weight:400;font-size:22px}
body[data-theme="chalkboard"] .badge.capchip{background:transparent!important;border:2px solid #ffe9a6!important;color:#ffe9a6!important;font-family:'Patrick Hand';font-size:15px}
body[data-theme="chalkboard"] .score{background:#1b2621!important;border-top:3px solid #6d4b2e!important;font-family:'Permanent Marker';bottom:14px!important;left:14px!important;right:14px!important}
body[data-theme="chalkboard"] .score .H,body[data-theme="chalkboard"] .score .A{font-weight:400}
body[data-theme="chalkboard"] .vt button.on{background:rgba(255,255,255,.15)!important;color:#fff!important}
body[data-theme="chalkboard"] .vt{border:2px solid rgba(255,255,255,.4)!important}
body[data-theme="chalkboard"] .moment{font-family:'Permanent Marker';font-weight:400;font-size:16px;color:#fff;background:transparent;border:2.5px solid #ffb3c7;border-radius:50% 45% 55% 48%/60% 55% 45% 50%;padding:8px 18px;transform:rotate(-3deg)}

/* === black-widow === */
body[data-theme="black-widow"]{--bg:#050505;--card:#0d0d0f;--line:#2a2a2e;--tx:#f2f2f4;--mu:#a3a3ab;--h:#e0182d;--a:#dfe3ea;--ok:#e0182d}
body[data-theme="black-widow"]{font-family:'Rajdhani',system-ui,sans-serif;font-size:18px;font-weight:600;background:radial-gradient(ellipse at 50% -10%,#2a0509 0%,#0a0a0b 45%,#000 100%)}
body[data-theme="black-widow"]:before,body[data-theme="black-widow"]:after{content:'';position:fixed;width:190px;height:190px;pointer-events:none;z-index:0;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23c9ccd4' stroke-width='.7'%3E%3Cpath d='M0 0L200 60M0 0L170 120M0 0L120 170M0 0L60 200M0 0L200 10M0 0L10 200'/%3E%3Cpath d='M40 12Q36 26 34 34Q24 36 12 40M80 24Q72 52 68 68Q50 72 24 80M120 36Q108 78 102 102Q78 108 36 120M160 48Q144 104 136 136Q104 144 48 160M196 60Q180 130 170 170Q130 180 60 196'/%3E%3C/svg%3E") no-repeat}
body[data-theme="black-widow"]:before{top:0;left:0}
body[data-theme="black-widow"]:after{bottom:0;right:0;transform:rotate(180deg)}
body[data-theme="black-widow"] main,body[data-theme="black-widow"] .score{position:relative;z-index:1}body[data-theme="black-widow"] header{position:sticky;z-index:50}
body[data-theme="black-widow"] header{background:linear-gradient(#141416,#050506);border-bottom:1px solid #e0182d;box-shadow:0 1px 0 #3a0007,0 6px 20px #000}
body[data-theme="black-widow"] header b{font-family:'Michroma',sans-serif;font-size:17px;letter-spacing:2px;text-transform:uppercase}
body[data-theme="black-widow"] header .sub{color:#9a9aa3;letter-spacing:.5px}
body[data-theme="black-widow"] .conn{background:#000!important;border:1px solid #e0182d!important;color:#ff4a5c!important}
body[data-theme="black-widow"] nav button{border-color:#333!important;color:#c3c5cc!important;font-family:'Rajdhani';font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px!important}
body[data-theme="black-widow"] nav button.on{background:linear-gradient(#ff2b40,#9b0012)!important;border-color:#ff5a6a!important;color:#fff!important}
body[data-theme="black-widow"] .card{background:linear-gradient(180deg,#18181b 0%,#0a0a0b 40%,#050506 100%)!important;border:1px solid #2c2c31!important;border-radius:6px!important;box-shadow:inset 0 1px 0 #ffffff1c,0 12px 30px #000}
body[data-theme="black-widow"] .card.rnd{border-top:2px solid #e0182d!important}
body[data-theme="black-widow"] .rnd h3{font-family:'Michroma';font-size:16px;letter-spacing:3px;text-transform:uppercase}
body[data-theme="black-widow"] .win{color:#fff!important;background:#9b0012;padding:2px 10px;border-radius:2px;font-family:'Rajdhani';letter-spacing:1px}
body[data-theme="black-widow"] .n{font-size:19px;font-weight:700;letter-spacing:.3px}
body[data-theme="black-widow"] .n small{color:#a8a8b0;font-weight:600}
body[data-theme="black-widow"] .H{color:#ff3347!important}
body[data-theme="black-widow"] .A{color:#e8ebf1!important}
body[data-theme="black-widow"] .g button{background:#0b0b0c!important;border:1px solid #2a2a2e!important;color:#6d6d75!important;font-family:'Rajdhani';font-weight:700;border-radius:3px!important}
body[data-theme="black-widow"] .g button.wH{background:linear-gradient(#ff3045,#a3000f 55%,#6d000a)!important;color:#fff!important;border-color:#ff6b79!important;box-shadow:inset 0 1px 0 #ffffff55,0 2px 8px #e0182d55}
body[data-theme="black-widow"] .g button.wA{background:linear-gradient(#ffffff,#c9ced8 50%,#8d939e)!important;color:#0a0a0b!important;border-color:#fff!important;box-shadow:inset 0 1px 0 #fff,0 2px 8px #ffffff22}
body[data-theme="black-widow"] .strip{border-radius:2px!important;letter-spacing:.5px}
body[data-theme="black-widow"] .strip.s-lock{color:#ff3347!important}
body[data-theme="black-widow"] .strip.s-need{background:#1d1d21!important;color:#fff!important;box-shadow:inset 0 0 0 1px #e0182d}
body[data-theme="black-widow"] .tot>div{background:#070708!important;border:1px solid #2a2a2e!important;border-radius:3px!important;font-size:17px}
body[data-theme="black-widow"] .badge.capchip{background:#000!important;color:#e8ebf1!important;border:1px solid #c9ccd4!important;letter-spacing:1px}
body[data-theme="black-widow"] .score{background:linear-gradient(#111113,#000)!important;border-top:1px solid #e0182d!important}
body[data-theme="black-widow"] .score .H,body[data-theme="black-widow"] .score .A{font-family:'Michroma';font-size:15px;letter-spacing:1px}
body[data-theme="black-widow"] .vt button.on{background:#e0182d!important;color:#fff!important}
body[data-theme="black-widow"] .moment{display:flex;align-items:center;gap:10px;background:#000;color:#fff;border:1px solid #e0182d;border-radius:4px;padding:6px 16px 6px 10px;font-family:'Michroma';font-size:11px;letter-spacing:2px;box-shadow:0 0 18px #e0182d55}
body[data-theme="black-widow"] .moment:before{content:'';width:18px;height:26px;background:#e0182d;clip-path:polygon(0 0,100% 0,58% 50%,100% 100%,0 100%,42% 50%);filter:drop-shadow(0 0 4px #ff2b40)}
body[data-theme="black-widow"]:before,body[data-theme="black-widow"]:after{opacity:.7!important}
body[data-theme="black-widow"] .moment:before{filter:drop-shadow(0 0 6px #ff2b40)!important}

/* === halloween === */
body[data-theme="halloween"]{--bg:#0b0a0f;--card:#16131c;--line:#3a2a18;--tx:#f7efe4;--mu:#c9b89a;--h:#ff7a18;--a:#c9b4ff;--ok:#ff7a18}
body[data-theme="halloween"]{font-family:'Creepster','Nosifer',cursive;font-size:18px;background:#0b0a0f;background-image:radial-gradient(ellipse at 50% 0%,#2a1408 0%,#0b0a0f 55%)}
body[data-theme="halloween"]:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7;background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath fill='%23ff7a18' d='M10 20 Q18 8 26 20 Q18 16 10 20M30 12 Q36 4 42 12 Q36 9 30 12M50 24 Q58 12 66 24 Q58 20 50 24'/%3E%3C/svg%3E") 20px 120px / 80px no-repeat,
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath fill='%23ff9a40' d='M10 20 Q18 8 26 20 Q18 16 10 20M30 12 Q36 4 42 12 Q36 9 30 12'/%3E%3C/svg%3E") 320px 70px / 70px no-repeat,
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath fill='%23ff7a18' d='M20 22 Q28 10 36 22 Q28 18 20 22'/%3E%3C/svg%3E") 280px 880px / 60px no-repeat}
body[data-theme="halloween"] main,body[data-theme="halloween"] .score{position:relative;z-index:1}body[data-theme="halloween"] header{position:sticky;z-index:50}
body[data-theme="halloween"] header{background:linear-gradient(#1a1210,#0b0a0f);border-bottom:2px solid #ff7a18;box-shadow:0 6px 18px #000a}
body[data-theme="halloween"] header b{font-family:'Creepster',cursive;font-weight:400;font-size:28px;color:#ff7a18;letter-spacing:1px;text-shadow:0 0 12px #ff7a1866}
body[data-theme="halloween"] header .sub{font-family:'Special Elite',cursive;color:#c9b89a;font-size:12px}
body[data-theme="halloween"] .conn{background:#1a0f08!important;border:1px solid #ff7a18!important;color:#ffb060!important;font-family:'Special Elite'}
body[data-theme="halloween"] nav button{border-color:#5a3a20!important;color:#e8d5b5!important;font-family:'Special Elite';font-size:12px!important}
body[data-theme="halloween"] nav button.on{background:#ff7a18!important;color:#1a0a00!important;border-color:#ffb060!important;font-weight:700}
body[data-theme="halloween"] .card{background:linear-gradient(160deg,#1c1618,#100e12)!important;border:1px solid #3a2a18!important;border-radius:14px!important;box-shadow:0 10px 24px #000a,inset 0 0 40px #ff7a1808}
body[data-theme="halloween"] .card.rnd{border-color:#ff7a1844!important;box-shadow:0 0 0 1px #ff7a1822,0 10px 24px #000a}
body[data-theme="halloween"] .rnd h3{font-family:'Creepster';font-weight:400;font-size:28px;color:#ff7a18}
body[data-theme="halloween"] .win{font-family:'Special Elite';color:#9dff7a!important;font-size:14px}
body[data-theme="halloween"] .n{font-family:'Special Elite';font-size:17px}
body[data-theme="halloween"] .n small{color:#c9b89a;font-size:12px}
body[data-theme="halloween"] .H{color:#ff9a40!important}
body[data-theme="halloween"] .A{color:#c9b4ff!important}
body[data-theme="halloween"] .g button{background:#120e10!important;border:1px solid #3a2a18!important;color:#7a6a55!important;font-family:'Special Elite';font-size:13px!important;border-radius:8px!important}
body[data-theme="halloween"] .g button.wH{background:linear-gradient(#ff9a40,#c45600)!important;color:#1a0a00!important;border-color:#ffc080!important;box-shadow:0 0 10px #ff7a1855,inset 0 1px 0 #ffd0a0}
body[data-theme="halloween"] .g button.wA{background:linear-gradient(#c9b4ff,#6a4aad)!important;color:#12081c!important;border-color:#e4d8ff!important;box-shadow:0 0 10px #c9b4ff44}
body[data-theme="halloween"] .strip{font-family:'Special Elite';font-size:13px!important;border-radius:8px}
body[data-theme="halloween"] .strip.s-lock{color:#ff9a40!important}
body[data-theme="halloween"] .strip.s-wait{color:#ffc060!important}
body[data-theme="halloween"] .strip.s-req{color:#ff6b6b!important;background:#2a1010!important}
body[data-theme="halloween"] .strip.s-need{background:#ff7a18!important;color:#1a0a00!important;font-weight:700}
body[data-theme="halloween"] .tot>div{background:#100e12!important;border:1px solid #3a2a18!important;font-family:'Special Elite';font-size:15px;border-radius:10px!important}
body[data-theme="halloween"] .badge.capchip{background:#1a1008!important;color:#ff9a40!important;border:1px solid #ff7a18!important;font-family:'Special Elite'}
body[data-theme="halloween"] .score{background:#0b0a0f!important;border-top:2px solid #ff7a18!important}
body[data-theme="halloween"] .score .H,body[data-theme="halloween"] .score .A{font-family:'Creepster';font-weight:400;font-size:22px}
body[data-theme="halloween"] .vt button.on{background:#ff7a18!important;color:#1a0a00!important}
body[data-theme="halloween"] .vt button{font-family:'Special Elite'}
body[data-theme="halloween"] .moment{display:flex;align-items:center;gap:10px;background:#1a1008;color:#ffd080;border:1px solid #ff7a18;border-radius:999px;padding:6px 16px 6px 8px;font-family:'Special Elite';font-size:13px;box-shadow:0 0 16px #ff7a1844}
body[data-theme="halloween"] .moment:before{content:'';width:28px;height:26px;background:radial-gradient(circle at 50% 40%,#ff9a40,#c45600 70%,#7a2e00);border-radius:50% 50% 48% 48%/55% 55% 45% 45%;box-shadow:inset 0 -4px 0 #0004;position:relative;
 -webkit-mask:radial-gradient(circle at 50% 8%,#000 0 2px,transparent 2.5px),radial-gradient(ellipse 3px 4px at 32% 42%,#000 0 100%,transparent),radial-gradient(ellipse 3px 4px at 68% 42%,#000 0 100%,transparent),radial-gradient(ellipse 8px 5px at 50% 68%,#000 0 100%,transparent),linear-gradient(#000,#000);mask:radial-gradient(circle at 50% 8%,#000 0 2px,transparent 2.5px),radial-gradient(ellipse 3px 4px at 32% 42%,#000 0 100%,transparent),radial-gradient(ellipse 3px 4px at 68% 42%,#000 0 100%,transparent),radial-gradient(ellipse 8px 5px at 50% 68%,#000 0 100%,transparent),linear-gradient(#000,#000);-webkit-mask-composite:destination-out;mask-composite:exclude}
body[data-theme="halloween"]:before{opacity:.9!important}
body[data-theme="halloween"] .moment:before{box-shadow:0 0 10px #ff7a18aa,inset 0 -4px 0 #0004!important}
body[data-theme="halloween"] .rnd h3{text-shadow:0 0 10px #ff7a1844}

/* === vegas-bombs (hybrid: radioactive-can layout + liquid-chrome colors) === */
body[data-theme="vegas-bombs"]{--bg:#050308;--card:#0e0a10;--line:#3a2a40;--tx:#f4f0f8;--mu:#a89ab0;--h:#e8ff6a;--a:#ff3d6e;--ok:#e8ff6a}
body[data-theme="vegas-bombs"]{font-family:'Russo One',system-ui,sans-serif;font-size:15px;background:#030106;
  background-image:
    repeating-linear-gradient(-45deg,transparent 0 10px,rgba(232,255,106,.035) 10px 11px),
    radial-gradient(ellipse 100% 60% at 50% -20%,#3a1028 0%,transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 80%,#2a3a00 0%,transparent 50%),
    radial-gradient(ellipse 40% 35% at 95% 60%,#4a0018 0%,transparent 45%),
    linear-gradient(180deg,#0c0610,#030106)}
body[data-theme="vegas-bombs"] main,body[data-theme="vegas-bombs"] .score{position:relative;z-index:1}
body[data-theme="vegas-bombs"] header{position:sticky;z-index:50;background:linear-gradient(180deg,#1a101c,#08040c);border-bottom:3px solid #e8ff6a;
  box-shadow:0 0 18px #e8ff6a22,0 8px 28px #000c}
body[data-theme="vegas-bombs"] header b{font-family:'Russo One';font-size:16px;letter-spacing:1px;color:#e8ff6a;
  text-shadow:0 0 8px #e8ff6a,0 0 22px #e8ff6a66,0 0 14px #ff3d6e33,2px 2px 0 #1a1000}
body[data-theme="vegas-bombs"] header .sub{color:#a89ab0;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-family:system-ui,sans-serif}
body[data-theme="vegas-bombs"] .conn{background:#0a1200!important;border:2px solid #e8ff6a!important;color:#e8ff6a!important;
  border-radius:3px!important;font-size:10px!important;letter-spacing:1px;text-transform:uppercase;padding:2px 8px!important;
  box-shadow:0 0 14px #e8ff6a55}
body[data-theme="vegas-bombs"] nav button{border:2px solid #3a2a40!important;color:#c8b8d0!important;font-family:'Russo One';
  font-size:11px!important;letter-spacing:1px;text-transform:uppercase;border-radius:3px!important}
body[data-theme="vegas-bombs"] nav button.on{background:linear-gradient(135deg,#f0ff8a,#c8e820)!important;color:#0a1000!important;
  border-color:#f8ffc0!important;box-shadow:0 0 18px #e8ff6a66,inset 0 1px 0 #fff}
body[data-theme="vegas-bombs"] .card{background:linear-gradient(180deg,#161018,#0a060e)!important;border:2px solid #3a2a40!important;
  border-radius:8px!important;box-shadow:inset 0 1px 0 #ffffff14,0 12px 32px #000c}
body[data-theme="vegas-bombs"] .card.rnd{border-color:#e8ff6a!important;
  box-shadow:0 0 0 2px #ff3d6e44,0 0 32px #e8ff6a28,inset 0 1px 0 #ffffff18,0 12px 32px #000c!important}
body[data-theme="vegas-bombs"] .rnd h3{font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#e8ff6a;text-shadow:0 0 12px #e8ff6a66}
body[data-theme="vegas-bombs"] .win{background:linear-gradient(90deg,#e8ff6a,#c0e000);color:#0a1000!important;padding:2px 10px;
  border-radius:3px;font-size:12px;letter-spacing:1px;box-shadow:0 0 14px #e8ff6a55}
body[data-theme="vegas-bombs"] .n{font-size:15px}
body[data-theme="vegas-bombs"] .n small{font-family:system-ui,sans-serif;font-size:12px;color:#a89ab0;font-weight:400}
body[data-theme="vegas-bombs"] .H{color:#e8ff6a!important;text-shadow:0 0 12px #e8ff6a66}
body[data-theme="vegas-bombs"] .A{color:#ff6b8a!important;text-shadow:0 0 12px #ff3d6e55}
body[data-theme="vegas-bombs"] .g button{background:#0c0810!important;border:2px solid #2a2030!important;color:#6a5a70!important;
  font-family:'Russo One';font-size:11px!important;border-radius:4px!important}
body[data-theme="vegas-bombs"] .g button.wH{background:linear-gradient(#f5ffb0,#e8ff6a 45%,#a8d000)!important;color:#0a1200!important;
  border-color:#f8ffd0!important;box-shadow:0 0 18px #e8ff6a77,inset 0 1px 0 #fff}
body[data-theme="vegas-bombs"] .g button.wA{background:linear-gradient(#ff7a9a,#ff3d6e 45%,#a01030)!important;color:#fff!important;
  border-color:#ffb0c0!important;box-shadow:0 0 18px #ff3d6e66,inset 0 1px 0 #ffd0d8}
body[data-theme="vegas-bombs"] .strip{font-size:11px!important;letter-spacing:1px;text-transform:uppercase;border-radius:3px}
body[data-theme="vegas-bombs"] .strip.s-lock{color:#e8ff6a!important;text-shadow:0 0 8px #e8ff6a}
body[data-theme="vegas-bombs"] .strip.s-need{background:#e8ff6a!important;color:#0a1000!important;box-shadow:0 0 12px #e8ff6a55}
body[data-theme="vegas-bombs"] .strip.s-req{color:#ff6b8a!important;background:#2a0814!important}
body[data-theme="vegas-bombs"] .strip.s-wait{color:#ffc24a!important}
body[data-theme="vegas-bombs"] .tot>div{background:#0a0610!important;border:2px solid #3a2a40!important;border-radius:6px!important;font-size:14px}
body[data-theme="vegas-bombs"] .badge.capchip{background:#1a1000!important;color:#ffd84a!important;border:2px solid #ffb800!important;
  border-radius:3px!important;font-size:10px;letter-spacing:1px;box-shadow:0 0 10px #ffb80044}
body[data-theme="vegas-bombs"] .score{background:linear-gradient(#120c16,#050208)!important;border-top:3px solid #e8ff6a!important;
  box-shadow:0 -2px 0 #ff3d6e66,0 -10px 28px #000a}
body[data-theme="vegas-bombs"] .score .H,body[data-theme="vegas-bombs"] .score .A{font-size:13px;letter-spacing:1px;font-family:'Russo One'}
body[data-theme="vegas-bombs"] .score .sf .fh{background:rgba(232,255,106,.35)!important}
body[data-theme="vegas-bombs"] .score .sf .fa{background:rgba(255,61,110,.35)!important}
body[data-theme="vegas-bombs"] .vt{border-color:#3a2a40!important}
body[data-theme="vegas-bombs"] .vt button{font-family:'Russo One';font-size:11px;letter-spacing:1px;text-transform:uppercase}
body[data-theme="vegas-bombs"] .vt button.on{background:linear-gradient(#e8ff6a,#c0e000)!important;color:#0a1000!important}
body[data-theme="vegas-bombs"] .btn{background:linear-gradient(#f0ff8a,#c8e820)!important;color:#0a1000!important;font-family:'Russo One';letter-spacing:1px;box-shadow:0 0 18px #e8ff6a44}
body[data-theme="vegas-bombs"] .btn.sec{background:#1a1018!important;color:var(--tx)!important;border:1px solid #3a2a40!important;box-shadow:none}
body[data-theme="vegas-bombs"] .sbtn{border-color:#3a2a40!important;background:#1a1018!important;color:var(--tx)!important;font-family:'Russo One';font-size:12px;letter-spacing:.5px}
body[data-theme="vegas-bombs"] .sbtn.pri{background:linear-gradient(#e8ff6a,#c0e000)!important;border-color:#f8ffc0!important;color:#0a1000!important;box-shadow:0 0 12px #e8ff6a44}
body[data-theme="vegas-bombs"] .tbtn{border-color:#3a2a40!important;background:#0c0810!important;font-family:'Russo One'}
body[data-theme="vegas-bombs"] .tbtn.on{border-color:currentColor!important;box-shadow:0 0 12px currentColor}
body[data-theme="vegas-bombs"] .chip{background:#1a1018!important;border:1px solid #e8ff6a55!important;color:var(--tx)!important}
body[data-theme="vegas-bombs"] .nbtn{background:#0c0810!important;border:1px solid #3a2a40!important;font-family:'Russo One';font-size:14px}
body[data-theme="vegas-bombs"] .roles summary b{font-family:'Russo One';letter-spacing:.5px}
body[data-theme="vegas-bombs"] .sharebanner{border-color:#e8ff6a!important;background:linear-gradient(180deg,#1a2208,#120810)!important;box-shadow:0 0 18px #e8ff6a22}
body[data-theme="vegas-bombs"] .sharebanner b{color:#e8ff6a}
body[data-theme="vegas-bombs"] .thpop{background:#120c16!important;border-color:#e8ff6a55!important}
body[data-theme="vegas-bombs"] .thpop button.on{background:rgba(232,255,106,.2)!important}
body[data-theme="vegas-bombs"] .rel{color:#e8ff6a!important;letter-spacing:2px}
body[data-theme="vegas-bombs"] .big2 .H{text-shadow:0 0 12px #e8ff6a66}
body[data-theme="vegas-bombs"] .big2 .A{text-shadow:0 0 12px #ff3d6e55}
body[data-theme="vegas-bombs"] select{background:#0c0810!important;border-color:#3a2a40!important;color:var(--tx)!important}
body[data-theme="vegas-bombs"] .lockbar{border-color:#e8ff6a44!important}
body[data-theme="vegas-bombs"] .fav{border-color:#3a2a40!important}
body[data-theme="vegas-bombs"] .fav.on{border-color:#e8ff6a!important;background:#142010!important}
/* Paper view — keep sheet readable, tint chrome only */
body[data-theme="vegas-bombs"] .vt{background:#0c0810}
body[data-theme="vegas-bombs"] #psv .p-pshint{color:#a89ab0}
body[data-theme="vegas-bombs"] .moment{display:flex;align-items:center;gap:10px;position:relative;
  background:linear-gradient(90deg,#1a2208,#1a0a14);color:#e8ff6a;border:2px solid #e8ff6a;border-radius:6px;
  padding:8px 16px 8px 8px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  box-shadow:0 0 0 2px #ff3d6e55,0 0 28px #e8ff6a55,0 0 20px #ff3d6e33,inset 0 0 16px #e8ff6a14;text-shadow:0 0 8px #e8ff6a88}
body[data-theme="vegas-bombs"] .moment:before{content:'☢';flex:none;width:32px;height:32px;display:grid;place-items:center;
  font-size:20px;line-height:1;color:#0a1000;background:linear-gradient(#f0ff8a,#e8ff6a);border-radius:4px;
  box-shadow:0 0 14px #e8ff6a,0 0 6px #ff3d6e;transform:rotate(-6deg)}

/* Header logo: never clip on a dark rounded square */
header .brand img.logo,header img.logo{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
body[data-theme="classic-v2"] header .brand img.logo{filter:none}
body[data-theme="classic-v2"] header b{font-size:16px}
body[data-theme="neon"] header b,body[data-theme="halloween"] header b,body[data-theme="arcade"] header b{font-size:14px!important;letter-spacing:0!important}
body[data-theme="vegas-bombs"] header b{font-size:15px!important}

/* theme popover anchored to logo tap */
header .thmenu .thpop{left:0;right:auto;min-width:200px}
header .brand img.logo{cursor:pointer}
.thbtn{display:none!important}


/* stacking: theme pop above content */
header{z-index:80}
header .thmenu{z-index:90}
header .thpop, .thpop{z-index:100!important}
body[data-theme="chalkboard"]:after{z-index:40!important}
body[data-theme="black-widow"] header,
body[data-theme="halloween"] header,
body[data-theme="vegas-bombs"] header{z-index:50!important}
body[data-theme="black-widow"] main,
body[data-theme="halloween"] main,
body[data-theme="vegas-bombs"] main{z-index:1!important}

/* Round-won chips: never inherit neon team text colors / glow */
.rnd h3 .win,.rnd h3 .win.whome,.rnd h3 .win.waway{text-shadow:none!important;-webkit-text-stroke:0!important}
body[data-theme="vegas-bombs"] .rnd h3 .win.whome{background:linear-gradient(90deg,#e8ff6a,#c0e000)!important;color:#0a1000!important}
body[data-theme="vegas-bombs"] .rnd h3 .win.waway{background:linear-gradient(90deg,#ff7a9a,#ff3d6e)!important;color:#fff!important}
body[data-theme="neon"] .rnd h3 .win.whome{background:#1d0714!important;color:#fff!important;border:1.5px solid #ff4fb3;box-shadow:0 0 8px #ff4fb366}
body[data-theme="neon"] .rnd h3 .win.waway{background:#05141b!important;color:#fff!important;border:1.5px solid #3fd7ff;box-shadow:0 0 8px #3fd7ff66}
body[data-theme="classic-v2"] .rnd h3 .win.whome{background:linear-gradient(#7ec4ff,#3a8fd6)!important;color:#041018!important}
body[data-theme="classic-v2"] .rnd h3 .win.waway{background:linear-gradient(#ffd699,#e89a2e)!important;color:#1a0e02!important}

/* Round-won chips v2: universal dark-on-team-color, beats per-theme .win rules */
body .rnd h3 .win.whome,body[data-theme] .rnd h3 .win.whome{background:var(--h)!important;color:var(--bg)!important;border:0!important;border-radius:6px!important;font-family:inherit;padding:3px 10px!important}
body .rnd h3 .win.waway,body[data-theme] .rnd h3 .win.waway{background:var(--a)!important;color:var(--bg)!important;border:0!important;border-radius:6px!important;font-family:inherit;padding:3px 10px!important}
body[data-theme="classic-v2"] .rnd h3 .win.whome{background:linear-gradient(#7ec4ff,#3a8fd6)!important;color:#041018!important}
body[data-theme="classic-v2"] .rnd h3 .win.waway{background:linear-gradient(#ffd699,#e89a2e)!important;color:#1a0e02!important}
body[data-theme="black-widow"] .rnd h3 .win.whome{color:#fff!important}
body[data-theme="vegas-bombs"] .rnd h3 .win.waway{color:#fff!important}
body[data-theme="neon"] .rnd h3 .win.whome{background:#ff4fb3!important;color:#1a0010!important}
body[data-theme="neon"] .rnd h3 .win.waway{background:#3fd7ff!important;color:#001a22!important}
body[data-theme="chalkboard"] .rnd h3 .win.whome,body[data-theme="chalkboard"] .rnd h3 .win.waway{color:#1a2420!important}

/* Round-won chips v3: outlined, team-colored text, no fill */
body .rnd h3 .win.whome,body[data-theme] .rnd h3 .win.whome,body .rnd h3 .win.waway,body[data-theme] .rnd h3 .win.waway{background:transparent!important;border:1.5px solid currentColor!important;border-radius:6px!important;padding:2px 9px!important;text-shadow:none!important;box-shadow:none!important}
body[data-theme] .rnd h3 .win.whome,body .rnd h3 .win.whome{color:var(--h)!important}
body[data-theme] .rnd h3 .win.waway,body .rnd h3 .win.waway{color:var(--a)!important}
body[data-theme="classic-v2"] .rnd h3 .win.whome{color:#7ec4ff!important}
body[data-theme="classic-v2"] .rnd h3 .win.waway{color:#ffc46b!important}
body[data-theme="neon"] .rnd h3 .win.whome{color:#ff4fb3!important}
body[data-theme="neon"] .rnd h3 .win.waway{color:#3fd7ff!important}

/* Round-won chips v4: unified theme border, team-colored text */
body .rnd h3 .win.whome,body[data-theme] .rnd h3 .win.whome,body .rnd h3 .win.waway,body[data-theme] .rnd h3 .win.waway{border-color:var(--ok)!important}

/* Keep score bar pinned on decorative themes */
body[data-theme] .score{position:fixed!important;left:0;right:0;bottom:0;z-index:6!important}

/* Ball Colors: rounds cycle 1-yellow, 2-blue, 3-red, 4-purple */
body[data-theme="ball-colors"] .pair{border-left:0!important;padding-left:0!important}
body[data-theme="ball-colors"] .card.rnd[data-r="1"]{border-top:8px solid #ffd21f!important}
body[data-theme="ball-colors"] .card.rnd[data-r="1"] h3>span:first-child:before{content:"1";background:radial-gradient(circle at 50% 50%,#fff 0 7px,transparent 7.5px),radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 6px),radial-gradient(circle,#ffe25a,#e0aa00)}
body[data-theme="ball-colors"] .card.rnd[data-r="2"]{border-top:8px solid #1f5bff!important}
body[data-theme="ball-colors"] .card.rnd[data-r="2"] h3>span:first-child:before{content:"2";background:radial-gradient(circle at 50% 50%,#fff 0 7px,transparent 7.5px),radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 6px),radial-gradient(circle,#5a8cff,#1238b0)}
body[data-theme="ball-colors"] .card.rnd[data-r="3"]{border-top:8px solid #e8282b!important}
body[data-theme="ball-colors"] .card.rnd[data-r="3"] h3>span:first-child:before{content:"3";background:radial-gradient(circle at 50% 50%,#fff 0 7px,transparent 7.5px),radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 6px),radial-gradient(circle,#ff5a5c,#a8141a)}
body[data-theme="ball-colors"] .card.rnd[data-r="4"]{border-top:8px solid #6a2fb5!important}
body[data-theme="ball-colors"] .card.rnd[data-r="4"] h3>span:first-child:before{content:"4";background:radial-gradient(circle at 50% 50%,#fff 0 7px,transparent 7.5px),radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 6px),radial-gradient(circle,#9a5ce0,#46177f)}

/* Ball Colors: header reads "Round" then the ball (ball replaces the number) */
body[data-theme="ball-colors"] .rnd h3>span:first-child:before{content:none!important;display:none!important}
.rnd h3 .rn{all:unset}
body[data-theme="ball-colors"] .rnd h3 .rn{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:4px;border-radius:50%;font-size:14px;font-weight:800;line-height:1;color:#111;box-shadow:inset -3px -4px 6px #0005,0 2px 4px #0008;vertical-align:-5px;--bc:radial-gradient(circle,#ffe25a,#e0aa00);background:radial-gradient(circle at 50% 50%,#fff 0 8px,transparent 8.5px),radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 6px),var(--bc)}
body[data-theme="ball-colors"] .card.rnd[data-r="2"] h3 .rn{--bc:radial-gradient(circle,#5a8cff,#1238b0)}
body[data-theme="ball-colors"] .card.rnd[data-r="3"] h3 .rn{--bc:radial-gradient(circle,#ff5a5c,#a8141a)}
body[data-theme="ball-colors"] .card.rnd[data-r="4"] h3 .rn{--bc:radial-gradient(circle,#9a5ce0,#46177f)}

/* paper hint on its own line */
.psbar{flex-wrap:wrap!important;justify-content:flex-end}
.psbar .p-pshint{flex:1 0 100%!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center;margin-bottom:4px}
.psbar{justify-content:center!important}

/* app-like taps: no text selection / callout on tap targets */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,[contenteditable],[contenteditable] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
button,select,label,[onclick],[role=button],.sbtn{touch-action:manipulation}