:root{--bg: #0B0D16;--surface: #141827;--surface-2: #1B2136;--accent: #4FD8C4;--accent-2: #A78BFA;--gold: #FBBF24;--text: #E8EEF2;--text-dim: #93A0B4;--danger: #F87171;--prog-accent: #4FD8C4;--prog-accent-glow: rgba(79, 216, 196, .25);--prog-text: #E8EEF2;--prog-text-dim: #93A0B4;--prog-glass: rgba(20, 24, 39, .7);--prog-glass-bold: rgba(20, 24, 39, .92);--prog-glass-border: rgba(232, 238, 242, .09);--prog-bar-bg: rgba(232, 238, 242, .07);--prog-bar-fill: linear-gradient(90deg, #2da895, #4FD8C4, #A78BFA);--prog-overlay: rgba(5, 7, 14, .6);--font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--prog-font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--prog-font-body: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.sf-app{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg);background-image:radial-gradient(1.2px 1.2px at 22px 34px,rgba(232,238,242,.55),transparent 55%),radial-gradient(1px 1px at 87px 110px,rgba(232,238,242,.3),transparent 55%),radial-gradient(1.4px 1.4px at 140px 60px,rgba(167,139,250,.45),transparent 55%),radial-gradient(1px 1px at 51px 155px,rgba(79,216,196,.4),transparent 55%),linear-gradient(200deg,rgba(167,139,250,.08) 0%,transparent 35%,rgba(79,216,196,.05) 90%);background-size:180px 180px,180px 180px,180px 180px,180px 180px,100% 100%}.sf-h1{font-size:30px;font-weight:800;letter-spacing:4px;text-transform:uppercase;text-align:center;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sf-label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim)}.sf-flavor{font-size:13px;line-height:1.65;color:var(--text-dim)}.sf-btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;letter-spacing:1px;border-radius:12px;padding:14px 20px;font-size:15px;background:var(--surface-2);color:var(--text);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.sf-btn:active{transform:scale(.97)}.sf-btn:disabled{opacity:.4;cursor:not-allowed}.sf-btn.primary{background:linear-gradient(135deg,#2da895,var(--accent));color:#06231e;box-shadow:0 4px 20px #4fd8c440}.sf-btn.violet{background:linear-gradient(135deg,#7c5cf0,var(--accent-2));color:#16102e;box-shadow:0 4px 20px #a78bfa40}.sf-btn.ghost{background:transparent;border:1px solid rgba(232,238,242,.15)}.sf-btn.danger{background:#f8717124;color:var(--danger)}.sf-btn.small{padding:8px 14px;font-size:12px;border-radius:9px}.sf-input{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid rgba(232,238,242,.12);background:var(--surface);color:var(--text);font-size:16px;font-family:inherit;font-weight:600;outline:none}.sf-input:focus{border-color:var(--accent)}.sf-panel{background:#141827d9;border:1px solid rgba(232,238,242,.08);border-radius:18px;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sf-card{position:relative;aspect-ratio:5 / 7;border-radius:12px;background:linear-gradient(165deg,#1e2439,#141827 55%,#0f1322);border:1px solid rgba(232,238,242,.1);overflow:hidden;flex-shrink:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 10px #0006}.sf-card.has-art{background:#0f1322}.sf-card .cardart{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}.sf-card .art-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#080a10eb,#080a1080 20%,#080a1000 42%),radial-gradient(130% 70% at 18% 6%,rgba(8,10,16,.6),transparent 46%)}.sf-card .type-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--type, transparent) 0%,transparent 48%);opacity:.26}.sf-card .art-foot{position:absolute;left:6%;right:6%;bottom:7%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}.sf-card .art-foot .cname,.sf-card .art-foot .setdots,.sf-card .art-foot .kindlabel{position:static;left:auto;right:auto;top:auto;bottom:auto}.sf-card .cname.onart{text-shadow:0 1px 6px rgba(0,0,0,.85)}.sf-card.detail.has-art .art{background:#0f1322}.sf-card.detail .art .cardart{position:absolute;top:0;right:0;bottom:0;left:0}.sf-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 1px #e8eef21a,inset 0 -20px 34px #00000057,inset 0 14px 24px #0000002e}.sf-card.has-art:after,.sf-card.detail:after{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--type, #e8eef2) 48%,transparent),inset 0 -20px 34px #00000057,inset 0 14px 24px #0000002e}.sf-card.selectable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sf-card.selectable:active{transform:scale(.96)}.sf-card.selected{outline:2px solid var(--accent);box-shadow:0 0 0 3px #4fd8c440,0 6px 18px #00000080;transform:translateY(-6px)}.sf-card.dimmed{opacity:.45}.sf-card .band{position:absolute;top:0;left:0;right:0;height:26%;clip-path:polygon(0 0,100% 0,100% 58%,86% 86%,72% 64%,57% 92%,42% 68%,27% 94%,13% 72%,0 90%);opacity:.92}.sf-card .band.tint{opacity:.35}.sf-card .hexbadge{position:absolute;top:5%;left:6%;width:26%;aspect-ratio:.9;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--gold);display:flex;align-items:center;justify-content:center;z-index:3}.sf-card .hexbadge .inner{width:calc(100% - 3px);height:calc(100% - 3px);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#10131f;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:800}.sf-card .glyph{position:absolute;top:30%;left:50%;transform:translate(-50%);width:34%;opacity:.9;z-index:2}.sf-card .glyph.big{top:24%;width:46%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.sf-card .scene{position:absolute;top:18%;left:50%;transform:translate(-50%);width:78%;z-index:2}.sf-card .scene.big{top:15%;width:84%}.sf-card .cname{position:absolute;left:7%;right:7%;top:60%;font-weight:800;line-height:1.15;letter-spacing:.4px;color:var(--text);text-align:center;z-index:2}.sf-card .bigvalue{top:34%}.sf-card.detail{aspect-ratio:auto;height:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#171b2e,#10131f)}.sf-card.detail .art{position:relative;width:100%;aspect-ratio:5 / 2.9;overflow:hidden;flex-shrink:0;background:radial-gradient(120% 100% at 50% 42%,rgba(255,255,255,.045),transparent 70%),#0f1322}.sf-card.detail .art .band{top:0;height:5px;clip-path:none;border-radius:0;opacity:1}.sf-card.detail .art .scene{top:50%;left:50%;transform:translate(-50%,-50%);width:62%}.sf-card.detail .art .glyph{top:50%;left:50%;transform:translate(-50%,-50%);width:26%}.sf-card.detail .art .glyph.big{width:30%}.sf-card.detail .art .bigvalue{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sf-card.detail .body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:12px 13px 14px}.sf-card.detail .dname{font-weight:800;line-height:1.15;letter-spacing:.3px}.sf-card.detail .dkind{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.sf-card.detail .drule{font-size:12.5px;line-height:1.5;color:var(--text)}.sf-card.detail .dflavor{font-size:11px;font-style:italic;line-height:1.35;color:var(--text-dim);margin-top:2px}.sf-card.detail .tribrows.flow{position:static;width:100%;margin-top:3px;gap:2px}.sf-card .setdots{position:absolute;bottom:7%;left:0;right:0;display:flex;justify-content:center;gap:9%;z-index:2}.sf-card .setdots i{width:8%;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor}.sf-card .kindlabel{position:absolute;bottom:7%;left:0;right:0;text-align:center;font-size:62%;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);z-index:2}.sf-card .csub{position:absolute;left:7%;right:7%;top:66%;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);text-align:center;z-index:2}.sf-card .tribrows{position:absolute;left:8%;right:8%;bottom:5%;display:flex;flex-direction:column;gap:1px;z-index:2}.sf-card .tribrows .trow{display:flex;justify-content:space-between;color:var(--text-dim);font-weight:600;border-top:1px solid rgba(232,238,242,.07);padding-top:1px}.sf-card .trow b{color:var(--gold);font-weight:800}.sf-card .ctext{position:absolute;left:8%;right:8%;top:40%;color:var(--text);font-weight:500;line-height:1.35;text-align:center;z-index:2}.sf-card .cflavor{position:absolute;left:8%;right:8%;bottom:6%;color:var(--text-dim);font-style:italic;line-height:1.3;text-align:center;z-index:2}.sf-card.action-card{background:linear-gradient(165deg,#241f42,#171430 55%,#100e22)}.sf-card.money-card{background:linear-gradient(165deg,#2b2413,#1c1810 55%,#12100a)}.sf-card.tribute-card{background:linear-gradient(165deg,#1c2b3d,#14202e 55%,#0e1620)}.sf-card .bigvalue{position:absolute;top:40%;left:0;right:0;text-align:center;font-weight:800;color:var(--gold);z-index:2}.sf-cardback{position:relative;aspect-ratio:5 / 7;border-radius:10px;background:radial-gradient(circle at 50% 42%,#232a4d,#171b33 55%,#10132a);border:1px solid rgba(167,139,250,.25);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sf-cardback svg{position:absolute;top:12%;right:12%;bottom:12%;left:12%;opacity:.4}.sf-cardback .backtitle{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-weight:800;letter-spacing:2px;color:#4fd8c4bf;text-transform:uppercase}.sf-game{display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:relative}.sheet-actions{display:flex;flex-direction:column;gap:8px}.sheet-actions .sf-btn{width:100%}.sf-btn.gold{background:linear-gradient(135deg,#d19f16,var(--gold));color:#2b2005;box-shadow:0 4px 20px #fbbf2440}.sf-opponents{display:flex;gap:8px;overflow-x:auto;padding:8px 10px 4px;flex-shrink:0;scrollbar-width:none}.sf-opponents::-webkit-scrollbar{display:none}.opp-chip{flex:1;min-width:124px;max-width:190px;background:#141827e6;border:1px solid rgba(232,238,242,.08);border-radius:14px;padding:9px 11px;flex-shrink:0;transition:border-color .25s ease,box-shadow .25s ease}.opp-chip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #4fd8c438}.opp-top{display:flex;align-items:center;gap:7px;min-width:0}.opp-av{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#0b0d16}.opp-av.av0{background:linear-gradient(140deg,var(--accent-2),var(--accent))}.opp-av.av1{background:linear-gradient(140deg,var(--gold),#EF4444)}.opp-av.av2{background:linear-gradient(140deg,#7dd3fc,#4ade80)}.opp-av.av3{background:linear-gradient(140deg,#F472B6,var(--accent-2))}.opp-name{font-size:12.5px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-dot{width:7px;height:7px;border-radius:50%;background:#34d399;flex-shrink:0}.conn-dot.off{background:#6b7280}.opp-stats{display:flex;gap:11px;margin-top:6px;font-size:10.5px;color:var(--text-dim)}.opp-stats b{color:var(--text);font-weight:700}.terr-bar{display:flex;gap:3px;margin-top:8px}.terr-bar i{flex:1;height:4px;border-radius:2px;background:#e8eef21f;overflow:hidden;display:block}.terr-bar i.done{background:var(--accent);box-shadow:0 0 6px #4fd8c480}.terr-bar i b{display:block;height:100%;background:var(--gold);border-radius:2px}.owes-banner{margin-top:6px;font-size:11px;font-weight:800;color:var(--danger);background:#f871711f;border-radius:6px;padding:2px 6px;text-align:center}.sf-status{display:flex;align-items:center;gap:10px;margin:6px 10px;padding:8px 12px;flex-shrink:0;background:#141827e6;border:1px solid rgba(232,238,242,.08);border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.deck-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--accent-2);z-index:2}.turn-banner{flex:1;min-width:0}.turn-title{font-size:14px;font-weight:700}.turn-title.mine{color:var(--accent)}.last-event{font-size:11px;color:var(--text-dim);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-board{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.board-tableaus{flex:1 1 auto;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:4px 10px 8px;scrollbar-width:none}.board-tableaus::-webkit-scrollbar{display:none}.tableau{border:1px solid rgba(232,238,242,.08);border-radius:14px;background:#141827b8;padding:8px 10px;transition:border-color .25s ease,box-shadow .25s ease}.tableau.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #4fd8c42e}.tableau.mine{background:#1b2136cc}.tab-head{display:flex;align-items:center;gap:8px;min-width:0}.tab-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.tab-stats{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.tab-stats b{color:var(--gold);font-weight:700}.tab-owes{font-size:10.5px;font-weight:800;color:var(--danger);background:#f871711f;border-radius:6px;padding:1px 6px}.tab-terr{margin-left:auto;font-size:12px;font-weight:800;color:var(--text-dim);font-variant-numeric:tabular-nums}.tab-terr.near{color:var(--gold)}.tab-stacks{display:flex;gap:14px;margin-top:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tab-stacks::-webkit-scrollbar{display:none}.tab-empty{font-size:12px;color:var(--faint, #5b6576);padding:8px 2px}.terr-stack{position:relative;flex-shrink:0}.terr-stack .ts-cards{position:relative}.terr-stack .ts-card{position:absolute;top:0}.terr-stack.complete .ts-cards{filter:drop-shadow(0 0 7px rgba(251,191,36,.45))}.terr-stack .ts-check{position:absolute;top:-4px;right:-4px;z-index:20;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#2b2005;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px #00000080}.terr-stack .ts-enh{position:absolute;right:-5px;z-index:20;font-size:11px;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.8)}.terr-stack .ts-count{text-align:center;margin-top:5px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.sf-playarea{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:36px;padding:8px 12px 4px}.sf-playarea .pa-slot{display:flex;flex-direction:column;align-items:center;gap:9px}.sf-playarea .pa-pile{cursor:pointer;-webkit-tap-highlight-color:transparent}.pa-label{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--text-dim)}.pa-stack{position:relative;width:68px;height:95px}.pa-card{position:absolute;top:0;left:0;will-change:transform}.pa-card.top.flash{animation:paLand .7s cubic-bezier(.2,.9,.3,1)}@keyframes paLand{0%{transform:translateY(-20px) scale(1.16) rotate(4deg);filter:drop-shadow(0 0 16px var(--accent))}55%{filter:drop-shadow(0 0 11px var(--accent))}to{transform:none;filter:none}}.pa-empty{width:68px;height:95px;border-radius:12px;border:1.5px dashed rgba(232,238,242,.15);display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.4;color:#5b6576;padding:10px}.sf-mytable{flex:0 0 auto;max-height:34%;overflow-y:auto;padding:4px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.myset-row{display:flex;gap:6px;flex-wrap:wrap}.myset-chip{background:#141827eb;border:1px solid rgba(232,238,242,.1);border-radius:10px;padding:6px 9px;cursor:pointer;-webkit-tap-highlight-color:transparent}.myset-chip.full{border-color:var(--gold);box-shadow:0 0 10px #fbbf2424}.myset-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.myset-cards{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.bank-row{display:flex;align-items:center;gap:8px;background:#2b241380;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:7px 10px}.bank-total{color:var(--gold);font-weight:800;font-size:14px;white-space:nowrap}.bank-cards{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.bank-cards::-webkit-scrollbar{display:none}.plays-left{display:flex;gap:4px;flex-shrink:0}.plays-left span{width:8px;height:8px;border-radius:50%;background:var(--accent)}.plays-left span.used{background:#e8eef21f}.endturn-pill{position:absolute;right:12px;bottom:calc(140px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#2da895,var(--accent));color:#06231e;border-radius:999px;padding:12px 20px;font-size:13px;font-weight:700;letter-spacing:.4px;box-shadow:0 6px 24px #4fd8c459;z-index:10;transition:transform .15s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.endturn-pill:active{transform:scale(.96)}.endturn-pill:disabled{opacity:0;pointer-events:none}.endturn-pill .plays-left span{width:6px;height:6px;background:#06231e}.endturn-pill .plays-left span.used{background:#06231e40}.sf-hand{display:flex;gap:9px;padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px));overflow-x:auto;flex-shrink:0;min-height:158px;scrollbar-width:none;scroll-snap-type:x proximity}.sf-hand::-webkit-scrollbar{display:none}.sf-hand .handslot{flex-shrink:0;scroll-snap-align:center}.sf-hand .handslot.selected{z-index:5}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ebf;display:flex;align-items:flex-end;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sfFade .18s ease-out}.sf-overlay.centered{align-items:center;padding:20px}.sf-sheet{width:100%;max-width:520px;max-height:86dvh;overflow-y:auto;background:var(--surface);border:1px solid rgba(232,238,242,.1);border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));animation:sfSlideUp .22s cubic-bezier(.2,.9,.3,1)}.sf-overlay.centered .sf-sheet{border-radius:20px}@keyframes sfSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes sfFade{0%{opacity:0}to{opacity:1}}@keyframes sfPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sheet-title{font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.option-row{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface-2);border:1px solid rgba(232,238,242,.08);border-radius:12px;padding:12px 14px;margin-bottom:8px;color:var(--text);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;text-align:left}.option-row:active{transform:scale(.98)}.option-row .swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0}.option-row.picked{border-color:var(--accent)}.option-row:disabled{opacity:.4}.pay-grid{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.pay-total{font-size:15px;font-weight:800;margin:8px 0}.pay-total b{color:var(--gold)}.allin-note{color:var(--danger);font-size:12px;font-weight:700;margin-bottom:8px}.countdown-ring{position:relative;width:54px;height:54px;flex-shrink:0}.countdown-ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:var(--accent)}.waiting-banner{background:#a78bfa1a;border:1px solid rgba(167,139,250,.25);color:var(--accent-2);font-size:12px;font-weight:700;border-radius:10px;padding:8px 12px;text-align:center;animation:sfPulse 2.2s ease-in-out infinite}.tut-panel{width:100%;max-width:420px;background:linear-gradient(180deg,#131a2e,#0d1120);border:1px solid rgba(232,238,242,.1);border-radius:22px;padding:20px 18px;display:flex;flex-direction:column;min-height:430px;max-height:88dvh;overflow-y:auto;animation:sfSlideUp .22s cubic-bezier(.2,.9,.3,1)}.tut-head{display:flex;align-items:center;justify-content:space-between}.tut-eyebrow{font-size:9.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.tut-title{font-size:22px;font-weight:700;text-align:center;margin:10px 0 4px}.tut-body{flex:1;display:flex;flex-direction:column;justify-content:center}.tut-cards{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin:14px 0 4px}.tut-cardwrap{text-align:center}.tut-cardlabel{margin-top:9px;font-size:9.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}.tut-tag{text-align:center;margin-top:12px;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.tut-caption{font-size:13.5px;line-height:1.65;color:var(--text-dim);text-align:center;max-width:300px;margin:14px auto 0}.tut-caption b{color:var(--text)}.tut-turnsteps{display:flex;flex-direction:column;gap:9px;margin:8px 0}.tut-turnstep{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#e8eef20a;border-radius:13px;font-size:14.5px}.tut-stepnum{width:27px;height:27px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#4fd8c424;color:var(--accent);font-weight:700;font-size:13px}.tut-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.tut-dots{display:flex;gap:6px;align-items:center}.tut-dots i{width:6px;height:6px;border-radius:3px;cursor:pointer;background:#e8eef229;transition:all .25s ease;display:block}.tut-dots i.on{width:18px;background:var(--accent)}.sf-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:#f87171f2;color:#2b0808;font-size:13px;font-weight:800;border-radius:10px;padding:10px 18px;z-index:100;max-width:90vw;animation:sfSlideUp .2s ease-out}.sf-home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;gap:18px;overflow-y:auto}.seat-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:11px 14px;border:1px solid rgba(232,238,242,.07)}.seat-num{width:26px;height:26px;border-radius:8px;flex-shrink:0;background:#4fd8c41f;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.seat-row.empty{opacity:.4;border-style:dashed}@media (min-width: 700px){.sf-hand,.sf-opponents{justify-content:center}.sf-status{max-width:720px;margin-left:auto;margin-right:auto;width:calc(100% - 20px)}.sf-mytable{max-width:740px;margin-left:auto;margin-right:auto;width:100%}}