:root{--bg: #08080f;--surface: #0f0f1e;--surface-2: #14142a;--felt: radial-gradient(ellipse at 50% 120%, #0d4a28 0%, #0a2a18 45%, #080f14 100%);--fg: #eeeef8;--muted: #9898c4;--border: #1e1e3a;--border-mid: #28285a;--hearts: #ff2d78;--diamonds: #00c8ff;--clubs: #00e676;--spades: #bf5fff;--neon-pink: #e91e8c;--neon-purple: #7b2fff;--neon-cyan: #00c8ff;--neon-gold: #ffd700;--neon-green: #00e676;--font-display: "Bungee", Impact, "Arial Black", sans-serif;--font-body: "Space Mono", "Courier New", monospace;--card-w: 92px;--card-h: 130px;--card-r: 10px;--ease: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:14px}.game{display:grid;grid-template-rows:52px 1fr 50px;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:20}.brand{font-family:var(--font-display);font-size:26px;letter-spacing:2px;background:linear-gradient(120deg,var(--neon-pink) 30%,var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon-pink) 30%,transparent))}.header-center{display:flex;align-items:center;gap:20px}.hstat{display:flex;flex-direction:column;align-items:center;gap:1px}.hstat-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.hstat-val{font-family:var(--font-display);font-size:20px;line-height:1}.hstat-val.you{color:var(--neon-pink);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--neon-pink) 50%,transparent))}.hstat-val.opp{color:var(--neon-cyan);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--neon-cyan) 50%,transparent))}.hstat-val.ante{color:var(--neon-purple);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--neon-purple) 50%,transparent))}.hstat-val.rnd{color:var(--fg)}.vsep{width:1px;height:30px;background:var(--border)}.peg-wrap{display:flex;flex-direction:column;gap:3px}.peg-row{display:flex;gap:3px}.peg{width:9px;height:9px;border-radius:50%;background:var(--border);border:1px solid var(--border-mid)}.peg.p1{background:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink);border-color:var(--neon-pink)}.peg.p2{background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan);border-color:var(--neon-cyan)}.phase-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:100px;background:color-mix(in srgb,var(--neon-pink) 12%,transparent);border:1px solid color-mix(in srgb,var(--neon-pink) 50%,transparent);color:var(--neon-pink)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--neon-pink);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.table-wrap{display:grid;grid-template-columns:1fr 268px;overflow:hidden}.table{background:var(--felt);display:flex;flex-direction:column;gap:10px;padding:12px 18px;position:relative;overflow:hidden}.table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffff73;margin-bottom:4px}.table-top-row{display:flex;align-items:flex-end;gap:16px}.table-crib-area{margin-left:auto}.center-row{flex:1;display:flex;align-items:center;gap:16px}.deck-cluster{flex-shrink:0;display:flex;flex-direction:column}.deck-phase-label{font-family:var(--font-display);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--neon-pink);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--neon-pink) 45%,transparent));margin-top:10px;line-height:1.4}.deck-and-starter{display:flex;gap:12px;align-items:flex-end}.play-area{flex:1;display:flex;align-items:center;gap:10px}.mods-row{display:flex;gap:8px;align-items:flex-end}.mod-card{width:72px;height:100px;border-radius:8px;background:linear-gradient(155deg,#1c0938,#0a0320);border:1px solid color-mix(in srgb,var(--neon-purple) 60%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--neon-purple) 25%,transparent),inset 0 1px #ffffff0f;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 4px;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease);position:relative;flex-shrink:0}.mod-card:hover{transform:translateY(-8px);box-shadow:0 14px 28px #0009,0 0 18px color-mix(in srgb,var(--neon-purple) 55%,transparent)}.mod-icon{font-size:26px}.mod-name{font-size:7.5px;text-align:center;letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb,var(--neon-purple) 80%,var(--fg));line-height:1.25}.mod-mult{position:absolute;top:4px;right:6px;font-family:var(--font-display);font-size:10px;color:var(--neon-gold)}.mod-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--neon-purple) 50%,transparent);border-radius:6px;padding:8px 10px;font-size:10.5px;color:var(--fg);line-height:1.5;width:168px;text-align:center;pointer-events:none;opacity:0;transition:opacity .14s;z-index:50;box-shadow:0 6px 20px #000000b3;white-space:normal}.mod-card:hover .mod-tooltip{opacity:1}.mod-empty{width:72px;height:100px;border-radius:8px;border:1px dashed var(--border-mid);display:flex;align-items:center;justify-content:center;color:var(--border-mid);font-size:18px;flex-shrink:0}.count-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 14px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.count-num{font-family:var(--font-display);font-size:34px;color:var(--neon-gold);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--neon-gold) 45%,transparent));line-height:1}.count-of{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.play-zone{flex:1;min-height:220px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;padding:24px 12px 12px;gap:8px;position:relative}.play-zone-label{position:absolute;top:8px;left:12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d}.hand-cards{display:flex;gap:6px}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);background:#0e0a1a;border:1px solid rgba(255,255,255,.1);box-shadow:0 3px 10px #0000008c;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease);-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)}.card.selected{transform:translateY(-18px);border-color:var(--neon-pink);box-shadow:0 14px 28px #0009,0 0 18px color-mix(in srgb,var(--neon-pink) 70%,transparent)}.card.in-crib{transform:translateY(-18px);border-color:var(--neon-gold);box-shadow:0 14px 28px #0009,0 0 18px color-mix(in srgb,var(--neon-gold) 55%,transparent)}.suit-hearts{background:linear-gradient(155deg,#1f0514,#0a0112)}.suit-diamonds{background:linear-gradient(155deg,#001825,#060a12)}.suit-clubs{background:linear-gradient(155deg,#001a0d,#05100a)}.suit-spades{background:linear-gradient(155deg,#120a26,#080314)}.card-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1;z-index:2}.card-rank-lbl{font-size:52px}.card-suit-lbl{font-size:40px}.suit-hearts .card-center{color:#ff2d78;text-shadow:0 0 8px color-mix(in srgb,#ff2d78 35%,transparent)}.suit-diamonds .card-center{color:#00c8ff;text-shadow:0 0 8px color-mix(in srgb,#00c8ff 35%,transparent)}.suit-clubs .card-center{color:#00e676;text-shadow:0 0 8px color-mix(in srgb,#00e676 35%,transparent)}.suit-spades .card-center{color:#bf5fff;text-shadow:0 0 8px color-mix(in srgb,#bf5fff 35%,transparent)}.card.played-you{transform:translateY(10px)}.card.played-opp{transform:translateY(-10px)}.card.played-you:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--neon-pink);border-radius:0 0 var(--card-r) var(--card-r)}.card.played-opp:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--neon-cyan);border-radius:var(--card-r) var(--card-r) 0 0}.card:after{content:attr(data-suit-sym);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:110px;opacity:.06;pointer-events:none}.card-back{background-image:repeating-linear-gradient(60deg,transparent 0px,transparent 8px,color-mix(in srgb,#7b2fff 8%,transparent) 8px,color-mix(in srgb,#7b2fff 8%,transparent) 9px),repeating-linear-gradient(-60deg,transparent 0px,transparent 8px,color-mix(in srgb,#e91e8c 5%,transparent) 8px,color-mix(in srgb,#e91e8c 5%,transparent) 9px),radial-gradient(ellipse at 50% 50%,#1c0a38,#08020f 70%);border:1px solid color-mix(in srgb,#7b2fff 40%,transparent);cursor:default}.card.starter{box-shadow:0 3px 10px #0000008c,0 0 0 2px var(--neon-gold),0 0 14px color-mix(in srgb,var(--neon-gold) 60%,transparent);cursor:default}.deck-pile{position:relative;width:var(--card-w);height:var(--card-h);flex-shrink:0}.deck-layer{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);background:linear-gradient(140deg,#1c0938,#090220);border:1px solid color-mix(in srgb,var(--neon-purple) 40%,transparent)}.deck-layer:nth-child(1){top:4px;left:0;opacity:.35}.deck-layer:nth-child(2){top:2px;left:1px;opacity:.6}.deck-layer:nth-child(3){top:0;left:2px;opacity:.85;box-shadow:0 0 12px color-mix(in srgb,var(--neon-purple) 30%,transparent);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.deck-count{font-family:var(--font-display);font-size:22px;color:var(--neon-purple);filter:drop-shadow(0 0 4px var(--neon-purple))}.deck-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb,var(--neon-purple) 60%,var(--fg))}.card-mini{width:56px;height:78px;border-radius:6px;box-shadow:0 2px 6px #00000080;display:flex;flex-direction:column;cursor:pointer;flex-shrink:0;position:relative}.card-mini .card-rank-lbl{font-size:30px}.card-mini .card-suit-lbl{font-size:22px}.side{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.side::-webkit-scrollbar{width:3px}.side::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.panel-sec{padding:12px 14px;border-bottom:1px solid var(--border)}.panel-title{font-family:var(--font-display);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--neon-pink);margin-bottom:10px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.04)}.score-row:last-of-type{border-bottom:none}.sr-type{color:var(--muted)}.sr-pts{font-family:var(--font-display);font-size:14px;color:var(--neon-gold)}.sr-pts.active{color:var(--neon-pink);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--neon-pink) 45%,transparent))}.sr-pts.zero{color:var(--border-mid)}.score-total{display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;margin-top:6px;border-top:1px solid var(--border-mid)}.st-label{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.st-val{font-family:var(--font-display);font-size:30px;color:var(--neon-gold);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--neon-gold) 45%,transparent))}.crib-zone{display:flex;gap:8px;padding:8px;background:#00000040;border-radius:8px;border:1px dashed color-mix(in srgb,var(--neon-gold) 30%,transparent);min-height:72px;align-items:center}.crib-slot{width:56px;height:78px;border-radius:6px;border:1px dashed color-mix(in srgb,var(--neon-gold) 25%,transparent);background:color-mix(in srgb,var(--neon-gold) 3%,transparent);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--neon-gold) 20%,transparent);font-size:16px}.crib-hint{font-size:12px;color:var(--muted);line-height:1.5;margin-top:8px}.effect-row{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.effect-row:last-child{border-bottom:none}.eff-icon{font-size:15px;line-height:1.4;flex-shrink:0}.eff-name{font-size:12px;font-weight:700;color:var(--fg)}.eff-mult{font-family:var(--font-display);font-size:12px;color:var(--neon-gold)}.eff-desc{font-size:11px;color:var(--muted);line-height:1.45}.run-stat{display:flex;justify-content:space-between;padding:3px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.04)}.run-stat:last-child{border-bottom:none}.rs-label{color:var(--muted)}.rs-val{font-family:var(--font-display);color:var(--fg);font-size:14px}.hand-section{border-radius:8px;padding:5px 7px 5px 5px;margin:-5px -7px -5px -5px;transition:background .25s var(--ease),box-shadow .25s var(--ease)}.hand-section.active-you{background:color-mix(in srgb,var(--neon-pink) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon-pink) 45%,transparent)}.hand-section.active-opp{background:color-mix(in srgb,var(--neon-cyan) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon-cyan) 45%,transparent)}.hand-section-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hand-section-header .section-label{margin-bottom:0}.turn-badge{font-family:var(--font-display);font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:100px}.turn-badge.you{background:color-mix(in srgb,var(--neon-pink) 15%,transparent);border:1px solid color-mix(in srgb,var(--neon-pink) 55%,transparent);color:var(--neon-pink);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--neon-pink) 40%,transparent))}.turn-badge.opp{background:color-mix(in srgb,var(--neon-cyan) 15%,transparent);border:1px solid color-mix(in srgb,var(--neon-cyan) 55%,transparent);color:var(--neon-cyan);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--neon-cyan) 40%,transparent))}.game-log{height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.game-log::-webkit-scrollbar{width:3px}.game-log::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.log-entry{font-size:11px;line-height:1.5;color:var(--muted);padding:1px 0;border-bottom:1px solid rgba(255,255,255,.03)}.log-entry:last-child{border-bottom:none}.log-entry .log-pts{color:var(--neon-gold);font-family:var(--font-display);font-size:11px}.log-entry .log-you{color:var(--neon-pink)}.log-entry .log-opp{color:var(--neon-cyan)}.log-entry .log-dim{color:var(--border-mid)}.footer{display:flex;align-items:center;gap:16px;padding:0 18px;background:var(--surface);border-top:1px solid var(--border)}.action-hint{font-size:13px;color:var(--muted)}.action-hint strong{color:var(--fg)}.btn{font-family:var(--font-display);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 20px;border-radius:6px;border:none;cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease),opacity .14s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:linear-gradient(130deg,var(--neon-pink),var(--neon-purple));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--neon-pink) 40%,transparent)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--neon-pink) 55%,transparent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08080ff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.overlay.hidden{display:none}.overlay-title{font-family:var(--font-display);font-size:clamp(48px,8vw,96px);letter-spacing:4px;text-align:center;background:linear-gradient(120deg,var(--neon-pink) 20%,var(--neon-purple) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--neon-pink) 28%,transparent))}.overlay-sub{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:-6px}.suit-legend{display:flex;gap:20px;margin-top:16px}.sl-item{display:flex;align-items:center;gap:6px;font-size:22px}.sl-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.overlay-start{margin-top:24px;font-size:14px;padding:14px 52px}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0);transform:translate(-4px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(4px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(2px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-4px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}.overlay-title{position:relative}.overlay-title:before,.overlay-title:after{content:"SKUNKED!";position:absolute;left:0;top:0;width:100%}.overlay-title:before{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan);opacity:0;animation:glitch 3.5s infinite steps(1)}.overlay-title:after{color:var(--neon-pink);-webkit-text-fill-color:var(--neon-pink);opacity:0;animation:glitch 4.1s infinite steps(1) .4s}.floating-pips{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.pip{position:absolute;font-size:28px;opacity:.08;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-120px) rotate(360deg)}}@keyframes scoreUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.score-flyup{position:fixed;font-family:var(--font-display);font-size:24px;color:var(--neon-gold);pointer-events:none;animation:scoreUp .9s ease-out forwards;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--neon-gold) 55%,transparent));z-index:300}@keyframes damageFloat{0%{opacity:0;transform:translateY(0) scale(.5)}18%{opacity:1;transform:translateY(-12px) scale(1.15)}35%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.85)}}.pegging-popup{position:fixed;text-align:center;font-family:var(--font-display);font-size:60px;pointer-events:none;z-index:400;animation:damageFloat 1.6s cubic-bezier(.2,0,.3,1) forwards}.pegging-popup.scored-you{color:var(--neon-pink);text-shadow:0 0 28px color-mix(in srgb,var(--neon-pink) 85%,transparent),0 3px 8px rgba(0,0,0,.95)}.pegging-popup.scored-opp{color:var(--neon-cyan);text-shadow:0 0 28px color-mix(in srgb,var(--neon-cyan) 85%,transparent),0 3px 8px rgba(0,0,0,.95)}.pegging-popup.is-go{font-size:52px}