:root{color-scheme:dark;--void: #0a0c12;--void-2: #141824;--panel: #1c2233;--panel-2: #252b40;--panel-edge: #4a5578;--ink: #e8ecf8;--muted: #8a93b0;--card-edge: #2a2a2a;--chip: #3d9eff;--mult: #ff6b5b;--good: #3dd68c;--warn: #f0c45a;--gold: #ffd23d;--font: "Pixelify Sans", "Press Start 2P", monospace;--font-pixel: "Press Start 2P", monospace;--card-aspect: 1.329;--card-w: 6rem;--meld-step: .4;font-family:var(--font);color:var(--ink);background:var(--void);min-height:100%;image-rendering:pixelated}*{box-sizing:border-box;border-radius:0!important}html{overflow-x:clip;overflow-y:visible;max-width:100%}body{margin:0;min-height:100vh;max-width:100%;overflow-x:clip;overflow-y:visible;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px),radial-gradient(ellipse 90% 55% at 50% 0%,#1a2238 0%,transparent 55%),var(--void)}button{font-family:var(--font-pixel);font-size:.58rem;line-height:1.35;cursor:pointer;border:3px solid var(--panel-edge);background:var(--panel-2);color:var(--ink);padding:.65rem .75rem;box-shadow:3px 3px #05060a;image-rendering:pixelated;transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s cubic-bezier(.2,.8,.2,1),background .11s linear}button:hover:not(:disabled){background:#303854;border-color:#6a78a0;transform:translateY(-2px);box-shadow:3px 5px #05060a}button:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px #05060a}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--chip);border-color:#7ec2ff;color:#061018;box-shadow:3px 3px #0a3a66}button.primary:hover:not(:disabled){background:#5aafff;box-shadow:3px 5px #0a3a66}button.primary:active:not(:disabled){box-shadow:1px 1px #0a3a66}button.danger{background:var(--mult);border-color:#ff9a90;color:#2a0a08;box-shadow:3px 3px #661818}button.danger:hover:not(:disabled){box-shadow:3px 5px #661818}button.ghost{background:#252b40eb;border-color:var(--panel-edge);box-shadow:2px 2px #05060a;color:var(--ink);padding:.4rem .5rem}button.ghost:hover:not(:disabled){color:var(--ink);background:#303854;border-color:#6a78a0;transform:none;box-shadow:2px 3px #05060a}.app{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0;padding:.6rem clamp(.5rem,1.5vw,1.25rem) .85rem;position:relative;z-index:1;overflow-x:clip;overflow-y:visible;box-sizing:border-box}.app.shake{animation:shake-soft .35s steps(4)}.app.shake-hard{animation:shake-hard .5s steps(6)}@keyframes shake-soft{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes shake-hard{15%{transform:translate(-4px,1px)}30%{transform:translate(5px,-1px)}45%{transform:translate(-5px,2px)}60%{transform:translate(4px,-1px)}75%{transform:translate(-2px,1px)}}.topbar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.75rem;padding:.45rem .55rem .55rem;background:#0c101ce0;border:3px solid var(--panel-edge);box-shadow:3px 3px #05060a}.brand-mark{font-family:var(--font-pixel);font-size:.95rem;letter-spacing:.06em;text-transform:lowercase;color:var(--ink);text-shadow:3px 3px 0 #000}.brand-mark span{color:var(--gold)}.topbar-actions{display:flex;gap:.35rem;flex-wrap:wrap}.stage{flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.35rem;min-height:0;min-width:0;width:100%;max-width:100%}.hud-box{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:.4rem;min-width:0;min-height:0;overflow:auto;background:#1c2233b8;border:3px solid var(--panel-edge);padding:.45rem;box-shadow:inset 0 0 0 2px #0a0c1266,4px 4px #05060a}.hud-box .hud-panel{box-shadow:none}.hud-box .status-line{grid-column:auto;box-shadow:none;flex:0 0 auto}.hud-box .opponents{margin-top:auto;flex-direction:column;align-items:stretch}.hud-panel{background:var(--panel-2);border:3px solid var(--panel-edge);border-top-width:5px;padding:.45rem .55rem .5rem;box-shadow:4px 4px #05060a;min-width:0;overflow-wrap:anywhere}.hud-panel.accent-chip{border-top-color:var(--chip)}.hud-panel.accent-gold{border-top-color:var(--gold)}.hud-panel.center{justify-self:start;min-width:min(280px,100%);border-top-color:var(--good)}.hud-label{font-family:var(--font-pixel);font-size:.45rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.hud-value{font-family:var(--font-pixel);font-size:1.05rem;line-height:1.2;text-shadow:2px 2px 0 #05060a}.hud-value.chip{color:var(--chip)}.hud-value.mult{color:var(--mult)}.hud-value.warn{color:var(--warn)}.hud-value.good{color:var(--good)}.hud-sub{margin-top:.3rem;font-size:.85rem;color:var(--muted);font-weight:600}.status-line{grid-column:1 / -1;background:var(--panel);border:3px solid var(--panel-edge);padding:.55rem .75rem;font-size:.9rem;font-weight:600;box-shadow:3px 3px #05060a}.status-line.error{border-color:var(--mult);color:#ffc4bd;background:#2a1a22;animation:shake-soft .35s steps(4)}.playfield{position:relative;background:#0c101c7a;border:3px solid var(--panel-edge);padding:.55rem;display:grid;grid-template-columns:minmax(11.5rem,15rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.55rem;min-height:0;box-shadow:inset 0 0 0 3px #0a0c1259,4px 4px #05060a}.playfield:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 38%,rgba(61,214,140,.05) 0%,rgba(61,158,255,.03) 45%,transparent 75%)}.playfield>*{position:relative}.piles{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);align-items:end;gap:clamp(.75rem,2.5vw,1.5rem);padding-top:.15rem}.pile{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.pile-deck{grid-column:1;justify-self:start;min-width:0;max-width:100%}.deck-with-special{position:relative;padding-left:calc(var(--card-w) * .32);box-sizing:border-box;max-width:100%}.deck-with-special .stack-special{position:absolute;left:0;bottom:0;top:auto;z-index:0;pointer-events:none}.deck-with-special .stack-special .card{--card-shadow: drop-shadow(3px 3px 0 rgba(0, 0, 0, .5));cursor:default}.deck-with-special .stack-special .card.card-sprite:hover:not(.locked){transform:none}.deck-stack{position:relative;padding-top:var(--deck-pad, 0px);padding-left:var(--deck-pad, 0px);width:var(--card-w);height:calc(var(--card-w) * var(--card-aspect));box-sizing:content-box;z-index:1;filter:drop-shadow(-5px 3px 0 rgba(0,0,0,.28))}.deck-stack-card{position:absolute;right:0;bottom:0;left:auto;top:auto;width:var(--card-w);height:calc(var(--card-w) * var(--card-aspect));transform:translate(calc(var(--stack-i, 0) * var(--stack-step, 2.5px) * -1),calc(var(--stack-i, 0) * var(--stack-step, 2.5px) * -1))}.deck-stack-card .card{pointer-events:none;width:100%;height:100%;filter:var(--card-shadow) brightness(calc(.72 + var(--stack-depth, 0) * .28))}.pile-discard{grid-column:2;justify-self:end;align-items:center}.lay-bay{grid-column:3;justify-self:start;display:flex;flex-direction:column;align-items:stretch;gap:.3rem;min-width:calc(var(--card-w) * 2.2);max-width:min(22rem,42vw)}.lay-bay-body{min-height:calc(var(--card-w) * var(--card-aspect));padding:.35rem;background:#3d9eff0f;border:3px dashed rgba(61,158,255,.4);display:flex;flex-direction:column;gap:.35rem;justify-content:center}.lay-bay.drop-target .lay-bay-body{border-color:#ffd23d8c}.lay-bay-hint{font-family:var(--font-pixel);font-size:.42rem;color:var(--muted);text-align:center;padding:.5rem;line-height:1.5}.lay-bay-cards{background:transparent;border:none;padding:0;min-height:calc(var(--card-w) * var(--card-aspect) * .85)}.lay-bay-cards .card{cursor:pointer}.lay-bay-actions{display:flex;gap:.35rem;justify-content:flex-end;flex-wrap:wrap}.pile-discard.drop-target{outline:2px dashed rgba(255,210,61,.35);outline-offset:6px}.discard-stack{position:relative;padding-top:var(--discard-pad, 0px);padding-left:var(--discard-pad, 0px);width:var(--card-w);height:calc(var(--card-w) * var(--card-aspect));box-sizing:content-box;filter:drop-shadow(-4px 3px 0 rgba(0,0,0,.25))}.discard-stack-card{position:absolute;right:0;bottom:0;left:auto;top:auto;width:var(--card-w);height:calc(var(--card-w) * var(--card-aspect));transform:translate(calc(var(--stack-i, 0) * var(--stack-step, 2.5px) * -1),calc(var(--stack-i, 0) * var(--stack-step, 2.5px) * -1))}.discard-stack-card .card{pointer-events:none;width:100%;height:100%;filter:var(--card-shadow) brightness(calc(.78 + var(--stack-depth, 0) * .22))}.discard-stack.pile-draggable .discard-stack-card:last-child .card{pointer-events:auto}.meld.meld-retiring{outline:2px solid var(--gold);outline-offset:4px;animation:set-retire-pulse .48s steps(4)}@keyframes set-retire-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.lay-bay-status{font-family:var(--font-pixel);font-size:.45rem;color:var(--chip);margin-right:auto;align-self:center}.scale-row{display:flex;align-items:center;gap:.6rem}.scale-row input[type=range]{flex:1;accent-color:var(--chip)}.scale-value{font-family:var(--font-pixel);font-size:.5rem;color:var(--gold);min-width:2.8rem;text-align:right}.scale-inline{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink);font-size:.75rem;font-weight:600;background:#252b40eb;border:3px solid var(--panel-edge);padding:.3rem .5rem;box-shadow:2px 2px #05060a}.scale-inline input[type=range]{width:5.5rem;accent-color:var(--chip)}.meld.drop-meld{outline:2px dashed transparent;outline-offset:3px}.meld.drop-meld:hover,.meld.targetable{outline-color:#3dd68c8c}.pile-draggable{cursor:grab;touch-action:none}.pile-draggable:active{cursor:grabbing}.drag-placeholder-wrap{opacity:.25}.pile-label{font-family:var(--font-pixel);font-size:.42rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.special-tag{color:var(--gold)}.card-stack{position:relative;width:var(--card-w);height:calc(var(--card-w) * var(--card-aspect))}.card-stack .card{position:absolute;left:0;top:0}.card-stack .card.stack-behind{transform:translate(4px,4px);filter:var(--card-shadow) brightness(.7);z-index:1}.card-stack .card-sprite,.card-stack .empty-slot{z-index:2}.melds-zone{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;gap:.55rem;min-height:0;min-width:0;overflow:auto;padding:.15rem}.melds-empty{font-family:var(--font-pixel);font-size:.5rem;color:var(--muted);opacity:.7}.meld{display:inline-flex;flex-wrap:nowrap;align-items:flex-end;gap:0;padding:.3rem .35rem;background:#0a0c128c;border:3px solid var(--panel-edge);transition:border-color .12s linear,background .12s linear}.meld.meld-set{border-color:#35406a}.meld.meld-run{border-color:#6a5a35}.meld.clickable.targetable{cursor:pointer;border-color:var(--good)}.meld.clickable.targetable:hover{background:#152238;box-shadow:inset 0 0 0 2px #3dd68c66}.meld .card.card-sprite{margin-right:calc(var(--card-w) * (var(--meld-step) - 1));flex-shrink:0;--card-shadow: drop-shadow(2px 2px 0 rgba(0, 0, 0, .45))}.meld .card:last-child{margin-right:0}.meld .card.card-sprite:hover{z-index:50!important}.pending-strip{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;align-items:center;padding:.5rem;background:#3d9eff14;border:3px dashed rgba(61,158,255,.45)}.lay-queue-btn{flex:0 0 auto;align-self:center}.hud-panel .lay-queue-btn{width:100%;margin-top:.45rem;padding:.45rem .5rem;font-size:.5rem}.pending-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--panel);border:3px solid var(--panel-edge);padding:.2rem .35rem .2rem .2rem}.pending-pts{font-family:var(--font-pixel);color:var(--chip);font-size:.55rem}.quick-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-start}.hand-dock{position:relative;z-index:0;padding:0;background:transparent;border:none;box-shadow:none;width:100%;max-width:100%;overflow:visible}.hand-dock:before{content:"";position:absolute;left:-2rem;right:-2rem;bottom:0;height:70%;pointer-events:none;background:radial-gradient(ellipse 55% 100% at 28% 100%,rgba(61,158,255,.1) 0%,transparent 70%);z-index:-1}.hand-dock-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.hand-dock-top h3{margin:0;font-family:var(--font-pixel);font-size:.48rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sort-btns{display:flex;gap:.35rem}.actions-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-start;padding-top:.55rem}.opponents{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.opp-chip{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--panel);border:3px solid var(--panel-edge);padding:.4rem .55rem .5rem;box-shadow:3px 3px #05060a}.opp-name{font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}.opp-chip .count{font-family:var(--font-pixel);color:var(--chip);margin-left:.35rem;font-size:.5rem}.hidden-backs{display:flex;justify-content:flex-start}.hidden-backs .card.card-sprite{--backs-w: clamp(1.8rem, 3vw, 2.6rem);--card-shadow: drop-shadow(2px 2px 0 rgba(0, 0, 0, .5));width:var(--backs-w);height:calc(var(--backs-w) * var(--card-aspect));min-width:var(--backs-w);max-width:var(--backs-w);margin-left:calc(var(--backs-w) * -.55)}.hidden-backs .card:first-child{margin-left:0}.card{--card-shadow: none;width:var(--card-w);height:calc(var(--card-w) * var(--card-aspect));background:transparent;border:none;position:relative;-webkit-user-select:none;user-select:none;touch-action:none;padding:0;flex-shrink:0;overflow:visible}button.card,button.card:hover,button.card:focus,button.card:focus-visible,button.card:active,button.card:disabled{background:transparent!important;border:none!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}.card.card-sprite{--card-shadow: drop-shadow(4px 4px 0 rgba(0, 0, 0, .5));filter:var(--card-shadow);transition:transform .15s cubic-bezier(.2,.8,.2,1),filter .15s linear}.card.card-sprite:not(.hand-card):hover:not(.locked){transform:translateY(-8px) scale(1.05);filter:var(--card-shadow) brightness(1.08);z-index:5}.card-art{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-drag:none}.card.selected{filter:var(--card-shadow)}.card.draggable{cursor:grab}.card.drag-placeholder{opacity:.22;cursor:grabbing}.card.drag-ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;transform:scale(1.08) rotate(-3deg);--card-shadow: drop-shadow(8px 10px 0 rgba(0, 0, 0, .55));filter:var(--card-shadow);transition:none}.card.drag-ghost.drop-discard{--card-shadow: drop-shadow(8px 10px 0 rgba(180, 40, 30, .45)) drop-shadow(4px 6px 0 rgba(0, 0, 0, .4));filter:var(--card-shadow)}.card.drag-ghost.drop-lay{--card-shadow: drop-shadow(8px 10px 0 rgba(40, 140, 80, .45)) drop-shadow(4px 6px 0 rgba(0, 0, 0, .4));filter:var(--card-shadow)}.card.locked{opacity:.4;filter:var(--card-shadow) grayscale(.3);cursor:not-allowed}.card.empty-slot{background:transparent;border:3px dashed #333c58;box-shadow:none;color:var(--muted);font-family:var(--font-pixel);font-size:.5rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:.3rem}.hand-row{--hand-card-w: 6.5rem;--hand-card-h: calc(var(--hand-card-w) * var(--card-aspect));--hand-step: calc(var(--hand-card-w) * .55);display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;width:100%;max-width:100%;min-height:calc(var(--hand-card-h) + 1.6rem);padding:.85rem .35rem .25rem;overflow:visible;box-sizing:border-box}.hand-row.is-dragging{cursor:grabbing}.hand-slot{position:relative;width:var(--hand-step);height:calc(var(--hand-card-h) + 2.2rem);flex:0 0 auto;display:flex;align-items:flex-end;justify-content:flex-start;overflow:visible}.hand-slot:last-child{width:var(--hand-card-w)}.hand-slot .hand-card{width:var(--hand-card-w);height:var(--hand-card-h);min-width:var(--hand-card-w);max-width:var(--hand-card-w);flex-shrink:0;transform:translateY(var(--lift, 0px)) rotate(var(--rot, 0deg)) scale(var(--scale, 1));transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .15s linear}.hand-card:hover:not(.locked):not(.drag-placeholder):not(.selected){transform:translateY(calc(var(--lift, 0px) - 12px)) rotate(var(--rot, 0deg)) scale(1.08);z-index:30!important;filter:var(--card-shadow) brightness(1.08)}.hand-slot .hand-card.selected,.hand-slot .hand-card.selected:hover{transform:translateY(var(--lift, -28px)) rotate(var(--rot, 0deg)) scale(var(--scale, 1.06));z-index:28;filter:var(--card-shadow)}.hand-insert{position:absolute;left:-2px;bottom:.2rem;width:5px;height:var(--hand-card-h);background:var(--gold);box-shadow:0 0 0 2px #0a0c12;z-index:40}.hand-insert.end{left:auto;right:0}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}body:has(.crt-overlay){background:#05070e}body:has(.crt-overlay) .app{background:transparent}.score-popup-layer{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:950}.score-popup{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:clamp(1.5rem,5.5vw,2.8rem);color:var(--chip);text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;animation:score-float 1s cubic-bezier(.2,.9,.3,1) forwards;white-space:nowrap}.score-popup.hot{color:var(--gold)}@keyframes score-float{0%{opacity:0;transform:translate(-50%,10%) scale(.4) rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(3deg)}32%{transform:translate(-50%,-55%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-105%) scale(1) rotate(0)}}.results{background:var(--panel);border:3px solid var(--gold);padding:1rem 1.1rem;margin-bottom:.5rem;box-shadow:5px 5px #05060a}.results h2{margin:0 0 .5rem;font-family:var(--font-pixel);font-size:.85rem;color:var(--gold)}.results ul{margin:0 0 .75rem;padding-left:1.1rem;font-weight:600}.results .winner{color:var(--gold)}.lobby{flex:1;display:grid;place-items:start;padding:1rem}.lobby-card{width:min(420px,100%);background:#161c2cf5;border:3px solid var(--panel-edge);padding:1.25rem;display:grid;gap:.75rem;box-shadow:6px 6px #05060a}.lobby-hero{text-align:center;padding-bottom:.25rem}.lobby-hero .brand-mark{font-size:clamp(1.1rem,5vw,1.5rem);display:block}.lobby-hero p{margin:.45rem 0 0;color:var(--muted);font-weight:600}.lobby-card h2{margin:0;font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.lobby-sep{border:none;border-top:3px solid var(--panel-edge);margin:.1rem 0}.setup-row{display:grid;gap:.3rem;color:#d0d7ec;font-size:.85rem;font-weight:600}.setup-row input[type=text],.setup-row input[type=number]{font-family:var(--font);font-weight:700;color:var(--ink);background:var(--void-2);border:3px solid var(--panel-edge);padding:.55rem .65rem}.setup-player{display:grid;gap:.3rem}.setup-bot{display:flex;align-items:center;gap:.4rem;color:#d0d7ec;font-weight:600;font-size:.85rem}@media(max-width:900px){.playfield{grid-template-columns:1fr;grid-template-rows:auto minmax(8rem,1fr) auto}.hud-box{grid-column:1;grid-row:1;max-height:11rem}.melds-zone{grid-column:1;grid-row:2}.piles{grid-column:1;grid-row:3;grid-template-columns:auto auto auto;justify-content:start}.pile-deck{grid-column:1}.pile-discard{grid-column:2}.lay-bay{grid-column:3;min-width:calc(var(--card-w) * 1.6)}.hud-panel.center{order:-1}}@media(max-width:600px){button{font-size:.48rem;padding:.5rem .55rem}}.auth-form{display:grid;gap:.65rem}.seat-list{margin:0;padding-left:1.1rem;display:grid;gap:.25rem;color:var(--ink);font-weight:600}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9rem;font-weight:600}.leaderboard-table th,.leaderboard-table td{text-align:left;padding:.35rem .4rem;border-bottom:2px solid var(--panel-edge)}.leaderboard-table th{font-family:var(--font-pixel);font-size:.45rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}