:root{--font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pitch-1: #1aa05a;--pitch-2: #0f7a41;--pitch-3: #0a5e31;--pitch-4: #073f21;--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .28);--ink: #14231b;--paper: #eaf6ee;--accent: #ffd23f;--accent-2: #ffb01f;--cyan: #7dd3fc;--gk: #f59e0b;--def: #3b82f6;--mid: #10b981;--fwd: #ef4444;--surface: rgba(2, 28, 15, .42);--surface-2: rgba(3, 34, 18, .6);--radius: 14px;--shadow-1: 0 2px 6px rgba(0,0,0,.25);--shadow-2: 0 8px 22px rgba(0,0,0,.38);--shadow-card: 0 4px 10px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--paper);min-height:100vh;background:radial-gradient(120% 80% at 50% -20%,rgba(255,255,255,.1),transparent 45%),repeating-linear-gradient(90deg,#ffffff05 0,#ffffff05 60px,#00000005 60px,#00000005 120px),radial-gradient(140% 120% at 50% 0%,var(--pitch-1) 0%,var(--pitch-2) 28%,var(--pitch-3) 60%,var(--pitch-4) 100%);background-attachment:fixed}.app{max-width:1120px;margin:0 auto;padding:14px 18px 24px}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:6px}header h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:2.2rem;letter-spacing:.5px;line-height:1;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.25)}.meta{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.4px;opacity:.96;display:flex;align-items:center;gap:6px}.meta b{color:var(--accent)}.mode-badge{background:#0000004d;border:1px solid var(--line-strong);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-right:6px}button{font-family:var(--font-body)}button.new,.draw-btn,button.claim{border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .08s ease,filter .12s ease,box-shadow .12s ease}button.new{margin-left:12px;padding:8px 16px;font-size:.95rem;color:#2a2205;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 3px #b9820f,var(--shadow-1)}button.new:hover,.draw-btn:hover:not(:disabled),button.claim:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}button.new:active,.draw-btn:active{transform:translateY(1px);box-shadow:0 1px #b9820f}button.new.big{display:block;margin:0 auto;padding:12px 26px;font-size:1.05rem;letter-spacing:.3px}.draw-btn{margin-top:10px;padding:9px 20px;font-size:1rem;font-weight:800;color:#2a2205;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 3px #b9820f,var(--shadow-1)}.draw-btn:disabled{background:#ffffff1a;color:#fff6;box-shadow:none;cursor:not-allowed}.opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.opponents.n1{grid-template-columns:1fr;max-width:560px}.opp{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-1);transition:outline-color .15s}.opp.won{outline:2px solid var(--accent)}.opp.active{outline:2px solid rgba(255,210,63,.55)}.opp-name{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.4px;margin-bottom:8px;text-transform:uppercase}.backs{display:flex;flex-wrap:wrap;gap:3px}.back{width:13px;height:19px;border-radius:3px;background:linear-gradient(135deg,#2563eb,#0b1220);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 2px #ffffff0f}.count{font-family:var(--font-display);font-size:.85rem;letter-spacing:.3px;opacity:.8;margin-top:8px}.table{display:flex;align-items:center;gap:34px;justify-content:center;position:relative;background:radial-gradient(60% 90% at 50% 50%,rgba(255,255,255,.05),transparent 70%),#00000038;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:inset 0 2px 20px #0000004d}.pile{text-align:center}.deck-back{position:relative;width:78px;height:108px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:#dbe8ff;background:linear-gradient(150deg,#2563eb,#1e3a8a 55%,#0b1220);border:2px solid rgba(255,255,255,.28);box-shadow:var(--shadow-2),inset 0 0 0 4px #ffffff0f}.deck-logo{width:50px;height:50px;object-fit:contain;background:#ffffffeb;border-radius:9px;padding:4px;box-shadow:var(--shadow-1)}.deck-num{position:absolute;bottom:4px;right:5px;font-size:.9rem;line-height:1;background:#0000008c;color:#fff;padding:2px 6px;border-radius:8px}.discard-area .label,.hint{font-family:var(--font-display);font-size:.9rem;letter-spacing:.3px;opacity:.85}.empty-slot{width:96px;height:132px;border:2px dashed var(--line-strong);border-radius:12px;display:grid;place-items:center;opacity:.4;font-size:1.4rem}.card.pos-gk{--pc: var(--gk)}.card.pos-def{--pc: var(--def)}.card.pos-mid{--pc: var(--mid)}.card.pos-fwd{--pc: var(--fwd)}.hand-area{margin-top:6px}.hand-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin-bottom:4px}.hand-head h2{margin:6px 0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:.5px;text-transform:uppercase}.hand-count{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:.3px;opacity:.95;white-space:nowrap}.hand-count .chip-ico{opacity:.85}.hand{display:flex;flex-wrap:wrap;gap:9px}.card{--pc: #8a8a8a;width:92px;height:126px;border-radius:12px;position:relative;overflow:hidden;border:none;padding:0;cursor:default;display:block;text-align:left;background:#14231b;box-shadow:var(--shadow-card);transition:transform .1s ease,box-shadow .12s ease}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 26%,#f3f6f4),color-mix(in srgb,var(--pc) 62%,#101d16))}.card-art .crest{width:52px;height:52px;opacity:.97;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.card-flag-big{font-size:3.1rem;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.card-photo{width:100%;height:100%;object-fit:cover;display:block}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:34%;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000009e,#00000038 55%,#0000)}.card-crest-badge,.card .flag{position:absolute;top:6px;z-index:2;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.card-crest-badge{left:6px}.card .flag{right:6px;font-size:20px;line-height:1}.card-crest-badge .crest{width:22px;height:22px}.card-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 7px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 42%,rgba(0,0,0,.88))}.card-name{font-family:var(--font-display);font-weight:700;font-size:.82rem;line-height:.95;color:#fff;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7)}.card-badges{display:flex;align-items:flex-end;justify-content:space-between;margin-top:3px}.card-badges .pos{font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.4px;color:#fff;background:var(--pc);padding:1px 7px;border-radius:999px;box-shadow:var(--shadow-1)}.card-badges .goal{font-family:var(--font-display);font-weight:800;font-size:1.75rem;line-height:.72;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}.card.selectable{cursor:pointer}@media (hover: hover) and (pointer: fine){.card.selectable:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 16px 26px #00000073;z-index:5}}.card.selectable:active{transform:translateY(-1px) scale(.96)}.card.chosen{outline:3px solid var(--accent);outline-offset:1px;transform:translateY(-8px) scale(1.03);box-shadow:0 16px 26px #00000073,0 0 0 6px #ffd23f33;z-index:5;animation:cardSelect .26s cubic-bezier(.2,.85,.3,1.35)}.card.chosen.in-set{outline-color:#4ade80;box-shadow:0 16px 26px #00000073,0 0 0 6px #4ade8038;animation:cardSelect .26s cubic-bezier(.2,.85,.3,1.35),setPulse 1.4s ease-in-out .4s infinite}@keyframes cardSelect{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-14px) scale(1.08) rotate(-1.2deg)}to{transform:translateY(-8px) scale(1.03)}}@keyframes setPulse{0%,to{box-shadow:0 16px 26px #00000073,0 0 0 6px #4ade8038}50%{box-shadow:0 16px 26px #00000073,0 0 0 6px #4ade8066,0 0 18px 4px #4ade8073}}.crest{flex:none;display:block}img.crest{object-fit:contain}svg.crest{border-radius:50%}.card.small{width:62px;height:88px;border-radius:9px}.card.small .card-art .crest{width:30px;height:30px}.card.small .flag{width:17px;height:17px;font-size:14px;top:4px;right:4px}.card.small .card-bottom{padding:11px 5px 4px}.card.small .card-name{font-size:.55rem}.card.small .card-badges .goal{font-size:1.15rem}.card.small .card-badges .pos{font-size:.5rem;padding:0 4px}.hand.compact .card{width:84px;height:118px}.sort-ctrl{display:flex;align-items:center;gap:6px;font-family:var(--font-display)}.sort-label{font-size:.8rem;opacity:.65;text-transform:uppercase;letter-spacing:.6px}@media (max-width: 560px){.sort-label{display:none}}.sort-ctrl button{background:#ffffff14;border:1px solid var(--line);color:var(--paper);border-radius:999px;padding:3px 11px;font-size:.82rem;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .12s}.sort-ctrl button:hover:not(.on){background:#ffffff29}.sort-ctrl button.on{background:#ffd23f38;border-color:var(--accent);color:#fff}.sort-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.focus-btn{display:inline-flex;align-items:center;gap:5px;background:#0000004d;border:1px solid var(--line);color:var(--paper);border-radius:999px;padding:8px 14px;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.3px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.focus-btn:not(.on):hover{background:#ffffff1a}.focus-btn.on{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#2a2205;border-color:#b9820f}.peek-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0000004d;border:1px solid var(--line);color:var(--paper);cursor:pointer;flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s,transform .1s}.peek-btn:hover{background:#ffffff1f}.peek-btn.on{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#2a2205;border-color:#b9820f;transform:scale(1.06)}@media (max-width: 560px){.peek-btn{width:34px;height:34px}}.replay-bar{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.replay-bar .rb-btn,.replay-bar .rb-exit{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0000004d;border:1px solid var(--line);color:var(--paper);font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.replay-bar .rb-btn:not(:disabled):hover,.replay-bar .rb-exit:hover{background:#ffffff1f}.replay-bar .rb-btn:disabled{opacity:.35;cursor:not-allowed}.replay-bar .rb-btn.play{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#2a2205;border-color:#b9820f;width:44px;height:44px;font-size:1.15rem}.replay-bar .rb-exit{color:#ef8a8a}.replay-bar .rb-scrub{flex:1 1 auto;max-width:320px;accent-color:var(--accent);cursor:pointer}.replay-bar .rb-count{font-family:var(--font-display);font-weight:700;font-size:.85rem;min-width:48px;text-align:right;opacity:.9}.phase-hint.replay{color:var(--accent)}.win-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:18px}.win-actions .new.big{margin:0}@media (max-width: 560px){.replay-bar{gap:4px}.replay-bar .rb-btn,.replay-bar .rb-exit{width:33px;height:33px}.replay-bar .rb-btn.play{width:38px;height:38px}}.focus-bar{display:flex;gap:6px;overflow-x:auto;justify-content:flex-start;margin-top:8px;padding-bottom:2px}.focus-bar button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;background:#ffffff12;border:1px solid var(--line);color:var(--paper);border-radius:999px;padding:5px 11px;font-family:var(--font-display);font-weight:700;font-size:.82rem;cursor:pointer;transition:background .12s,border-color .12s}.focus-bar button:hover:not(.on){background:#ffffff24}.focus-bar button.on{background:#ffd23f38;border-color:var(--accent);color:#fff}.focus-bar button b{opacity:.75;font-weight:800}.focus-bar .crest{width:16px;height:16px;border-radius:3px}.focus-bar .fb-flag{font-size:1rem;line-height:1}.sort-seg{display:flex;gap:2px;margin:0;padding:3px;max-width:340px;width:100%;background:#0000004d;border:1px solid var(--line);border-radius:999px}.sort-seg button{flex:1;border:none;background:transparent;color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:.92rem;letter-spacing:.4px;padding:8px 6px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.sort-seg button:not(.on):hover{color:#fff;background:#ffffff14}.sort-seg button.on{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#2a2205;box-shadow:var(--shadow-1)}@media (max-width: 560px){.sort-row{gap:6px}.sort-seg{max-width:240px;padding:2px}.sort-seg button{font-size:.78rem;padding:6px 4px;letter-spacing:.2px}.focus-btn{font-size:.78rem;padding:6px 10px;gap:4px}.focus-btn .chip-ico{width:13px;height:13px}}.win{margin-top:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-2)}.win.you{outline:2px solid var(--accent)}.win h2{margin:0 0 14px;font-family:var(--font-display);font-weight:800;font-size:1.9rem;letter-spacing:.4px;text-transform:uppercase}.scorecard{width:100%;border-collapse:collapse;font-size:.95rem}.scorecard td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.scorecard .pts{font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:1.2rem;width:52px;text-align:right}.scorecard .lbl{width:210px;text-transform:capitalize}.final{margin-top:16px;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.3px}.final b{color:var(--accent);font-size:1.9rem}.banner{text-align:center;padding:22px;font-size:1.15rem;font-family:var(--font-display);letter-spacing:.3px}.melds-mini{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.meld-tag{font-family:var(--font-display);font-size:.7rem;letter-spacing:.4px;padding:2px 8px;border-radius:999px;background:#ffffff1f}.meld-tag.sequence{background:#10b98166}.meld-tag.triplet{background:#3b82f666}.claim-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(180deg,#ffd23f33,#ffd23f1a);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow-1)}.claim-bar span{font-size:1.02rem}button.claim{background:#fff;color:var(--ink);padding:8px 15px;box-shadow:var(--shadow-1)}button.claim.ron{background:linear-gradient(180deg,#f87171,var(--fwd));color:#fff}button.claim.pass{background:#ffffff14;color:var(--paper);border:1px solid var(--line-strong);box-shadow:none}button.claim.danger{background:#ef44442e;color:#ffdada;border:1px solid var(--fwd);box-shadow:none}button.claim:disabled{opacity:.4;cursor:not-allowed}.setup-row.locked{opacity:.4}.seg button:disabled{cursor:not-allowed}.cup-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:linear-gradient(180deg,#ffd23f2e,#ffd23f14);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 16px;margin-bottom:14px}.cup-title{font-family:var(--font-display);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.cup-score{font-family:var(--font-display);letter-spacing:.3px}.cup-score b{color:var(--accent);font-size:1.15rem}.cup-result h2{margin:0 0 10px;font-family:var(--font-display);font-size:1.7rem;text-transform:uppercase}.cup-detail{opacity:.85;margin:0 0 14px}.cup-table{width:100%;border-collapse:collapse;margin-bottom:18px}.cup-table td{padding:8px;border-bottom:1px solid var(--line)}.cup-table .cup-goals{text-align:right;font-family:var(--font-display)}.cup-table .cup-goals b{color:var(--accent);font-size:1.25rem}.cup-table tr.champ{background:#ffd23f29}.rm-scoreboard{display:flex;align-items:stretch;justify-content:center;gap:0;background:linear-gradient(180deg,#00000057,#0003);border:1px solid var(--line-strong);border-radius:16px;padding:6px;margin:14px 0;box-shadow:var(--shadow-2);overflow:hidden}.rm-score{flex:1;text-align:center;padding:12px 14px;border-radius:12px;transition:background .15s}.rm-score.active{background:#ffffff0f}.rm-score.win{outline:2px solid var(--accent)}.rm-who{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.4px;opacity:.85;text-transform:uppercase}.rm-goals{font-family:var(--font-display);font-size:1.2rem;margin-top:4px}.rm-goals b{color:var(--accent);font-size:2.1rem;font-weight:800;margin-left:4px}.rm-saves{color:var(--cyan);font-weight:700}.rm-target{display:flex;flex-direction:column;justify-content:center;padding:0 18px;text-align:center;font-family:var(--font-display);font-size:.8rem;line-height:1.15;opacity:.75;text-transform:uppercase;letter-spacing:.5px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.rm-oppzone,.rm-mymelds{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;box-shadow:var(--shadow-1)}.rm-label{font-family:var(--font-display);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;opacity:.75;margin-bottom:10px}.rm-none{font-size:.85rem;opacity:.5;font-style:italic}.rm-melds{display:flex;flex-wrap:wrap;gap:12px}.rm-meld{border:1px solid var(--line-strong);border-radius:12px;padding:7px;background:#ffffff0d}.rm-meld.save{border-color:var(--cyan);background:#7dd3fc1f}.rm-meld-cards{display:flex;gap:4px}.rm-meld-tag{font-family:var(--font-display);font-size:.72rem;letter-spacing:.3px;text-align:center;margin-top:5px;opacity:.9}.rm-hand-area{position:relative}.action-bar{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;max-width:calc(100% - 12px);animation:barIn .22s ease}.action-hint{font-family:var(--font-display);font-weight:700;font-size:.86rem;letter-spacing:.2px;color:#fff;white-space:nowrap;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}@keyframes barIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.action-bar .claim{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-width:120px;font-family:var(--font-display);font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:.92rem;padding:9px 16px;border-radius:12px;border:none;transition:transform .09s ease,filter .12s ease,box-shadow .12s ease}@media (max-width: 560px){.action-bar{gap:6px}.action-bar .claim{padding:9px 13px;font-size:.82rem;letter-spacing:.3px;gap:5px;border-radius:11px}.action-bar .act-sub{display:none}}.action-bar .claim .chip-ico,.action-bar .claim svg{flex:none}.action-bar .act-sub{font-weight:700;font-size:.72rem;opacity:.8;letter-spacing:.3px}.action-bar .act-shoot{color:#2a2205;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.action-bar .act-shoot:not(:disabled){box-shadow:0 4px #b9820f,var(--shadow-1);animation:shootReady 1.8s ease-in-out infinite}.action-bar .claim.danger{color:#fff;background:linear-gradient(180deg,#ef5350,#c62828)}.action-bar .claim.danger:not(:disabled){box-shadow:0 4px #7f1d1d,var(--shadow-1)}.action-bar .claim.pass{color:#fff;background:linear-gradient(180deg,#475569,#334155);border:none}.action-bar .claim.pass:not(:disabled){box-shadow:0 4px #1e293b,var(--shadow-1)}.action-bar .claim:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.action-bar .claim:active:not(:disabled){transform:translateY(3px);box-shadow:none;filter:brightness(1.03);animation:none}.action-bar .claim:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}@keyframes shootReady{0%,to{box-shadow:0 4px #b9820f,var(--shadow-1)}50%{box-shadow:0 4px #b9820f,var(--shadow-1),0 0 0 4px #ffd23f47}}.setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03160cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:20px}.setup-card{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:20px;padding:26px 28px;max-width:480px;width:100%;box-shadow:0 30px 70px #0009;animation:setupIn .34s cubic-bezier(.2,.85,.3,1.05) both}.setup-card h2{margin:0 0 20px;font-family:var(--font-display);font-weight:800;font-size:1.9rem;letter-spacing:.4px;text-transform:uppercase}.online-lobby{text-align:center;max-width:380px}.online-lobby .new.big{margin:0 0 6px;width:100%}.online-or{margin:14px 0;opacity:.6;font-size:.85rem}.online-join{display:flex;gap:8px;margin-bottom:18px}.online-join input{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:3px;text-align:center;text-transform:uppercase;padding:10px;border-radius:12px;border:1px solid var(--line-strong);background:#00000040;color:#fff}.online-join .claim{flex:0 0 auto}.online-code{font-family:var(--font-display);font-size:1.05rem;margin-bottom:10px}.online-code b{font-size:2rem;letter-spacing:5px;color:var(--accent);display:block;margin-top:4px}.online-status{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin:8px 0}.online-hint{opacity:.7;font-size:.85rem;margin-bottom:18px}.setup-row{margin-bottom:16px}.setup-label{font-family:var(--font-display);font-size:.82rem;text-transform:uppercase;letter-spacing:.8px;opacity:.7;margin-bottom:8px}.setup-note{font-size:.82rem;opacity:.8;margin-top:8px;line-height:1.4}.seg{display:flex;gap:10px}.seg button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff12;color:var(--paper);border:2px solid transparent;border-radius:12px;padding:13px 8px;font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:.3px;cursor:pointer;transition:background .12s,border-color .12s,transform .08s}.seg button:hover:not(:disabled):not(.on){background:#ffffff1f}.seg button small{font-family:var(--font-body);font-weight:400;opacity:.7;font-size:.72rem;text-transform:none;letter-spacing:0}.seg button.on{background:#ffd23f33;border-color:var(--accent);box-shadow:0 0 0 3px #ffd23f1f}.deck-picker{display:flex;gap:10px}.deck-opt{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;background:#ffffff12;color:var(--paper);border:2px solid transparent;border-radius:14px;padding:15px 8px 12px;font-family:var(--font-display);font-weight:700;cursor:pointer;transition:background .14s,border-color .14s,transform .12s,box-shadow .14s;animation:deckOptIn .34s cubic-bezier(.2,.85,.3,1.05) both;animation-delay:calc(var(--i) * 70ms)}.deck-opt:hover:not(.on){background:#ffffff1f;transform:translateY(-2px)}.deck-opt.on{background:#ffd23f29;border-color:var(--accent);box-shadow:0 0 0 3px #ffd23f1f,var(--shadow-1);transform:translateY(-3px)}.deck-opt-logo{width:64px;height:64px;display:grid;place-items:center;background:#fffffff0;border-radius:14px;box-shadow:var(--shadow-1)}.deck-opt.on .deck-opt-logo{animation:deckLogoPop .34s ease}.deck-opt-img{width:48px;height:48px;object-fit:contain}.deck-opt-emoji{font-size:2rem;line-height:1}.deck-opt-name{font-size:1.02rem;letter-spacing:.3px;line-height:1;text-align:center}.deck-opt small{font-family:var(--font-body);font-weight:400;opacity:.68;font-size:.72rem}.deck-opt-check{position:absolute;top:6px;right:7px;width:21px;height:21px;border-radius:50%;background:var(--accent);color:#2a2205;font-size:.82rem;font-weight:800;display:grid;place-items:center;box-shadow:var(--shadow-1);animation:checkPop .26s cubic-bezier(.2,.9,.3,1.4)}@keyframes setupIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes deckOptIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes deckLogoPop{0%{transform:scale(1)}42%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.view-deck-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#ffffff14;border:1px solid var(--line-strong);color:var(--paper);border-radius:999px;padding:8px 16px;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.3px;cursor:pointer;transition:background .15s}.view-deck-btn:hover{background:#ffffff29}.deck-viewer{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:20px;padding:18px 20px;width:100%;max-width:min(940px,calc(100vw - 32px));max-height:88vh;max-height:88dvh;min-width:0;display:flex;flex-direction:column;box-shadow:0 30px 70px #0009}.deck-viewer .dv-grid,.deck-viewer .dv-filter{min-width:0}.dv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dv-head h3{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-display);font-size:1.35rem;text-transform:uppercase;letter-spacing:.4px}.dv-head .deck-opt-img{width:26px;height:26px;background:#ffffffeb;border-radius:6px;padding:3px}.dv-head .deck-opt-emoji{font-size:1.3rem}.dv-sort{margin:0 auto 10px}.dv-filter{margin:0 0 10px}.dv-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 2px}.dv-grid::-webkit-scrollbar{width:8px}.dv-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@media (max-width: 560px){.deck-viewer{padding:12px 12px 14px;max-height:92dvh;border-radius:16px}.dv-head{margin-bottom:8px}.dv-head h3{font-size:1.02rem;gap:6px}.dv-head .claim.pass{padding:6px 12px;font-size:.85rem}.dv-sort,.dv-filter{margin-bottom:8px}.dv-grid{gap:7px}.dv-grid .card{width:96px;height:132px}}@media (max-width: 360px){.dv-grid .card{width:88px;height:121px}}.card-big-ov{z-index:60}.card-big{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:18px;padding:24px 24px 20px;max-width:290px;width:100%;text-align:center;box-shadow:0 30px 70px #0009;animation:setupIn .32s cubic-bezier(.2,.85,.3,1.05) both}.card-big-frame{width:200px;height:276px;margin:0 auto 16px;display:grid;place-items:center}.card-big-frame .card{transform:scale(2.18)}.card-big-meta{font-family:var(--font-display);margin-bottom:16px}.cbm-name{font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.3px}.cbm-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;opacity:.9;margin-top:5px}.cbm-row .crest{width:18px;height:18px;border-radius:3px}.cbm-flag{font-size:1.05rem;line-height:1}.cbm-goal{margin-top:8px;font-family:var(--font-display);font-weight:800;font-size:1.8rem;color:var(--accent)}.cbm-goal small{font-size:.72rem;color:var(--paper);opacity:.7;font-weight:700;margin-left:4px}.cd-table{width:100%;border-collapse:collapse;margin-top:12px;font-family:var(--font-display)}.cd-table td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.cd-table tr:last-child td{border-bottom:none}.cd-key{text-align:left;width:38%;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700;opacity:.6;border-right:1px solid var(--line)}.cd-val{text-align:left;font-weight:700;font-size:.98rem}.cd-val .crest{width:16px;height:16px;border-radius:3px;vertical-align:-3px;margin-right:5px}.cd-val .cbm-flag{margin-right:5px;vertical-align:-1px}.card-big .new{display:block;margin:0 auto}@media (prefers-reduced-motion: reduce){.card-big{animation:none!important}}.setup-toggle{display:flex;gap:10px;align-items:flex-start;cursor:pointer;background:#ffffff0f;border-radius:12px;padding:13px;font-size:.9rem}.setup-toggle input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}.setup-actions{display:flex;gap:10px;align-items:center;margin-top:22px}.setup-actions .new.big{margin:0}.wait-panel{background:#10b98124;border:1px solid rgba(16,185,129,.6);border-radius:var(--radius);padding:11px 14px;margin:4px 0 12px;font-size:.92rem}.wait-panel.ready{background:#ffd23f29;border-color:var(--accent)}.wait-title{font-family:var(--font-display);letter-spacing:.4px;margin-bottom:6px;font-weight:700;text-transform:uppercase}.wait-row{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;width:100%;background:#ffffff0f;border:1px solid var(--line);border-radius:10px;padding:8px 11px;margin-top:5px;color:var(--paper);cursor:pointer;text-align:left;transition:background .12s}.wait-row:hover{background:#ffffff24}.wait-toss{font-weight:700;color:var(--accent)}.wait-arrow{opacity:.9;font-size:.86rem}.select-panel{background:linear-gradient(180deg,#ffd23f24,#ffd23f12);border:1px solid var(--accent);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow-1)}.select-head{font-size:1rem;margin-bottom:10px}.select-hint{opacity:.8;font-weight:400}.select-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.select-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.select-preview{font-size:.9rem;opacity:.9;min-width:120px}.my-melds{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 14px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.meld-group{display:flex;flex-direction:column;gap:4px}.meld-label{font-family:var(--font-display);font-size:.74rem;text-transform:uppercase;letter-spacing:.5px;opacity:.75}.meld-cards{display:flex;gap:4px}.muted{opacity:.6;font-size:.85rem}.log{margin-top:22px;background:#0000003d;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;font-size:.9rem}.log-line{padding:2px 0;opacity:.6}.log-line.latest{opacity:1;font-weight:700;color:var(--accent)}@media (max-width: 640px){header h1{font-size:1.7rem}.card{width:78px;height:112px}.card .goal{font-size:2rem}.card .name{font-size:.8rem}.opponents{grid-template-columns:1fr 1fr}.table{gap:18px;padding:16px}.scorecard .lbl{width:auto}.rm-goals b{font-size:1.7rem}}.rm-header{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin-bottom:8px}.rm-header h1{font-size:1.7rem;white-space:nowrap}.rm-head-side{flex:1 1 0;display:flex;align-items:center;gap:8px;min-width:0}.rm-head-right{flex:1 1 0;display:flex;justify-content:flex-end}.rm-header .phase-hint{flex:0 1 auto;min-width:0}.rm-league-mark{width:28px;height:28px;object-fit:contain;background:#ffffffeb;border-radius:6px;padding:3px;box-shadow:var(--shadow-1);margin-right:4px;flex-shrink:0}.phase-hint{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.2px;color:var(--paper);background:#00000047;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;overflow:hidden;text-overflow:ellipsis}.phase-hint.me{color:#2a2205;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:#b9820f;animation:hintPop .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes hintPop{0%{transform:scale(.85)}55%{transform:scale(1.07)}to{transform:scale(1)}}.gear-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid var(--line-strong);color:var(--paper);cursor:pointer;flex-shrink:0;transition:background .15s,transform .3s}.gear-btn:hover{background:#ffffff2e;transform:rotate(45deg)}@media (max-width: 560px){.rm-header h1{display:none}.phase-hint{font-size:.8rem;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.menu-modal{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:20px;padding:20px 22px;max-width:460px;width:100%;box-shadow:0 30px 70px #0009}.menu-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.menu-head h3{margin:0;font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase;letter-spacing:.4px}.menu-head .muted{margin-left:auto;font-size:.82rem}.menu-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#00000038;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px}.mf-step{font-family:var(--font-display);font-weight:700;font-size:.9rem}.mf-step b{color:var(--accent);margin-right:4px}.mf-arrow{color:var(--accent);font-weight:800}.menu-rules{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:7px}.menu-rules li{font-size:.88rem;line-height:1.4;opacity:.92}.menu-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.menu-actions .new.big{margin:0}.log-modal{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:20px;padding:20px 22px;max-width:440px;width:100%;box-shadow:0 30px 70px #0009;display:flex;flex-direction:column;max-height:80vh}.log-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.log-head h3{margin:0;font-family:var(--font-display);font-size:1.3rem;text-transform:uppercase;letter-spacing:.4px}.log-head .muted{margin-left:auto;font-size:.8rem}.log-list{list-style:none;margin:0 0 14px;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;background:#00000038}.log-list li{font-size:.86rem;line-height:1.35;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.05);opacity:.9}.log-list li:last-child{border-bottom:none}.log-list li.latest{background:#ffd23f1f;opacity:1;font-weight:600}.log-modal .claim.pass{align-self:center}.rm-table{display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#ffffff07 0,#ffffff07 48px,#fff0 48px,#fff0 96px),linear-gradient(180deg,#00000038,#0000001f);border:1px solid var(--line-strong);border-radius:16px;padding:8px 14px;margin-bottom:12px;box-shadow:inset 0 0 0 2px #ffffff0f,inset 0 2px 24px #00000040}.rm-center:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.28) 0 3px,transparent 4px) no-repeat center / 12px 12px,radial-gradient(circle,transparent 0 52px,rgba(255,255,255,.16) 52px 54px,transparent 55px) no-repeat center / 130px 130px,linear-gradient(#ffffff21,#ffffff21) no-repeat center / 100% 2px}.rm-center>*{position:relative;z-index:1}.rm-side{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:6px 10px;border-radius:10px;transition:background .15s,outline-color .15s}.rm-side.opp{flex-direction:column-reverse}.rm-side.active{background:#ffffff0f;outline:1px solid rgba(255,210,63,.5)}.rm-side.win{outline:2px solid var(--accent)}.rm-side-info{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px;width:100%;font-family:var(--font-display)}.rm-side-mid{justify-self:center}.rm-side-info .rm-side-goals{justify-self:end}.rm-side-name{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:1.05rem}.rm-side-goals{position:relative;font-size:1.5rem;font-weight:800;color:var(--accent);line-height:1}.rm-side-goals small{font-size:.6rem;margin-left:4px;letter-spacing:.6px;text-transform:uppercase;opacity:.9}.rm-side-goals em{color:var(--cyan);font-style:normal;font-size:.9rem}.rm-side-hand{display:inline-flex;align-items:center;gap:4px;font-size:.95rem;font-weight:700;opacity:.82}.mini-backs{display:inline-flex;align-items:center;gap:3px}.mini-back{width:13px;height:18px;border-radius:3px;box-shadow:var(--shadow-1);background:linear-gradient(150deg,#2563eb,#1e3a8a 60%,#0b1220);border:1px solid rgba(255,255,255,.4);animation:chipPop .28s cubic-bezier(.2,.9,.3,1.25) backwards}.rm-hand-area.opp-hand{flex:0 0 auto;margin:0 0 6px;animation:barIn .25s ease}.opp-hand-tag{font-family:var(--font-display);font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.6px;opacity:.6;margin:0 0 2px 2px}.rm-hand-area.opp-hand .hand{flex-wrap:nowrap;overflow-x:auto;justify-content:center;gap:7px;max-height:none;padding-bottom:3px}.rm-hand-area.opp-hand .hand .card{width:66px;height:92px;flex:0 0 auto}.rm-hand-area.opp-hand .hand .card .goal{font-size:1.35rem}.rm-hand-area.opp-hand .hand .card .card-name{font-size:.55rem}@media (max-width: 560px){.rm-hand-area.opp-hand .hand .card{width:52px;height:73px}.rm-hand-area.opp-hand .hand{justify-content:flex-start}}.rm-center{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:8px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rm-center .discard-area{display:flex;flex-direction:column;align-items:flex-end}.rm-center .discard-area .label{margin-top:4px}.rm-center .deck-back{width:72px;height:100px;font-size:1.3rem}.rm-center .draw-btn{margin-top:8px;padding:7px 16px}.pitch-mid{position:relative;flex:1 1 auto;align-self:stretch;min-width:0;display:flex;flex-direction:column;padding:2px 6px}.goal-area{position:absolute;left:50%;transform:translate(-50%);border:2px solid rgba(255,255,255,.16);pointer-events:none;z-index:0}.goal-area.pen{width:46%;max-width:240px;height:15%}.goal-area.six{width:24%;max-width:128px;height:7%}.goal-area.top{top:0;border-top:none;border-radius:0 0 4px 4px}.goal-area.bottom{bottom:0;border-bottom:none;border-radius:4px 4px 0 0}.form-side{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:none;border:none;padding:0;box-shadow:none}.form-row{display:flex;justify-content:center;align-items:center;gap:8px 10px;flex-wrap:wrap;min-height:24px}.pitch-mid .mini-set{animation:chipSlam .4s cubic-bezier(.2,.85,.3,1.4) backwards}.discard-stack{display:flex;align-items:center;cursor:default;transition:filter .12s}.discard-stack.takeable{cursor:pointer}.discard-stack.takeable:hover{filter:brightness(1.07)}.discard-stack .card{pointer-events:none}.discard-slot{position:relative;margin-left:-58px}.discard-slot:first-child{margin-left:0}.discard-more{font-family:var(--font-display);font-size:.78rem;opacity:.6;margin-right:6px;align-self:center}.reach-modal{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:18px;padding:20px 22px;max-width:480px;width:100%;box-shadow:0 30px 70px #0009}.reach-modal h3{margin:0 0 8px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;font-size:1.35rem}.reach-note{font-size:.85rem;opacity:.82;line-height:1.4;margin:0 0 14px}.reach-list{display:flex;flex-direction:column;gap:10px}.reach-row{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid var(--line);border-radius:12px;padding:10px}.reach-row.blocked{opacity:.55}.reach-info{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.reach-tag{font-family:var(--font-display);font-weight:700;letter-spacing:.3px;text-transform:uppercase;font-size:.9rem}.reach-set{font-size:.82rem;opacity:.88}.reach-modal .claim.pass{margin-top:14px;display:block;width:100%}.deck-draw{position:relative;width:84px;height:116px;padding:0;border-radius:14px;overflow:hidden;display:grid;place-items:center;cursor:not-allowed;font-family:var(--font-display);background:linear-gradient(150deg,#2563eb,#1e3a8a 55%,#0b1220);border:2px solid rgba(255,255,255,.28);box-shadow:var(--shadow-2),inset 0 0 0 4px #ffffff0f;transition:transform .12s,box-shadow .15s,filter .15s}.deck-draw .deck-logo{width:50px;height:50px;object-fit:contain;margin-bottom:16px;background:#ffffffeb;border-radius:9px;padding:4px;box-shadow:var(--shadow-1)}.deck-draw .deck-num{position:absolute;top:5px;right:6px;bottom:auto;font-size:.85rem;line-height:1;background:#0000008c;color:#fff;padding:2px 6px;border-radius:8px}.deck-cta{position:absolute;left:0;right:0;bottom:0;padding:6px 0;font-weight:800;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;text-align:center;color:#ffffff8c;background:#00000057;transition:color .15s,background .15s}.deck-draw.ready{cursor:pointer;animation:deckReady 1.7s ease-in-out infinite}.deck-draw.ready .deck-cta{color:#2a2205;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.deck-draw.ready:hover{transform:translateY(-3px)}.deck-draw.ready:active{transform:translateY(0) scale(.98)}@keyframes deckReady{0%,to{box-shadow:var(--shadow-2),inset 0 0 0 4px #ffffff0f,0 0 #ffd23f00}50%{box-shadow:var(--shadow-2),inset 0 0 0 4px #ffffff0f,0 0 0 5px #ffd23f4d}}.rm-center .card{width:82px;height:114px}.rm-center .card .goal{font-size:1.55rem}.rm-center .card .name{font-size:.8rem}.rm-center .discard-area{text-align:center}.rm-center .empty-slot{width:82px;height:114px}.mini-sets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.rm-none{text-align:center}.mini-set{display:inline-flex;align-items:center;gap:4px;background:#fff;color:var(--ink);border:2px solid #e2e8e4;border-radius:11px;padding:3px 9px 3px 4px;cursor:pointer;box-shadow:var(--shadow-1);font-family:var(--font-display);transition:transform .1s}.mini-set:hover{transform:translateY(-2px)}.mini-set .ms-icon{font-size:1.25rem;line-height:1}.mini-set .ms-count{font-weight:800;font-size:1rem}.mini-set .ms-worth{display:inline-flex;align-items:center;gap:1px}.mini-set .ms-worth svg{display:block}.mini-set .crest{border-radius:3px}.mini-set.ms-gk{border-color:var(--cyan)}.mini-set.ms-seq{border-color:var(--mid)}.mini-set.ms-late{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#2a2205;border-color:#b9820f}.mini-set.ms-own{background:linear-gradient(180deg,#ef5350,#c62828);color:#fff;border-color:#8e1f1f}.mini-set.ms-own .ms-count{color:#fff}.mini-set.ms-late .ms-count{color:#2a2205}.mini-set.ms-late .ms-late-txt,.mini-set.ms-own .ms-late-txt{font-weight:800;font-size:.72rem;letter-spacing:.6px}.mini-set .chip-ico{display:block}.form-side.opp .mini-set{background:#fff;color:var(--ink);border-color:#ef4444e6;border-left:5px solid #ef4444;box-shadow:var(--shadow-1)}.form-side.opp .mini-set .ms-count{color:var(--ink)}.form-side.opp .mini-set.ms-gk{border-color:var(--cyan);border-left-color:var(--cyan)}.form-side.opp .mini-set.ms-seq{border-color:var(--mid);border-left-color:var(--mid)}.score-pop{position:fixed;top:16%;left:0;right:0;display:grid;place-items:center;z-index:70;pointer-events:none;animation:spIn .3s cubic-bezier(.2,.9,.3,1.3),spOut .4s ease 1.7s forwards}.score-pop-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f5f36,#082a19);border:2px solid var(--line-strong);border-radius:16px;padding:14px 28px 16px;text-align:center;min-width:230px;box-shadow:0 22px 55px #0009}.score-pop-card:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-18deg);animation:shineSweep .8s ease .3s both;pointer-events:none}@keyframes shineSweep{to{left:130%}}.score-pop-label{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.score-pop-card.sp-own .score-pop-label{color:#ff6b6b}.score-pop-card.sp-save .score-pop-label{color:var(--cyan)}.score-pop-line{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.sp-team{font-family:var(--font-display);font-weight:700;font-size:.85rem;opacity:.72;letter-spacing:.6px}.sp-score{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800}.sp-n{font-size:2.6rem;line-height:1;min-width:30px}.sp-n.sp-hit{color:var(--accent);animation:spBump .55s .12s both}.score-pop-card.sp-own .sp-n.sp-hit{color:#ff6b6b}.sp-dash{opacity:.55;font-size:1.6rem}.score-pop-gain{margin-top:4px;font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:1rem}.score-pop-save{margin-top:4px;font-size:.82rem;color:var(--cyan)}@keyframes spIn{0%{opacity:0;transform:translateY(-16px) scale(.9)}to{opacity:1;transform:none}}@keyframes spOut{to{opacity:0;transform:translateY(-10px) scale(.96)}}@keyframes spBump{0%{transform:scale(1)}32%{transform:scale(1.55)}to{transform:scale(1)}}.extra-modal{background:linear-gradient(180deg,#0f5f36,#082a19);border:2px solid var(--cyan);border-radius:18px;padding:22px 26px 20px;max-width:360px;width:100%;text-align:center;box-shadow:0 30px 70px #0009;animation:extraIn .38s cubic-bezier(.2,.9,.3,1.3) both}.extra-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:#05221a;animation:extraTick 1.1s ease-in-out infinite}.extra-modal h3{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--cyan)}.extra-plus{font-family:var(--font-display);font-weight:800;font-size:2.6rem;line-height:1;color:#fff;margin:6px 0 8px;animation:extraPop .5s cubic-bezier(.2,.9,.3,1.5) .1s both}.extra-plus small{font-size:.9rem;font-weight:700;opacity:.7;margin-left:6px;letter-spacing:.5px;text-transform:uppercase}.extra-modal p{margin:0 0 16px;font-size:.9rem;line-height:1.45;opacity:.9}.extra-modal .new{display:block;margin:0 auto}@keyframes extraIn{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}@keyframes extraPop{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}@keyframes extraTick{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.explain-modal{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:18px;padding:24px 24px 20px;max-width:380px;width:100%;text-align:center;box-shadow:0 30px 70px #0009}.explain-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center}.explain-icon.ex-late{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#2a2205}.explain-icon.ex-own{background:linear-gradient(180deg,#ef5350,#c62828);color:#fff}.explain-modal h3{margin:0 0 10px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;font-size:1.3rem}.explain-modal p{margin:0 0 18px;font-size:.92rem;line-height:1.45;opacity:.9}.explain-modal.wide{max-width:460px}.explain-modal .new{display:block;margin:0 auto}.own-events{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}.own-ev{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#00000038;border:1px solid var(--line);border-radius:12px;padding:10px}.own-ev-cards{display:flex;gap:5px}.own-ev-plus{font-family:var(--font-display);font-weight:800;font-size:1.3rem;opacity:.65}.own-ev-dump .card{outline:2px solid #ef5350;outline-offset:1px}.rm-hand-area .hand-head h2{font-size:1.2rem}.set-modal{background:linear-gradient(180deg,#0f5f36,#0a4a2a);border:1px solid var(--line-strong);border-radius:18px;padding:20px 22px;max-width:560px;width:100%;box-shadow:0 30px 70px #0009}.set-modal h3{margin:0 0 14px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;font-size:1.35rem}.set-modal-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.set-modal .new{display:block;margin-top:12px}.app:has(.rm-table){display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-top:8px;padding-bottom:6px}.app:has(.rm-table) .rm-table{flex:1 1 auto;min-height:0;margin-bottom:6px}.app:has(.rm-table) .rm-center{flex:1 1 auto;align-items:center}.app:has(.rm-table) .rm-hand-area{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.app:has(.rm-table) .rm-hand-area .hand{flex:0 0 auto;max-height:42vh;min-height:0}.rm-hand-area .hand{justify-content:flex-start;align-content:flex-start;gap:8px;width:100%;margin:0;min-height:146px;max-height:280px;overflow-y:auto;padding:10px 4px}.hand-empty{flex:1 1 100%;min-height:126px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.4px;color:#ffffff8c;animation:barIn .25s ease}.rm-hand-area .hand .card{width:92px;height:126px}.rm-hand-area .hand .card .goal{font-size:1.85rem}@media (min-width: 700px){.app:has(.rm-table) .rm-hand-area:not(.opp-hand) .hand.compact{flex-wrap:nowrap;justify-content:center;overflow:visible;max-height:none;transform:scale(var(--hand-scale, 1));transform-origin:top center;transition:transform .18s ease}.app:has(.rm-table) .rm-hand-area:not(.opp-hand) .hand.compact .card{flex:0 0 auto}}.rm-hand-area .hand::-webkit-scrollbar{width:8px}.rm-hand-area .hand::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@keyframes discardIn{0%{transform:translateY(-26px) rotate(3deg) scale(1.08);opacity:0}55%{transform:translateY(2px) rotate(-1deg) scale(.97);opacity:1}78%{transform:translateY(-2px) scale(1.01)}to{transform:none;opacity:1}}@keyframes deckPop{0%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes chipPop{0%{transform:scale(0) rotate(-8deg)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes chipSlam{0%{transform:scale(0) rotate(-12deg)}50%{transform:scale(1.3) rotate(4deg)}74%{transform:scale(.9)}to{transform:scale(1) rotate(0)}}@keyframes chipFlash{0%{opacity:.85;transform:scale(.7)}60%{opacity:.35}to{opacity:0;transform:scale(1.5)}}@keyframes flyToChip{0%{transform:translate(0) scale(1) rotate(0);opacity:1}45%{transform:translate(calc(var(--dx) * .45),calc(var(--dy) * .45 - 34px)) scale(calc((1 + var(--s)) / 2)) rotate(-5deg);opacity:1}70%{opacity:.9}to{transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(-8deg);opacity:.2}}@keyframes cardIn{0%{transform:translateY(10px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes goalPop{0%{transform:scale(1)}30%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes floatUp{0%{transform:translate(-50%,2px);opacity:0}18%{opacity:1}to{transform:translate(-50%,-36px);opacity:0}}@keyframes thinkPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes winIn{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}.discard-in{animation:discardIn .34s cubic-bezier(.2,.8,.3,1)}.deck-num{display:inline-block;animation:deckPop .3s ease}.mini-set{position:relative;animation:chipSlam .4s cubic-bezier(.2,.85,.3,1.4) backwards}.mini-set:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:2px solid var(--accent);opacity:0;pointer-events:none;animation:chipFlash .5s ease backwards}.fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:66;pointer-events:none}.fly-card{position:fixed;will-change:transform,opacity}.fly-card.chip{animation:flyToChip .4s cubic-bezier(.45,.05,.55,.95) forwards}.fly-card.discard,.fly-card.draw,.fly-card.pick{animation:flyLinear .34s cubic-bezier(.4,.05,.5,1) forwards}.fly-card.select{opacity:0;animation:selectPop .34s cubic-bezier(.2,.85,.3,1.35) forwards}.fly-card.select .card{outline:3px solid var(--accent);outline-offset:1px;box-shadow:0 16px 26px #00000073,0 0 0 6px #ffd23f40}@keyframes selectPop{0%{opacity:0;transform:translateY(16px) scale(.9)}60%{opacity:1;transform:translateY(-14px) scale(1.06)}to{opacity:1;transform:translateY(-9px) scale(1.02)}}@keyframes flyLinear{0%{transform:translate(0) scale(1) rotate(0);opacity:1}50%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .5 - 26px)) scale(calc((1 + var(--s)) / 2)) rotate(2deg)}to{transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(4deg);opacity:1}}.fly-deckback{width:100%;height:100%;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,#2563eb,#1e3a8a 55%,#0b1220);border:2px solid rgba(255,255,255,.28);box-shadow:var(--shadow-card)}.fly-deckback .deck-logo{width:46px;height:46px;background:#ffffffeb;border-radius:8px;padding:4px}.fly-card .card{width:100%;height:100%;box-shadow:0 8px 20px #00000080}.lay-sprite{position:fixed;z-index:69;pointer-events:none;transform:translate(-50%,-50%) scaleX(var(--flip, 1));background-repeat:no-repeat;background-position:0 0;background-size:calc(var(--fw) * var(--frames)) 100%;animation:laySheet var(--dur) steps(var(--frames)) forwards,layRise var(--dur) ease-out forwards}@keyframes laySheet{to{background-position:calc(-1 * var(--fw) * var(--frames)) 0}}@keyframes layRise{0%{transform:translate(-50%,-50%) scaleX(var(--flip, 1))}to{transform:translate(-50%,calc(-50% - var(--rise, 0px))) scaleX(var(--flip, 1))}}.goal-shot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:68;pointer-events:none;animation:gsExit .5s ease 1.7s forwards}@keyframes gsExit{to{opacity:0}}.gs-net{position:absolute;left:50%;transform:translate(-50%);width:210px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));animation:netIn .28s ease both,netHit .5s ease .5s}.goal-shot.ball-down .gs-net svg{transform:scaleY(-1);transform-origin:center}.gs-ball{position:absolute;width:46px;height:46px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:ballShoot .56s cubic-bezier(.3,.02,.5,1) forwards}@keyframes ballShoot{0%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.15) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.6) rotate(700deg);opacity:1}}.gs-flash{position:absolute;left:50%;width:260px;height:260px;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.65),transparent 62%);opacity:0;animation:gsFlash .5s ease .5s}.goal-shot.gs-own .gs-flash{background:radial-gradient(circle,rgba(239,83,80,.6),transparent 62%)}.gs-sparks{position:absolute;width:0;height:0}.gs-sparks i{position:absolute;left:-2px;top:-9px;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#fff,var(--accent));transform-origin:2px 9px;opacity:0;animation:sparkOut .5s cubic-bezier(.15,.7,.3,1) .52s both}.goal-shot.gs-own .gs-sparks i{background:linear-gradient(180deg,#fff,#ef5350)}@keyframes sparkOut{0%{opacity:0;transform:rotate(var(--a)) translateY(-8px) scaleY(.4)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-70px) scaleY(1)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:72;pointer-events:none}.confetti i{position:absolute;width:8px;height:12px;border-radius:2px;background:var(--c);opacity:0}.confetti.burst i{left:50%;top:var(--top, 22%);animation:confettiBurst var(--dur, .9s) cubic-bezier(.15,.65,.35,1) var(--delay, 0s) both}@keyframes confettiBurst{0%{opacity:1;transform:translate(0) rotate(0) scale(var(--sc, 1))}70%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rr)) scale(var(--sc, 1))}}.confetti.fall i{top:-16px;left:var(--x);animation:confettiFall var(--dur, 2.4s) linear var(--delay, 0s) both}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(104vh) rotate(var(--rr))}}@keyframes netIn{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes netHit{0%,to{transform:translate(-50%) scale(1)}38%{transform:translate(-50%) scale(1.1,.86)}}@keyframes ballUp{0%{transform:translate(-50%,64vh) scale(1.25) rotate(0);opacity:0}12%{opacity:1}to{transform:translate(-50%) scale(.6) rotate(700deg);opacity:1}}@keyframes ballDown{0%{transform:translate(-50%,-64vh) scale(1.25) rotate(0);opacity:0}12%{opacity:1}to{transform:translate(-50%) scale(.6) rotate(700deg);opacity:1}}@keyframes gsFlash{0%{opacity:0}30%{opacity:.9}to{opacity:0}}.rm-table.shake{animation:tableShake .36s ease}@keyframes tableShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px,-1px)}}.rm-hand-area .hand .card{animation:cardIn .28s ease backwards}.rm-side-goals{position:relative;display:inline-block}.rm-side-goals.pop{animation:goalPop .55s ease}.goal-float{position:absolute;left:50%;top:-8px;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.6);animation:floatUp 1.1s ease forwards;pointer-events:none;z-index:6}.thinking{font-weight:600;color:var(--accent);font-style:normal;font-size:.78rem}.thinking .td{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-left:3px;vertical-align:2px;animation:dotHop .9s ease-in-out infinite}.thinking .td:nth-of-type(2){animation-delay:.15s}.thinking .td:nth-of-type(3){animation-delay:.3s}@keyframes dotHop{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.win{animation:winIn .4s cubic-bezier(.2,.8,.3,1)}.kickoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#084828f0,#03120bf7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kickoff.go{animation:kickoffFade .85s ease forwards}.kickoff-inner{text-align:center}.kickoff-num{font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:clamp(6rem,26vw,11rem);line-height:1;text-shadow:0 8px 30px rgba(0,0,0,.55);animation:countPop .7s cubic-bezier(.2,.9,.3,1.5) both}.kickoff-go{font-family:var(--font-display);font-weight:800;color:#fff;font-size:clamp(2.6rem,12vw,5rem);letter-spacing:1px;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.55);animation:goPop .5s cubic-bezier(.2,.9,.3,1.4) both}@keyframes countPop{0%{transform:scale(.25);opacity:0}45%{transform:scale(1.18);opacity:1}75%{transform:scale(.96)}to{transform:scale(1);opacity:1}}@keyframes goPop{0%{transform:scale(.4) rotate(-4deg);opacity:0}55%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes kickoffFade{0%,55%{opacity:1}to{opacity:0;visibility:hidden}}.hand.predeal .card{opacity:0}.hand.dealt{perspective:1000px}.hand.dealt .card{animation:dealIn .5s cubic-bezier(.2,.75,.3,1) backwards;animation-delay:calc(var(--n) * 55ms)}@keyframes dealIn{0%{opacity:0;transform:translateY(26px) rotateY(88deg) scale(.92)}60%{opacity:1}to{opacity:1;transform:none}}.rm-hand-area .hand .card.is-new{animation:dealIn .42s cubic-bezier(.2,.75,.3,1),cardNew 2s ease .42s;z-index:4}@keyframes cardNew{0%,to{box-shadow:0 0 #ffd23f00,var(--shadow-card)}10%,50%,90%{box-shadow:0 0 0 3px #ffd23fe6,0 0 18px 3px #ffd23f99,var(--shadow-card)}30%,70%{box-shadow:0 0 0 3px #ffd23f59,0 0 8px #ffd23f40,var(--shadow-card)}}@media (prefers-reduced-motion: reduce){.discard-in,.deck-num,.mini-set,.rm-hand-area .hand .card,.rm-side-goals.pop,.goal-float,.thinking,.win,.setup-card,.deck-opt,.deck-opt.on .deck-opt-logo,.deck-opt-check,.kickoff.go,.kickoff-num,.kickoff-go,.hand.dealt .card,.deck-draw.ready,.rm-hand-area .hand .card.is-new,.score-pop,.sp-n.sp-hit,.extra-modal,.extra-icon,.extra-plus,.fly-card,.mini-set:after,.gs-net,.gs-ball,.gs-flash,.rm-table.shake,.action-bar .act-shoot,.action-bar,.card.chosen,.card.chosen.in-set,.phase-hint.me,.thinking .td,.gs-sparks i,.score-pop-card:before{animation:none!important}.fly-card,.goal-shot,.confetti{display:none!important}.lay-sprite{animation:none!important}.rm-hand-area .hand .card.is-new{box-shadow:0 0 0 3px #ffd23fd9,var(--shadow-card)}.hand.predeal .card{opacity:1}}
