:root{--felt: #134a32;--felt-deep: #0b3022;--felt-tex: none;--ink: #f7f0e1;--ink-dim: rgba(247, 240, 225, .72);--ivory: #fbf6ea;--card-ink: #1d1a17;--brass: #e3b23c;--brass-deep: #b8861f;--red: #c0262f;--blue: #1f3f8f;--panel: rgba(9, 22, 16, .86);--panel-line: rgba(227, 178, 60, .28);--good: #5fd28a;--bad: #ff6b5e;--bar-h: 58px;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--serif: "Playfair Display", Georgia, serif;--sans: "Source Sans 3", system-ui, sans-serif;color-scheme:dark}html,body{margin:0;height:100%}body{background:var(--felt-deep);background-image:radial-gradient(ellipse at 50% 30%,#ffffff12,#00000059 80%),var(--felt-tex);background-size:auto,512px;background-attachment:fixed;color:var(--ink);font:16px/1.4 var(--sans);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit}#bar{position:fixed;inset:0 0 auto;height:var(--bar-h);z-index:50;display:flex;align-items:center;gap:10px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:linear-gradient(#050e0aeb,#050e0ac7);border-bottom:1px solid var(--panel-line);backdrop-filter:blur(6px)}#bar .home{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;padding:6px 10px 6px 4px;border-radius:10px}#bar .home:hover{background:#ffffff0f}#bar .home svg{width:20px;height:20px}#bar h1{margin:0;font:900 23px var(--serif);letter-spacing:.3px;white-space:nowrap;color:var(--ivory)}#bar .stats{flex:1;display:flex;justify-content:center;gap:18px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:0}#bar .stats b{color:var(--ink);font-weight:800}#bar .tools{display:flex;gap:6px}.tb{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;font-weight:700;font-size:15px;white-space:nowrap}.tb:hover{background:#ffffff1f}.tb:disabled{opacity:.4;cursor:default}.tb svg{width:18px;height:18px;flex:none}.tb.primary{background:var(--brass);color:#2a1d05;border-color:transparent}.tb.primary:hover{background:#efc355}@media (max-width: 760px){#bar{gap:6px}#bar h1{font-size:19px}#bar .home span,.tb span{display:none}.tb{padding:0 10px}#bar .stats{gap:10px;font-size:14px}}@media (max-width: 480px){#bar h1{display:none}}#table{position:fixed;inset:var(--bar-h) 0 0 0;overflow:hidden}#veil{position:fixed;inset:0;z-index:100;background:#0000008c;display:none;align-items:center;justify-content:center;padding:16px}#veil.on{display:flex;animation:fade .18s ease-out}.dlg{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(#fdf8ec,#f3ead6);color:var(--card-ink);border-radius:18px;box-shadow:var(--shadow);padding:24px 24px 20px;border:1px solid #d9c9a3;user-select:text;-webkit-user-select:text}.dlg h2{margin:0 0 10px;font:900 30px/1.1 var(--serif);color:#1d3b2c}.dlg p{margin:0 0 12px;font-size:17px}.dlg .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.dlg .btn{height:46px;padding:0 20px;border-radius:12px;border:1px solid #c8b78f;background:#fff;font-weight:800;font-size:16px;cursor:pointer;color:#2b2418}.dlg .btn:hover{background:#f6efdd}.dlg .btn.primary{background:#1d5a3c;color:#fff;border-color:transparent}.dlg .btn.primary:hover{background:#237049}.dlg .choices{display:grid;gap:8px;margin:10px 0 4px}.dlg .choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #d6c59d;background:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:left;color:#2b2418}.dlg .choice small{font-weight:600;color:#6b5f48;font-size:14px}.dlg .choice.on{border-color:#1d5a3c;box-shadow:inset 0 0 0 2px #1d5a3c;background:#eef6f0}.dlg .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0}.dlg .stat{background:#fff;border:1px solid #e0d2b0;border-radius:12px;padding:10px;text-align:center}.dlg .stat b{display:block;font:900 26px var(--serif);color:#1d3b2c}.dlg .stat span{font-size:13px;color:#6b5f48;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dlg label.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5d8ba;font-size:16px;font-weight:600}.dlg .rules h3{font:800 18px var(--sans);margin:14px 0 4px;color:#1d3b2c}.dlg .rules p,.dlg .rules li{font-size:16px}.dlg .rules ul{padding-left:20px;margin:0 0 8px}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);z-index:90;background:var(--panel);border:1px solid var(--panel-line);color:var(--ink);padding:12px 20px;border-radius:999px;font-weight:700;font-size:16px;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}#toast.on{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}.card{position:absolute;width:var(--cw, 96px);height:calc(var(--cw, 96px) * 1.4);border-radius:calc(var(--cw, 96px) * .075)}.card .face,.card .back{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden}.card .face{background:var(--ivory);box-shadow:0 1px 2px #00000059,0 0 0 1px #00000024 inset}.card .face svg,.card .face img{position:absolute;inset:0;width:100%;height:100%;display:block}.card .back{background:#7d1620 var(--card-back) center/cover;box-shadow:0 1px 2px #0006,0 0 0 1px #00000040 inset}.card.down .face{display:none}.card:not(.down) .back{display:none}.dlg input.vol{width:min(220px,50%);accent-color:#1d5a3c;height:28px}@media (max-width: 760px){body.with-stats{--bar-h: 86px}body.with-stats #bar{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}body.with-stats #bar .tools{margin-left:auto}body.with-stats #bar .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}}.club-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(227,178,60,.35);background:#e3b23c1a;cursor:pointer;font-weight:800;font-size:15px;color:var(--ivory);white-space:nowrap}.club-chip i{width:38px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.15) var(--p))}.dlg table.lb{width:100%;border-collapse:collapse;margin:8px 0;font-size:16px}.dlg table.lb td{padding:8px 10px;border-bottom:1px solid #e5d8ba}.dlg table.lb td:first-child{width:44px;font-weight:800;color:#1d5a3c}.dlg table.lb td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.dlg table.lb tr.me td{background:#eef6f0;font-weight:800}.dlg .lbtabs{display:flex;gap:6px;margin-bottom:8px}.dlg .lbtabs .choice{flex:1;justify-content:center;padding:8px}.dlg .lbtotal{font-size:14px;color:#6b5f48;margin:4px 0 0}.dlg .xpbar{height:10px;border-radius:5px;background:#e5d8ba;overflow:hidden;margin:6px 0}.dlg .xpbar i{display:block;height:100%;background:linear-gradient(90deg,#1d5a3c,#3a9a68)}.dlg .achs{display:grid;gap:6px}.dlg .ach{padding:8px 12px;border-radius:10px;border:1px solid #e0d2b0;background:#fff;opacity:.6}.dlg .ach.got{opacity:1;border-color:#1d5a3c}.dlg .ach b{display:block;font-size:15px}.dlg .ach span{font-size:14px;color:#6b5f48}@media (max-width: 760px){.club-chip i{display:none}.club-chip{padding:0 8px}}#bar{flex-wrap:nowrap}#bar.compact .tb span{display:none}#bar.compact .tb{padding:0 10px}#bar.compact h1{font-size:20px}body.bar-two-line{--bar-h: 86px}#bar.two-line{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}#bar.two-line .tools{margin-left:auto}#bar.two-line .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}#bar .stats{overflow:hidden}:root{--felt: #4549d6;--felt-deep: #3b3fc4;--felt-tex: none !important;--ink: #ffffff;--ink-dim: #d9dcff;--ivory: #ffffff;--card-ink: #23264d;--brass: #ffc83d;--brass-deep: #e09b00;--red: #ff6b6b;--blue: #4549d6;--panel: rgba(36, 34, 132, .78);--panel-line: rgba(255, 255, 255, .18);--good: #3fe0a6;--bad: #ff8a8a;--bar-h: 58px;--radius: 18px;--shadow: 0 6px 0 rgba(20, 18, 90, .45), 0 18px 36px rgba(20, 18, 90, .35);--serif: "Fredoka", "Nunito", system-ui, sans-serif;--sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark;--bg-top: #4a4fe0;--bg-bottom: #3236b4;--shape-a: rgba(130, 140, 255, .35);--shape-b: rgba(255, 200, 61, .16);--shape-c: rgba(255, 107, 107, .18);--accent-2: #ff6b6b;--accent-3: #2ad4b0;--on-accent: #2a1d05;--accent-press: #d99100;--chip: #2f32a8;--chip-press: #23268a;--line: rgba(255, 255, 255, .16);--dlg-bg: #fffaf2;--dlg-ink: #23264d;--dlg-muted: #6a6d93;--dlg-line: #ebe5f5;--dlg-field: #ffffff;--dlg-tint: #eef0ff;--dlg-accent: #4549d6;--dlg-accent-ink: #ffffff;--dlg-press: #2f32a8;--card-face: #ffffff;--card-edge: rgba(35, 38, 77, .16);--card-font: "Nunito", system-ui, sans-serif;--suit-red: #d81e3c;--suit-black: #23264d;--court-bg: #fff3d6;--focus: 0 0 0 3px #fff, 0 0 0 6px rgba(255, 200, 61, .9);--ease: cubic-bezier(.3, 1.4, .5, 1)}body{background-color:var(--bg-bottom);background-image:radial-gradient(rgba(255,255,255,.07) 1.6px,transparent 1.8px),linear-gradient(170deg,var(--bg-top),var(--bg-bottom));background-size:26px 26px,auto;background-attachment:fixed;color:var(--ink);font:700 16px/1.4 var(--sans)}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 78%,var(--shape-a) 0 14%,transparent 14.2%),radial-gradient(circle at 90% 20%,var(--shape-b) 0 11%,transparent 11.2%),radial-gradient(circle at 76% 92%,var(--shape-c) 0 8%,transparent 8.2%),radial-gradient(circle at 30% 8%,rgba(42,212,176,.14) 0 6%,transparent 6.2%);animation:bp-bob 24s ease-in-out infinite alternate}@keyframes bp-bob{to{transform:translate3d(1.5%,-2%,0)}}#bar{background:var(--chip);border-bottom:0;box-shadow:0 4px 0 var(--chip-press),0 10px 24px #14125a4d;backdrop-filter:none}#bar .home{color:#fff;font-weight:800;border-radius:14px}#bar .home:hover{background:#ffffff1a}#bar h1{font:700 24px/1 var(--serif);letter-spacing:0;color:#fff}#bar .stats{color:var(--ink-dim);font-weight:700}#bar .stats b{color:var(--brass);font-weight:900}.tb{height:40px;border-radius:14px;border:0;background:#4549d6;color:#fff;font-weight:800;box-shadow:0 3px #1f2178;transition:transform .12s var(--ease),box-shadow .12s,background .12s}.tb:hover{background:#5357e6}.tb:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #1f2178}.tb:focus-visible,.club-chip:focus-visible,#bar .home:focus-visible{outline:none;box-shadow:var(--focus)}.tb.primary{background:var(--brass);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-press)}.tb.primary:hover{background:#ffd35f}.tb.primary:active:not(:disabled){box-shadow:0 0 0 var(--accent-press)}.tb.active{background:var(--brass)!important;color:var(--on-accent)!important;box-shadow:0 3px 0 var(--accent-press)!important}.club-chip{border-radius:14px;border:0;background:#4549d6;box-shadow:0 3px #1f2178;color:#fff;font-weight:900}.club-chip b{color:var(--brass)}.club-chip i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.2) var(--p))}#veil{background:#1a18608c}#veil.on .dlg{animation:bp-pop .32s var(--ease)}@keyframes bp-pop{0%{opacity:0;transform:scale(.9) translateY(8px)}}.dlg{background:var(--dlg-bg);color:var(--dlg-ink);border:0;border-radius:28px;box-shadow:0 8px #d6d0ff,0 24px 48px #14125a66;padding:26px 24px 22px}.dlg h2{font:700 30px/1.1 var(--serif);color:var(--dlg-ink)}.dlg h3{color:var(--dlg-ink)}.dlg p{color:var(--dlg-ink);font-weight:600}.dlg p[style*="6b5f48"]{color:var(--dlg-muted)!important}.dlg .btn{height:48px;border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:900;box-shadow:0 4px 0 var(--dlg-line);transition:transform .12s var(--ease),box-shadow .12s}.dlg .btn:hover{background:#fbfaff}.dlg .btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--dlg-line)}.dlg .btn:focus-visible,.dlg .choice:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dlg-accent)}.dlg .btn.primary{background:var(--dlg-accent);color:var(--dlg-accent-ink);border-color:var(--dlg-accent);box-shadow:0 4px 0 var(--dlg-press)}.dlg .btn.primary:hover{background:#5357e6}.dlg .btn.primary:active{box-shadow:0 0 0 var(--dlg-press)}.dlg .choice{border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:800;box-shadow:0 3px 0 var(--dlg-line)}.dlg .choice:hover{border-color:#c9ccff}.dlg .choice small{color:var(--dlg-muted);font-weight:700}.dlg .choice.on{border-color:var(--dlg-accent);box-shadow:0 3px 0 var(--dlg-press);background:var(--dlg-tint)}.dlg .stat{background:var(--dlg-field);border:2px solid var(--dlg-line);border-radius:18px;box-shadow:0 3px 0 var(--dlg-line)}.dlg .stat b{font:700 28px var(--serif);color:var(--dlg-accent)}.dlg .stat span{color:var(--dlg-muted);font-size:13px;font-weight:800;letter-spacing:.05em}.dlg label.opt{border-bottom:2px solid var(--dlg-line);color:var(--dlg-ink);font-weight:800}.dlg select{min-height:42px;padding:0 10px;border-radius:12px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font:800 15px var(--sans)}.dlg input.vol,.dlg input[type=checkbox]{accent-color:var(--dlg-accent)}.dlg .rules h3{font:700 19px var(--serif);color:var(--dlg-accent)}.dlg table.lb td{border-bottom:2px solid var(--dlg-line)}.dlg table.lb td:first-child{color:var(--dlg-accent);font-weight:900}.dlg table.lb tr.me td{background:#fff1c7}.dlg .lbtotal{color:var(--dlg-muted)}.dlg .xpbar{height:14px;border-radius:7px;background:var(--dlg-line)}.dlg .xpbar i{background:linear-gradient(90deg,var(--brass),#ffab2e);border-radius:7px}.dlg .ach{border:2px solid var(--dlg-line);background:var(--dlg-field);border-radius:14px}.dlg .ach.got{border-color:var(--brass);background:#fff8e1}.dlg .ach span{color:var(--dlg-muted)}#toast{background:#fff;color:var(--dlg-ink);border:0;border-radius:999px;box-shadow:0 4px #d6d0ff,0 12px 26px #14125a59;font-weight:900}.card{border-radius:calc(var(--cw, 96px) * .1)}.card .face{background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge),0 3px #14125a47,0 6px 14px #14125a2e}.card .face svg text{font-family:var(--card-font);font-weight:900;letter-spacing:-1px}.card .face svg text:not([font-size="38"]){font-size:48px}.card .face svg text[font-size="38"]{font-size:41px;letter-spacing:-4px}.card .face svg [fill="#c0262f"]{fill:var(--suit-red)}.card .face svg [fill="#1d1a17"]{fill:var(--suit-black)}.card .face svg circle[stroke="#1d1a17"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg circle[stroke="#b8861f"]{stroke:var(--brass);stroke-width:4px;stroke-dasharray:none}.card .face svg rect[fill="#f4ead2"]{fill:var(--court-bg)}.card .face svg rect[stroke="#c0262f"],.card .face svg line[stroke="#c0262f"]{stroke:var(--suit-red);stroke-width:4px}.card .face svg rect[stroke="#1f3f8f"],.card .face svg line[stroke="#1f3f8f"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg rect[stroke="#b8861f"]{stroke:transparent}.card .back{background:radial-gradient(rgba(255,255,255,.9) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#ff8080,#ff5a5f);box-shadow:inset 0 0 0 calc(var(--cw, 96px) * .05) #fff,0 0 0 1px var(--card-edge),0 3px #14125a47}html[data-back=blue] .card .back{background:radial-gradient(rgba(255,200,61,.95) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#6c70ff,#4549d6)}.slot{border-color:#ffffff47;border-style:dashed;background:#14125a2e;color:#ffffff59}.slot.foundation[data-suit=H],.slot.foundation[data-suit=D]{color:#ffa0aa80}.card.selected:after,.card.hint-source:after{border-width:4px;box-shadow:0 0 0 3px #ffc83d59}.stock-count,.pass-count,.deal-badge,.turn-prompt,.score-rail,.hearts-goal,.pass-panel,.hand-summary,.field-status,.daily-status,.hint-box,.game-strip,.zoom-controls{background:var(--chip)!important;border-color:transparent!important;box-shadow:0 3px 0 var(--chip-press)}.hearts-arena:before{border:3px dashed rgba(255,255,255,.14);box-shadow:none}.trick-centre:before{border:3px dashed rgba(255,255,255,.14);background:radial-gradient(ellipse,rgba(20,18,90,.25),transparent 68%)}.paper{border-color:#fff;border-radius:18px;box-shadow:0 6px #14125a73,0 22px 40px #14125a59}.sudoku-cell,.paper{background:#fff}.sudoku-cell{color:var(--dlg-accent)}.grid{background:#c9ccef;border-color:var(--dlg-ink)}.sudoku-cell.box-right{box-shadow:3px 0 0 var(--dlg-ink)}.sudoku-cell.box-bottom:after{background:var(--dlg-ink)}.sudoku-cell.related{background:#f1f2ff}.sudoku-cell.same{background:#dfe1ff}.sudoku-cell.selected,.sudoku-cell.selected.box-right{background:#fff1c7;box-shadow:inset 0 0 0 3px var(--brass-deep)}.sudoku-cell.given .digit{color:var(--dlg-ink);font-weight:900}.number-key{background:#fff;border:0;box-shadow:0 4px #c9ccef;border-radius:14px}.number-key strong{color:var(--dlg-accent);font-family:var(--serif)}.number-key small{color:var(--dlg-muted)}.control{border:0;background:#4549d6;box-shadow:0 3px #1f2178;border-radius:12px}.control.on{box-shadow:0 3px 0 var(--accent-press)}.mine-board{border:0;border-radius:18px;background:#2f32a8;box-shadow:0 6px #1f2178,0 18px 36px #14125a59}.mine-cell.hidden{border:0;color:var(--suit-red);background:linear-gradient(180deg,#8a8eff,#6c70ff);box-shadow:inset 0 -3px #4549d6,inset 0 2px #ffffff59}.mine-cell.revealed{border:0;background:#f4f4ff;box-shadow:inset 0 2px 3px #23264d26}.mine-cell.n1{color:#4549d6}.mine-cell.n2{color:#12936b}.mine-cell.n3{color:#d81e3c}.mine-cell.n4{color:#6b2fb3}.mine-cell.n5{color:#b4441b}.mine-cell.n6{color:#0f7f86}.mine-cell.n7{color:#23264d}.mine-cell.n8{color:#6a6d93}.retention-status,.daily-status{color:var(--ink-dim)!important}.mah-tile:before{background:linear-gradient(135deg,#6c70ff,#3236b4 72%)}.dlg{color-scheme:light}.mine-board:focus-visible{box-shadow:0 6px #1f2178,var(--focus)}@media (prefers-reduced-motion: reduce){body:before,#veil.on .dlg{animation:none}.tb,.dlg .btn{transition:none}}:root{--sp-burgundy:#67162d;--sp-wine:#3c0b1d;--sp-teal:#087b78;--sp-deep-teal:#073e46;--sp-gold:#f5c75e;--sp-cream:#fff7df;--sp-ink:#24131a;--sp-muted:#745f64;--sp-line:rgba(255,224,151,.34);--sp-focus:0 0 0 3px #fff7df,0 0 0 6px #13b7ae;--card-face:#fffdf5;--card-edge:rgba(61,16,29,.2);--card-font:Fredoka,system-ui,sans-serif;--suit-red:#c82442;--suit-black:#171e29;--court-bg:#f7ead0;--dlg-bg:#fff9e9;--dlg-ink:var(--sp-ink);--dlg-muted:var(--sp-muted);--dlg-line:#ead9bd;--dlg-field:#fffdfa;--dlg-tint:#f6ecdd;--dlg-accent:var(--sp-burgundy);--dlg-accent-ink:#fff8e7;--brass:var(--sp-gold);--sans:Fredoka,system-ui,-apple-system,sans-serif;--serif:var(--sans);color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body[data-spades-theme]{margin:0;color:var(--sp-cream);font:600 15px/1.4 var(--sans);background:#3b0b1b}body[data-spades-theme]:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(#14040c0a,#14040c1f),var(--sp-scene);background-position:center;background-size:cover;background-repeat:no-repeat}body[data-spades-theme]:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 90px #1c030d38}body[data-spades-theme] #bar{display:none!important}body[data-spades-theme] #table{position:fixed;inset:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jazz-hud{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;z-index:70;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(250px,1fr);align-items:center;gap:14px;width:min(1060px,calc(100vw - 28px));min-height:66px;padding:8px 11px 8px 17px;border:1px solid var(--sp-line);border-radius:24px;background:linear-gradient(105deg,#5c0d25f0,#270f1eed 52%,#054348f0);box-shadow:0 2px #ffd57159 inset,0 12px 34px #1d030d6b;backdrop-filter:blur(16px) saturate(1.25);transform:translate(-50%)}.jazz-brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:27px;font-weight:700;letter-spacing:-.03em;text-shadow:0 2px 0 rgba(42,3,15,.55)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:2px solid var(--sp-gold);border-radius:50%;background:#151c27;color:var(--sp-gold);font-size:27px;line-height:1;box-shadow:0 4px 12px #00000047,inset 0 0 0 2px #ffffff0f}.jazz-stats{display:flex;align-items:stretch;gap:7px}.jazz-stat{display:grid;align-content:center;min-width:92px;height:48px;padding:4px 12px;border:1px solid rgba(255,222,153,.18);border-radius:14px;background:#140d188c;color:inherit;font:inherit;text-align:center;box-shadow:inset 0 1px #ffffff0d}button.jazz-stat{cursor:pointer;transition:background .14s ease,transform .14s ease}button.jazz-stat:hover{background:#087b78b8;transform:translateY(-1px)}button.jazz-stat:focus-visible{outline:none;box-shadow:var(--sp-focus)}.jazz-stat span{color:#dec9ba;font-size:10px;line-height:1;letter-spacing:.06em;text-transform:uppercase}.jazz-stat b{margin-top:3px;color:#fff9e9;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}.jazz-actions{display:flex;justify-content:flex-end;gap:6px}.jazz-button{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,225,158,.3);border-radius:50%;background:#0b2328bd;color:var(--sp-cream);cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 4px 12px #00000038;transition:transform .14s ease,background .14s ease,opacity .14s ease}.jazz-button svg{width:21px;height:21px}.jazz-button:hover:not(:disabled){background:var(--sp-teal);transform:translateY(-1px)}.jazz-button:active:not(:disabled){transform:scale(.94)}.jazz-button:focus-visible{outline:none;box-shadow:var(--sp-focus)}.jazz-button:disabled{opacity:.36;cursor:default}.jazz-button:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);right:0;width:max-content;max-width:170px;padding:5px 8px;border-radius:8px;background:#170c13f0;color:#fff8e8;font-size:11px;opacity:0;pointer-events:none;transform:translateY(-3px);transition:.15s ease}.jazz-button:hover:after,.jazz-button:focus-visible:after{opacity:1;transform:none}.spades-board{position:absolute;inset:0;min-height:0;isolation:isolate;--cw:clamp(62px,7.2vw,100px);--tcw:clamp(62px,6.5vw,88px)}.spades-board:before{content:"";position:absolute;left:50%;top:55%;width:min(390px,31vw);height:min(255px,29vh);border:2px solid rgba(245,199,94,.38);border-radius:50%;background:radial-gradient(ellipse,rgba(67,6,26,.16),transparent 68%);box-shadow:0 0 0 7px #47081c1a,inset 0 0 28px #2c03101f;transform:translate(-50%,-50%);pointer-events:none}.round-mark{position:absolute;left:50%;top:55%;z-index:3;transform:translate(-50%,-50%);color:#f7ca692e;font-size:clamp(54px,7vw,100px);line-height:1}.seat{position:absolute;z-index:24;display:grid;justify-items:center;text-align:center;filter:drop-shadow(0 6px 9px rgba(34,2,12,.34))}.seat-north{top:128px;left:50%;transform:translate(-50%)}.seat-south{right:auto;bottom:16px;left:calc(50% + min(360px,29vw));transform:translate(-50%)}.seat-west{left:15px;top:54%;transform:translateY(-50%)}.seat-east{right:15px;top:54%;transform:translateY(-50%)}.avatar{display:block;width:70px;height:70px;margin-bottom:-12px;border:3px solid var(--sp-gold);border-radius:50%;object-fit:cover;background:var(--sp-wine);box-shadow:0 0 0 3px #2c0a18d1,0 8px 18px #20030d61}.nameplate{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:5px 11px;border:1px solid rgba(255,224,151,.32);border-radius:14px;background:#141118e0;color:var(--sp-cream);box-shadow:0 5px 13px #18020a4d;white-space:nowrap;font-size:12px}.player-name{display:grid;font-weight:700;line-height:1.05}.player-name small{color:#d7b87f;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.nameplate .meta{padding-left:8px;border-left:1px solid rgba(255,255,255,.18);color:#e6d1be;font-variant-numeric:tabular-nums}.seat.active .avatar{border-color:#5cf1e5;box-shadow:0 0 0 3px #054246e6,0 0 24px #1fe1d38c}.seat.active .nameplate{border-color:#58ded5;background:#055858f0}.hand{position:absolute;z-index:18;pointer-events:none}.hand-south{left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));height:calc(var(--cw)*1.58)}.hand-north{left:50%;top:220px;width:min(44vw,500px);height:100px;transform:translate(-50%)}.hand-west,.hand-east{top:50%;width:110px;height:min(36vh,300px);transform:translateY(-50%)}.hand-west{left:clamp(112px,10.5vw,168px)}.hand-east{right:clamp(112px,10.5vw,168px)}.hand .card{transition:transform .2s ease,filter .18s ease,top .28s ease,left .28s ease,opacity .18s ease;pointer-events:none}.card{border-radius:calc(var(--cw,96px)*.085)}.card .face{background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge),0 3px #39091b38,0 8px 18px #24020d38}.card .face svg text{font-family:var(--card-font);font-weight:700}.card .back{background:#171f29 var(--card-back) center/cover no-repeat;box-shadow:0 0 0 1px #ffdf9685,0 3px #25040f52,0 8px 16px #1f020b3d}.hand-south .card{transform:translate(var(--drag-x,0),var(--drag-y,0)) translateY(var(--lift,0)) rotate(var(--rot,0deg));transform-origin:50% 105%}.hand-south .card.playable{cursor:pointer;pointer-events:auto;touch-action:none;filter:drop-shadow(0 0 7px rgba(80,245,222,.38))}.hand-south .card.illegal{pointer-events:auto;cursor:not-allowed;filter:brightness(.58) saturate(.65)}.hand-south .card.playable:hover,.hand-south .card.playable:focus-visible{--lift:-13px;filter:drop-shadow(0 8px 6px rgba(31,3,13,.45)) drop-shadow(0 0 7px #55ddd2)}.hand-south .card.playable:focus-visible{outline:3px solid #5ce5db;outline-offset:3px}.hand-south .card.selected{--lift:-19px;filter:drop-shadow(0 9px 7px rgba(31,3,13,.48)) drop-shadow(0 0 9px #f4c85d)}.hand-south .card.dragging{--lift:0;transition:none;animation:none}.hand-south .card.hinted{animation:hintCard .7s ease-in-out infinite alternate}.trick{position:absolute;z-index:30;left:50%;top:55%;width:min(340px,52vw);height:min(280px,35vh);transform:translate(-50%,-50%);--cw:var(--tcw)}.trick .card{left:50%;top:50%;filter:drop-shadow(0 9px 9px rgba(35,3,13,.36));animation:playCard .25s cubic-bezier(.2,.8,.2,1) both}.trick .card[data-seat="0"]{transform:translate(-50%,15%)}.trick .card[data-seat="1"]{transform:translate(-136%,-50%) rotate(-5deg)}.trick .card[data-seat="2"]{transform:translate(-50%,-115%)}.trick .card[data-seat="3"]{transform:translate(36%,-50%) rotate(5deg)}.trick.won{animation:trickWin .6s ease-in-out}.trick .card.winning{outline:3px solid var(--sp-gold);outline-offset:3px;filter:drop-shadow(0 0 13px rgba(255,210,102,.8))}.trick.collecting .card{opacity:0;transition:transform .32s ease,opacity .32s ease}.trick.collect-0 .card{transform:translate(-50%,175%) scale(.72)}.trick.collect-1 .card{transform:translate(-245%,-50%) scale(.72)}.trick.collect-2 .card{transform:translate(-50%,-230%) scale(.72)}.trick.collect-3 .card{transform:translate(145%,-50%) scale(.72)}.spades-board.dealing .hand .card{animation:dealCard .44s cubic-bezier(.2,.8,.2,1) both}.status-line{position:absolute;z-index:42;left:50%;top:91px;max-width:calc(100% - 32px);padding:6px 13px;border:1px solid rgba(255,225,158,.28);border-radius:999px;background:#1d0d16d1;color:#fff7e6;box-shadow:0 6px 16px #23030d45;font-size:12px;text-align:center;white-space:nowrap;transform:translate(-50%);backdrop-filter:blur(9px)}.bid-panel{position:absolute;z-index:55;left:50%;top:57%;width:min(510px,calc(100% - 30px));padding:20px;border:1px solid #e8c977;border-radius:24px;background:linear-gradient(145deg,#fffae9fa,#f4e2c0fa);color:var(--sp-ink);box-shadow:0 3px #c58b2b,0 22px 48px #27030f66;text-align:center;transform:translate(-50%,-50%)}.bid-panel[hidden]{display:none}.bid-panel h2{margin:0 0 3px;color:var(--sp-burgundy);font-size:25px;line-height:1.1}.bid-panel p{margin:0 0 10px;color:var(--sp-muted);font-size:13px}.bid-suggestion{color:var(--sp-teal)!important;font-weight:700}.bid-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.bid-grid button{min-width:0;min-height:44px;border:1px solid #d8c6a6;border-radius:12px;background:#fffdfa;color:var(--sp-ink);cursor:pointer;font:700 15px var(--sans);box-shadow:0 3px #d8c6a6;transition:transform .12s ease,background .12s ease}.bid-grid button:hover{background:#edf8f4;border-color:#83c8bf}.bid-grid button:active{transform:translateY(3px);box-shadow:none}.bid-grid button:focus-visible{outline:none;box-shadow:var(--sp-focus)}.bid-grid button.suggested{border-color:#b57f20;background:var(--sp-gold);color:var(--sp-wine);box-shadow:0 3px #b57f20}.bid-grid button.nil{border-color:#b83d5b;color:var(--sp-burgundy)}.bid-grid button.confirming{background:var(--sp-burgundy);color:#fff}.bid-grid.blind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-spades-theme] #veil{z-index:100;padding:18px;background:#19040d9e;backdrop-filter:blur(7px) saturate(.85)}body[data-spades-theme] #veil.on{animation:veilIn .2s ease both}body[data-spades-theme] #veil.on .dlg{animation:dialogIn .2s cubic-bezier(.2,.8,.2,1) both}body[data-spades-theme] .dlg{width:min(570px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #f0dba9;border-radius:24px;background:linear-gradient(150deg,#fffdf4,#f8ead0);color:var(--sp-ink);box-shadow:0 3px #bd8128,0 30px 70px #20020d73;scrollbar-width:thin}body[data-spades-theme] .dlg.wide{width:min(790px,100%)}.dialog-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-bottom:14px}.dialog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--sp-burgundy),#8f2947);color:#ffe39a;box-shadow:0 3px #4a0b20}.dialog-icon svg{width:22px;height:22px}body[data-spades-theme] .dlg h2{margin:0;color:var(--sp-burgundy);font-size:25px;line-height:1.1;letter-spacing:-.02em}.dialog-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dcc9aa;border-radius:50%;background:#ffffffb8;color:var(--sp-wine);cursor:pointer}.dialog-close svg{width:19px;height:19px}.dialog-close:focus-visible{outline:none;box-shadow:var(--sp-focus)}body[data-spades-theme] .dlg p{color:var(--sp-ink);font-size:14px;line-height:1.5}body[data-spades-theme] .dlg .row{gap:9px;margin-top:18px}body[data-spades-theme] .dlg .btn{min-height:46px;border:1px solid #d8c6a8;border-radius:13px;background:#ffffffb8;color:var(--sp-wine);font:700 14px var(--sans);box-shadow:0 3px #d8c6a8}body[data-spades-theme] .dlg .btn:hover{background:#fff}body[data-spades-theme] .dlg .btn:active{transform:translateY(3px);box-shadow:none}body[data-spades-theme] .dlg .btn.primary{border-color:#4d0d23;background:linear-gradient(#7e1d3c,#5b1029);color:#fff8e7;box-shadow:0 3px #3d091b}body[data-spades-theme] .dlg .btn:focus-visible{outline:none;box-shadow:var(--sp-focus)}body[data-spades-theme] .dlg label.opt{min-height:52px;padding:7px 0;border-bottom:1px solid #e8dbc6;color:var(--sp-ink)}body[data-spades-theme] .dlg input.vol{accent-color:var(--sp-teal)}body[data-spades-theme] .dlg input[type=checkbox]{appearance:none;width:48px;height:28px;flex:0 0 auto;border:1px solid #cbb99c;border-radius:99px;background:#d9ccba;cursor:pointer;transition:.18s}body[data-spades-theme] .dlg input[type=checkbox]:after{content:"";display:block;width:22px;height:22px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #2b0c1440;transition:.18s}body[data-spades-theme] .dlg input[type=checkbox]:checked{border-color:var(--sp-teal);background:var(--sp-teal)}body[data-spades-theme] .dlg input[type=checkbox]:checked:after{transform:translate(20px)}.settings-group{margin:15px 0}.settings-label{display:block;margin-bottom:7px;color:var(--sp-wine);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border:1px solid #ddcdb3;border-radius:14px;background:#efe3cf}.segmented button{min-height:40px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:#765c62;font:700 13px var(--sans);cursor:pointer}.segmented button.on{background:#fffdf8;color:var(--sp-burgundy);box-shadow:0 2px 7px #380d1924}.segmented button:focus-visible{outline:none;box-shadow:var(--sp-focus)}.look-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.look-picker.back{grid-template-columns:repeat(5,minmax(0,1fr))}.look-picker button{min-width:0;padding:4px 4px 6px;border:2px solid transparent;border-radius:13px;background:#ffffff75;color:var(--sp-muted);font:600 11px var(--sans);cursor:pointer}.look-picker button.on{border-color:var(--sp-teal);background:#fff;color:var(--sp-wine);box-shadow:0 4px 12px #18464324}.look-picker button:focus-visible{outline:none;box-shadow:var(--sp-focus)}.look-picker img{display:block;width:100%;aspect-ratio:16/9;margin-bottom:4px;border-radius:8px;object-fit:cover}.look-picker.back img{aspect-ratio:5/7;object-fit:contain}.look-picker span{display:block;overflow-wrap:anywhere}.toggle-list .opt{display:flex;align-items:center;justify-content:space-between;gap:14px}.toggle-list .opt>span{display:grid}.toggle-list small{color:var(--sp-muted);font-size:11px}.settings-note,.stats-mode{color:var(--sp-muted)!important;font-size:12px!important;text-align:center}.jazz-menu-dialog{width:min(720px,100%)!important}.menu-intro{margin:-9px 0 12px;color:var(--sp-muted)!important;text-align:center}.menu-intro small{display:block;margin-top:3px;color:var(--sp-teal);font-size:11px}.jazz-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jazz-menu-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:9px 11px;border:1px solid #e0ceb0;border-radius:15px;background:#fff9;color:var(--sp-ink);text-align:left;cursor:pointer}.jazz-menu-item:hover{border-color:#82c6be;background:#fff}.jazz-menu-item:focus-visible{outline:none;box-shadow:var(--sp-focus)}.jazz-menu-item i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0dfc3;color:var(--sp-burgundy)}.jazz-menu-item svg{width:21px;height:21px}.jazz-menu-item span{display:grid;min-width:0}.jazz-menu-item b{color:var(--sp-wine);font-size:14px}.jazz-menu-item small{color:var(--sp-muted);font-size:11px}.jazz-menu-item em{color:var(--sp-teal);font-size:23px;font-style:normal}.rules-lead{display:flex;align-items:center;gap:12px;padding:12px;border-radius:15px;background:#f2e3ca}.rules-lead>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--sp-burgundy);color:var(--sp-gold)}.rules-lead svg{width:22px}.rules-lead p{margin:0}.rule-section{margin-top:11px;padding:12px;border:1px solid #e2d2b7;border-radius:15px;background:#ffffff80}.rule-heading{display:flex;align-items:center;gap:8px}.rule-heading>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e7f3ee;color:var(--sp-teal)}.rule-heading svg{width:18px}.rule-section h3{margin:0;color:var(--sp-burgundy);font-size:15px}.rule-section p,.rule-section li{font-size:12px!important;line-height:1.48!important}.rule-section p{margin:7px 0 0!important}.rule-section ul{margin:7px 0 0;padding-left:18px}body[data-spades-theme] .dlg kbd{padding:2px 6px;border:1px solid #d1bfa1;border-radius:6px;background:#fff;box-shadow:0 1px #cbb99c;color:var(--sp-wine);font:700 11px var(--sans)}.statgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}body[data-spades-theme] .dlg .stat{padding:14px 8px;border:1px solid #e0cfb3;border-radius:15px;background:#ffffffa3;box-shadow:none}body[data-spades-theme] .dlg .stat b{color:var(--sp-burgundy);font:700 27px var(--sans)}.score-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.score-summary>div,.round-result{padding:11px;border:1px solid #e0cfb3;border-radius:14px;background:#ffffff9e;color:var(--sp-ink);text-align:center}.score-summary b{display:block;color:var(--sp-burgundy);font-size:25px}.round-result{margin:8px 0;text-align:left}.score-sheet{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.score-sheet th,.score-sheet td{padding:8px;border-bottom:1px solid #e1d2ba;text-align:right}.score-sheet th:first-child,.score-sheet td:first-child{text-align:left}.round-award{padding:8px 10px;border-radius:11px;background:#f8e6ac;color:var(--sp-wine)!important}.hand-review{margin-top:9px;border:1px solid #e0cfb3;border-radius:12px;background:#ffffff94;overflow:hidden}.hand-review summary{padding:10px;color:var(--sp-burgundy);cursor:pointer}.trick-review{display:grid;gap:3px;padding:9px 11px;border-top:1px solid #e1d2ba;font-size:11px}.trick-review .winner{color:var(--sp-teal);font-weight:700}.daily-callout{display:grid;gap:3px;padding:11px;border-radius:13px;background:#e6f3ee;color:var(--sp-ink)}body[data-spades-theme] #toast{inset:87px auto auto 50%;max-width:calc(100vw - 28px);padding:8px 13px;border:1px solid rgba(255,226,160,.32);border-radius:999px;background:#191218e6;color:#fff7e4;box-shadow:0 8px 24px #1f030d52;font:600 12px var(--sans);transform:translate(-50%,-10px);backdrop-filter:blur(10px)}body[data-spades-theme] #toast.on{transform:translate(-50%)}body[data-spades-theme]:has(#toast.on) .status-line{visibility:hidden}.jazz-celebration{position:fixed;inset:0;z-index:130;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .22s ease}.jazz-celebration.ending{opacity:0}.jazz-celebration i{position:absolute;left:var(--x);bottom:-9vh;color:#ffd56f;font-size:var(--size);font-style:normal;text-shadow:0 0 8px #ffcc58,0 0 18px rgba(255,164,62,.7);animation:jazzDust var(--dur) var(--delay) ease-out infinite}.jazz-celebration i:nth-child(3n){color:#5ff0dc;text-shadow:0 0 10px #24c8bc}.jazz-celebration i:nth-child(5n){color:#fa7695;text-shadow:0 0 10px #d63063}.jazz-celebration.nil i{color:#64f2df}@keyframes jazzDust{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.5)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),-112vh,0) rotate(320deg) scale(1.15)}}@keyframes playCard{0%{opacity:0;scale:.8}}@keyframes dealCard{0%{opacity:0;translate:0 -22px;scale:.9}}@keyframes trickWin{50%{filter:drop-shadow(0 0 16px rgba(255,202,90,.74));transform:translate(-50%,-50%) scale(1.035)}}@keyframes hintCard{to{filter:drop-shadow(0 0 12px #ffe07b);transform:translateY(-14px) rotate(var(--rot,0deg))}}@keyframes veilIn{0%{opacity:0}}@keyframes dialogIn{0%{opacity:0;transform:translateY(12px) scale(.97)}}@media (max-width:600px) and (orientation:portrait){body[data-spades-theme]:before{background-position:center top}.jazz-hud{top:max(7px,env(safe-area-inset-top));grid-template-columns:1fr auto;grid-template-rows:44px 38px;gap:4px 8px;width:calc(100vw - 14px);min-height:88px;padding:5px 7px 6px 11px;border-radius:19px}.jazz-brand{font-size:21px}.brand-mark{width:34px;height:34px;font-size:22px}.jazz-actions{grid-column:2;grid-row:1;gap:3px}.jazz-button{width:36px;height:36px}.jazz-button:after{display:none}.jazz-stats{grid-column:1/-1;grid-row:2;justify-content:center;gap:5px}.jazz-stat{width:31%;min-width:0;height:35px;padding:2px 6px;border-radius:10px}.jazz-stat span{font-size:8px}.jazz-stat b{font-size:15px}.spades-board{--cw:clamp(58px,17.5vw,74px);--tcw:clamp(44px,12vw,48px)}.spades-board:before,.round-mark{top:52%}.status-line{top:101px;max-width:calc(100% - 18px);padding:5px 10px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.seat-north{top:134px}.hand-north{top:218px;width:70vw;height:70px}.seat-west,.seat-east{top:38%}.seat-west{left:4px}.seat-east{right:4px}.hand-west,.hand-east{top:43%;width:68px;height:145px}.hand-west{left:61px}.hand-east{right:61px}.seat-south{right:auto;bottom:calc(var(--cw)*1.58 + 18px);left:50%;transform:translate(-50%)}.avatar{width:54px;height:54px;margin-bottom:-10px;border-width:2px}.seat-west .avatar,.seat-east .avatar{width:48px;height:48px}.nameplate{display:grid;gap:2px;min-height:27px;padding:4px 7px;font-size:10px}.nameplate .meta{padding:0;border:0;font-size:9px}.player-name small{display:none}.trick{top:52%;width:210px;height:210px}.bid-panel{top:60%;width:calc(100% - 18px);padding:14px;border-radius:19px}.bid-panel h2{font-size:21px}.bid-panel p{font-size:11px;margin-bottom:7px}.bid-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bid-grid button{min-height:42px;font-size:13px}body[data-spades-theme] #veil{align-items:center;padding:10px}body[data-spades-theme] .dlg{max-height:calc(100dvh - 20px);padding:16px;border-radius:20px}.dialog-header{grid-template-columns:38px minmax(0,1fr) 40px;margin-bottom:10px}.dialog-icon{width:38px;height:38px}body[data-spades-theme] .dlg h2{font-size:21px}body[data-spades-theme] .dlg .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body[data-spades-theme] .dlg .row .btn:last-child:nth-child(odd){grid-column:1/-1}body[data-spades-theme] #veil:has(.jazz-menu-dialog){align-items:flex-end;padding:0;background:#1a040d7a}.jazz-menu-dialog{width:100%!important;max-height:min(86dvh,650px)!important;border-radius:24px 24px 0 0!important}.jazz-menu-grid{grid-template-columns:1fr;gap:6px}.jazz-menu-item{min-height:58px}.look-picker{gap:5px}.look-picker button{padding:3px;font-size:9px}body[data-spades-theme] #toast{top:101px;bottom:auto;padding:5px 10px;font-size:11px}}@media (max-height:500px) and (orientation:landscape){.jazz-hud{top:5px;grid-template-columns:minmax(132px,1fr) auto minmax(210px,1fr);gap:7px;width:calc(100vw - 12px);min-height:48px;padding:4px 6px 4px 10px;border-radius:16px}.jazz-brand{gap:7px;font-size:19px}.brand-mark{width:34px;height:34px;font-size:21px}.jazz-stat{min-width:68px;height:38px;padding:2px 6px;border-radius:10px}.jazz-stat span{font-size:8px}.jazz-stat b{font-size:15px}.jazz-button{width:38px;height:38px}.jazz-button:after{display:none}.spades-board{--cw:clamp(46px,14vh,58px);--tcw:clamp(46px,14vh,58px)}.spades-board:before,.round-mark{top:56%}.status-line{top:58px;max-width:42vw;padding:4px 9px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.seat-north{top:88px}.hand-north{top:92px;left:calc(50% + 66px);width:min(28vw,230px);height:62px;transform:none}.seat-south{right:auto;bottom:8px;left:calc(50% + min(245px,29vw));transform:translate(-50%)}.seat-west,.seat-east{top:54%}.hand-west,.hand-east{top:54%;width:58px;height:min(29vh,112px)}.hand-west{left:70px}.hand-east{right:70px}.avatar{width:44px;height:44px;margin-bottom:-9px;border-width:2px}.nameplate{min-height:24px;padding:3px 6px;font-size:9px}.player-name small{display:none}.nameplate .meta{padding-left:5px;font-size:8px}.trick{top:57%;width:210px;height:160px}.bid-panel{top:58%;width:min(560px,calc(100% - 130px));padding:7px 13px}.bid-panel h2{font-size:18px}.bid-panel p{margin-bottom:3px;font-size:9px}.bid-grid button{min-height:32px}body[data-spades-theme] #veil{padding:8px}body[data-spades-theme] .dlg{max-height:calc(100dvh - 16px);padding:13px 15px;border-radius:17px}.dialog-header{grid-template-columns:34px minmax(0,1fr) 36px;margin-bottom:7px}.dialog-icon{width:34px;height:34px}.dialog-close{width:36px;height:36px}body[data-spades-theme] .dlg h2{font-size:19px}body[data-spades-theme] .dlg p{margin-block:5px;font-size:12px;line-height:1.35}body[data-spades-theme] .dlg .row{margin-top:8px}.jazz-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jazz-menu-item{min-height:56px;grid-template-columns:34px minmax(0,1fr) auto;padding:6px 8px}.jazz-menu-item i{width:34px;height:34px}.jazz-menu-item b{font-size:12px}.jazz-menu-item small{font-size:9px}.settings-group{margin:9px 0}body[data-spades-theme] #toast{top:58px;bottom:auto;padding:4px 9px;font-size:9px}}@media (max-height:270px){.jazz-hud{min-height:40px;height:40px;grid-template-columns:minmax(68px,1fr) auto auto;gap:3px}.jazz-brand{gap:4px;font-size:14px}.brand-mark{width:27px;height:27px;font-size:17px}.jazz-stat{min-width:38px;height:30px;padding:1px 3px}.jazz-stat span{display:block;font-size:0}.jazz-stat span:after{display:block;color:#dec9ba;font-size:5.5px;line-height:1;letter-spacing:.02em}.jazz-stat-score span:after{content:"Us–Them"}.jazz-stat-bags span:after{content:"Bags"}.jazz-stat-round span:after{content:"Rd"}.jazz-stat b{margin-top:1px;font-size:10px}.jazz-actions{grid-column:auto;grid-row:auto;gap:2px}.jazz-button{width:27px;height:27px}.hud-restart,.hud-new{display:none}.spades-board{--cw:clamp(40px,19vh,46px);--tcw:28px}.status-line{top:47px;max-width:48vw;padding:2px 5px;font-size:7px}.hand-north,.hand-west,.hand-east,.avatar{display:none}.seat-north{top:48px;left:8px;transform:none}.seat-south{inset:48px 8px auto auto;transform:none}.seat-west,.seat-east{top:91px}.seat-west{left:4px}.seat-east{right:4px}.nameplate{min-height:18px;padding:2px 4px;font-size:7px;border-radius:7px}.nameplate .meta{font-size:6px}.trick{top:41%;width:110px;height:82px}.bid-panel{top:47px;width:calc(100% - 14px);padding:4px 7px;transform:translate(-50%)}.bid-panel h2{display:inline;font-size:13px}.bid-panel p{display:inline;margin-left:4px;font-size:7px}.bid-suggestion{display:none!important}.bid-grid{margin-top:3px;grid-template-columns:repeat(14,minmax(0,1fr));gap:2px}.bid-grid button{min-height:25px;border-radius:6px;font-size:9px;box-shadow:0 2px #d8c6a6}.bid-grid.blind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spades-board[data-phase=bidding] .status-line,.spades-board[data-phase=blindBidding] .status-line{display:none}.spades-board[data-phase=bidding] .seat-west,.spades-board[data-phase=blindBidding] .seat-west{top:121px;left:3px;transform:none}.spades-board[data-phase=bidding] .seat-north,.spades-board[data-phase=blindBidding] .seat-north{top:121px;left:29%;transform:translate(-50%)}.spades-board[data-phase=bidding] .seat-south,.spades-board[data-phase=blindBidding] .seat-south{top:121px;right:auto;left:71%;transform:translate(-50%)}.spades-board[data-phase=bidding] .seat-east,.spades-board[data-phase=blindBidding] .seat-east{top:121px;right:3px;transform:none}body[data-spades-theme] #toast{top:47px;bottom:auto;padding:2px 6px;font-size:8px}}@media (min-height:271px) and (max-height:500px) and (orientation:landscape){.hand-west{left:92px}.hand-east{right:92px}}@media (prefers-reduced-motion:reduce){.card,.trick,.trick .card,.jazz-celebration i,body[data-spades-theme] #veil.on,body[data-spades-theme] #veil.on .dlg{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.jazz-celebration i{opacity:.8}}.jazz-menu-grid>.jazz-menu-item:last-child:nth-child(odd){grid-column:1/-1}