:root{--bg:#04170b;--bg2:#082814;--panel:#0e3520;--panel2:#134429;--line:#ffffff1a;--text:#eafbef;--muted:#8fb79c;--accent:#22c55e;--accent2:#facc15;--danger:#ef4444;--dia:#67e8f9;--gold:#fbbf24;--radius:14px;--nav-h:62px;--top-h:52px;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at top, #0b3a1d, var(--bg) 70%) fixed;min-height:calc(100 * var(--vh));overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#0a2a17;border-radius:10px;min-width:0;padding:9px 10px}h1,h2,h3{margin:.4em 0}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:18px;font-size:15px}.app{max-width:480px;min-height:calc(100 * var(--vh));margin:0 auto;position:relative}.content{padding:calc(var(--top-h) + env(safe-area-inset-top) + 8px) 14px calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.splash{height:calc(100 * var(--vh));place-items:center;font-size:64px;animation:1.2s infinite pulse;display:grid}.topbar{z-index:20;width:100%;max-width:480px;padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;height:calc(var(--top-h) + env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:linear-gradient(#04170bf2,#04170bcc);align-items:center;gap:8px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.profile-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:6px;min-width:0;padding:3px 10px 3px 3px;display:flex}.profile-chip .lvl{background:var(--accent);color:#052e12;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.pname{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.dot{background:var(--danger);border-radius:50%;flex:none;width:8px;height:8px}.dot.online{background:var(--accent)}.dot.connecting{background:var(--accent2)}.currencies{gap:6px;display:flex}.cur{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.cur.dia{color:var(--dia)}.cur.gold{color:var(--gold)}.icon-btn{background:0 0;border:none;padding:6px;font-size:20px;position:relative}.notif{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-2px;right:-4px}.notif.inline{margin-left:6px;display:inline-grid;position:static}.notif.dot-only{min-width:9px;height:9px;padding:0}.bottomnav{z-index:20;width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);background:linear-gradient(#04170bcc,#04170b);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomnav button{color:var(--muted);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.nav-icon{font-size:22px;transition:transform .15s;position:relative}.page-title{font-size:22px}.page-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.page-header h1{flex:1;font-size:20px}.back-btn{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:36px;height:36px;font-size:24px;line-height:1}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:700;transition:transform 80ms,filter .15s}.btn:disabled{opacity:.45;cursor:default}.btn.primary{color:#032610;background:linear-gradient(#2fd36b,#16a34a);border-color:#4ade80}.btn.gold{color:#3b2300;background:linear-gradient(#fde047,#f59e0b);border-color:#fde68a}.btn.gold.ghost{color:var(--gold);background:0 0}.btn.danger{background:#7f1d1d;border-color:#b91c1c}.btn.danger.ghost{color:#fca5a5;background:0 0}.btn.ghost{background:0 0}.btn.small{border-radius:10px;padding:6px 10px;font-size:13px}.btn.big{width:100%;padding:14px 18px;font-size:17px}.link{color:var(--dia);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.pill{background:var(--panel2);color:#fff;border:none;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.pill.bonus{background:var(--accent2);color:#3b2300}.pill.gold{background:var(--gold);color:#3b2300}.active-pill{background:var(--accent);color:#052e12}.muted{color:var(--muted)}.small,small{font-size:12px}.warn{color:#fca5a5}.ok{color:#86efac}.up{color:#4ade80}.down{color:#f87171}.row{align-items:center;gap:8px;margin:8px 0;display:flex}.row.wrap{flex-wrap:wrap}.row input{flex:1}.full{grid-column:1/-1}.field{flex-direction:column;gap:6px;margin:10px 0;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.check{align-items:center;gap:6px;font-size:13px;display:flex}.seg{background:#0a2a17;border-radius:12px;gap:3px;margin:8px 0;padding:3px;display:flex}.seg button{background:0 0;border:none;border-radius:9px;flex:1;padding:8px 4px;font-size:13px;font-weight:700}.seg button.active{background:var(--panel2);box-shadow:0 0 0 1px var(--line)}.tabs{scrollbar-width:none;gap:4px;margin-bottom:10px;display:flex;overflow-x:auto}.tabs button{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:1 0 auto;padding:7px 12px;font-size:13px;font-weight:700}.tabs button.active{background:var(--accent);color:#052e12;border-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:24px 8px}.search{flex:1}.filters{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.filters select{flex:30%;padding:7px;font-size:13px}.progress{background:#ffffff18;border-radius:999px;height:7px;margin:4px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#22c55e,#a3e635);border-radius:999px;height:100%;transition:width .4s}.countdown{font-variant-numeric:tabular-nums}.chev{color:var(--muted);margin-left:auto;font-size:22px}.big-num{font-size:26px;font-weight:900}.modal-bg{z-index:50;background:#000a;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--line);width:100%;max-width:480px;max-height:calc(88 * var(--vh));padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.2s slideUp;overflow-y:auto}.modal-title{justify-content:space-between;align-items:center;display:flex}.modal-title h2{font-size:18px}.toasts{top:calc(env(safe-area-inset-top) + 60px);z-index:100;width:min(calc(92 * var(--vw)), 420px);pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#0e3520f2;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;animation:.2s slideDown;box-shadow:0 8px 20px #0008}.toast.error{background:#7f1d1df2;border-color:#ef4444}.toast.success{background:#14532df2;border-color:#22c55e}.reward-bg{background:radial-gradient(circle,#14532dee,#000e);align-items:center}.reward{text-align:center;width:100%;max-width:460px;padding:20px}.reward h2{color:var(--accent2);text-shadow:0 2px #facc1580;font-size:24px}.reward-cards{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.flip{perspective:600px;width:72px;height:100px;position:relative}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.flip-back,.flip-front{backface-visibility:hidden;position:absolute;inset:0}.flip-back{border:2px solid var(--rc);box-shadow:0 0 16px var(--rc);background:linear-gradient(135deg,#14532d,#166534);border-radius:10px;place-items:center;font-size:30px;font-weight:900;animation:1.4s infinite pulse;display:grid}.flip-front{transform:rotateY(180deg)}.flip.open .flip-front .card{box-shadow:0 0 22px var(--rc)}.new-tag{background:var(--accent2);color:#3b2300;z-index:3;border-radius:6px;padding:2px 5px;font-size:9px;font-weight:900;position:absolute;top:-6px;right:-6px}.reward-list{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 16px;padding:0;list-style:none;display:flex}.reward-list li{background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.card{--w:110px;width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .09);background:linear-gradient(160deg, var(--dc) -40%, var(--dd) 45%, #050f09 120%);border:2px solid var(--rc);-webkit-user-select:none;user-select:none;font-size:calc(var(--w) * .09);cursor:pointer;flex:none;transition:transform .12s,box-shadow .15s,opacity .15s;position:relative;overflow:hidden;box-shadow:0 3px 10px #0008,inset 0 0 0 1px #ffffff1a}.card.xs{--w:44px}.card.sm{--w:72px}.card.md{--w:110px}.card.lg{--w:180px}.card.magic{background:radial-gradient(circle at 50% 30%, var(--dc) -30%, var(--dd) 50%, #050f09 120%)}.card.r-legendary{box-shadow:0 0 10px #f59e0b88,0 3px 10px #0008}.card.r-icon{box-shadow:0 0 14px #ef4444aa,0 3px 10px #0008}.card.dim{opacity:.4;filter:grayscale(.6)}.card.selected{box-shadow:0 0 0 3px var(--accent2), 0 10px 24px #000a;transform:translateY(-10px)scale(1.05)}.card.glow{box-shadow:0 0 0 2px #4ade80,0 0 12px #22c55e88}.card-art{background:radial-gradient(circle at 50% 40%,#ffffff30,#0000 70%);border-radius:8%;place-items:center;height:46%;display:grid;position:absolute;top:6%;left:8%;right:8%}.jersey{filter:drop-shadow(0 2px 3px #0008);width:82%;height:100%}.card-initials{opacity:.75;font-size:.9em;font-weight:900;position:absolute;bottom:2%;right:4%}.card-magic-icon{font-size:calc(var(--w) * .36);filter:drop-shadow(0 2px 6px #000)}.card-cost{width:calc(var(--w) * .24);height:calc(var(--w) * .24);font-weight:900;font-size:calc(var(--w) * .14);z-index:2;background:radial-gradient(circle at 35% 30%,#93c5fd,#1d4ed8);border:1.5px solid #dbeafe;border-radius:50%;place-items:center;display:grid;position:absolute;top:3%;left:3%;box-shadow:0 2px 4px #0009}.card-cost.cheaper{background:radial-gradient(circle at 35% 30%,#86efac,#15803d)}.card-cost.pricier{background:radial-gradient(circle at 35% 30%,#fca5a5,#b91c1c)}.card-badge{font-size:max(9px, calc(var(--w) * .11));z-index:2;background:#000b;border-radius:6px;padding:1px 4px;font-weight:800;position:absolute;top:3%;right:3%}.card-mastery{text-align:center;color:var(--accent2);font-size:max(8px, calc(var(--w) * .1));text-shadow:0 1px #000;position:absolute;top:48%;left:0;right:0}.card-name{text-align:center;font-weight:800;font-size:max(8px, calc(var(--w) * .12));white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000;position:absolute;top:54%;left:4%;right:4%;overflow:hidden}.card-text{font-size:max(7px, calc(var(--w) * .068));text-align:center;color:#e6f4ea;line-height:1.25;position:absolute;inset:64% 6% 17%;overflow:hidden}.card.magic .card-text{bottom:6%}.card-type{color:var(--accent2);margin-bottom:2px;font-size:.85em;font-weight:700;display:block}.card.xs .card-name,.card.xs .card-stats,.card.xs .card-initials{display:none}.card.sm .card-name{top:58%}.card-stats{justify-content:space-between;display:flex;position:absolute;bottom:3%;left:3%;right:3%}.stat{min-width:calc(var(--w) * .24);height:calc(var(--w) * .24);font-weight:900;font-size:calc(var(--w) * .15);border-radius:6px;place-items:center;padding:0 3px;display:grid;box-shadow:0 2px 4px #0009}.stat.atk{background:linear-gradient(#f97316,#c2410c)}.stat.def{background:linear-gradient(#3b82f6,#1e40af)}.stat.up{color:#bbf7d0;text-shadow:none}.stat.down{color:#fecaca;text-shadow:none}.card-rarity{background:var(--rc);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:35%;right:35%}.card.back{font-size:calc(var(--w) * .4);border:2px solid #fff5;place-items:center;display:grid}.card.back.xs{font-size:14px}.onboarding{padding:calc(env(safe-area-inset-top) + 24px) 18px 40px}.logo{text-align:center;margin-bottom:18px}.logo>span{font-size:64px;animation:1.6s infinite bounce;display:block}.logo h1{background:linear-gradient(90deg,#4ade80,#facc15);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px}.deck-pick{grid-template-columns:1fr 1fr;gap:6px;display:grid}.deck-chip{background:var(--panel);text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:700;display:flex}.deck-chip.active{border-color:var(--dc);background:color-mix(in srgb, var(--dc) 25%, var(--panel))}.deck-icon{font-size:20px}.deck-desc{background:color-mix(in srgb, var(--dc) 14%, var(--panel));border-left:4px solid var(--dc);border-radius:12px;margin:12px 0;padding:10px 12px;font-size:14px}.deck-desc p{color:var(--muted);margin:6px 0}.deck-preview{gap:6px;display:flex}.hero{gap:10px;display:flex}.league-badge{background:linear-gradient(160deg, color-mix(in srgb, var(--lc) 45%, #0000), var(--panel));border:2px solid var(--lc);border-radius:var(--radius);text-align:center;flex-direction:column;flex:0 0 104px;justify-content:center;align-items:center;padding:10px;display:flex}.league-badge span{color:var(--lc);font-weight:800}.league-badge b{font-size:26px}.season-chip{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;flex:1;gap:2px;padding:10px 12px;font-size:13px;display:flex}.pass-mini{margin-top:4px}.deck-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;display:flex}.deck-bar>div{flex-direction:column;display:flex}.play-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play-btn{text-align:left;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 12px;transition:transform 80ms;display:flex;box-shadow:0 6px #0006,inset 0 1px #fff4}.play-btn:active{transform:translateY(3px);box-shadow:0 3px #0006}.play-btn b{font-size:18px}.play-btn small{opacity:.85}.pb-icon{font-size:28px}.play-btn.ranked{color:#fffbeb;background:linear-gradient(135deg,#f59e0b,#b45309);grid-column:1/-1}.play-btn.casual{color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#15803d)}.play-btn.practice{color:#eff6ff;background:linear-gradient(135deg,#3b82f6,#1e40af)}.queue-box{background:var(--panel);border:2px solid var(--accent);border-radius:18px;align-items:center;gap:12px;margin:8px 0;padding:14px;display:flex}.queue-box>div:nth-child(2){flex-direction:column;flex:1;display:flex}.spinner{border:4px solid #fff2;border-top-color:var(--accent);border-radius:50%;flex:none;width:28px;height:28px;animation:.8s linear infinite spin}.home-cards{gap:10px;margin-top:14px;display:grid}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:4px;margin:8px 0;padding:12px;display:flex}.hc-title{margin-bottom:4px;font-weight:800}.mini-mission{grid-template-columns:1fr 80px 42px;align-items:center;gap:8px;font-size:13px;display:grid}.mini-mission small{text-align:right}.collection-stats{justify-content:space-between;font-size:13px;display:flex}.shards{gap:8px;font-weight:800;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));justify-items:center;gap:10px;margin:10px 0;display:grid}.pick-wrap{position:relative}.info-btn{border:1px solid var(--line);background:var(--panel2);border-radius:50%;width:22px;height:22px;padding:0;font-size:12px;font-weight:900;position:absolute;bottom:-6px;right:-6px}.detail{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px;display:flex}.detail-info{flex:1;min-width:180px}.detail-actions{flex-direction:column;gap:6px;display:flex}.sell-form{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.deck-list{flex-direction:column;gap:8px;display:flex}.deck-row{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--dc);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.deck-row.active{box-shadow:0 0 0 2px var(--accent)}.deck-row-info{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.deck-name{width:100%;font-size:18px;font-weight:800}.deck-counts{align-items:flex-end;gap:10px;margin:8px 0;font-size:13px;font-weight:700;display:flex}.curve{align-items:flex-end;gap:3px;height:40px;margin-left:auto;display:flex}.curve-bar{flex-direction:column;justify-content:flex-end;align-items:center;width:14px;height:100%;display:flex}.curve-bar i{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:2px}.curve-bar small{font-size:9px}.deck-cards{grid-template-columns:1fr 1fr;gap:4px;max-height:300px;display:grid;overflow-y:auto}.deck-line{background:linear-gradient(90deg, color-mix(in srgb, var(--dc) 35%, var(--panel)), var(--panel));border-left:3px solid var(--rc);cursor:pointer;border-radius:8px;grid-template-columns:22px 1fr auto auto;align-items:center;gap:6px;padding:5px 6px;font-size:12px;display:grid}.dl-cost{background:#1d4ed8;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.dl-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.dl-count{color:var(--accent2);font-weight:900}.shop-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shop-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.shop-item .btn{width:100%;margin-top:auto}.si-icon{font-size:34px}.si-back{border:2px solid #fff5;border-radius:6px;place-items:center;width:44px;height:62px;display:grid}.odds{background:#0007;border-radius:8px;padding:6px;font-size:11px}.season-week{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:10px;display:grid}.sw{background:var(--panel);text-align:center;opacity:.6;border-radius:10px;flex-direction:column;padding:6px;font-size:11px;display:flex}.sw.active{opacity:1;box-shadow:0 0 0 2px var(--accent)}.pass-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pass-head>div:first-child{flex-direction:column;flex:1;display:flex}.pass-buy{flex-direction:column;gap:6px;display:flex}.pass-track{flex-direction:column;gap:4px;margin-top:8px;display:flex}.pass-row{opacity:.55;grid-template-columns:44px 1fr 1fr;align-items:stretch;gap:6px;display:grid}.pass-row.header{opacity:1;color:var(--muted);font-size:12px;font-weight:700}.pass-row.unlocked{opacity:1}.pass-row.current .tier-num{background:var(--accent);color:#052e12}.tier-num{background:var(--panel);border-radius:10px;place-items:center;font-size:13px;font-weight:900;display:grid}.pass-cell{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:4px;padding:7px 8px;font-size:12px;display:flex}.pass-cell span{flex:1}.pass-cell i{font-style:normal;font-weight:900}.pass-cell.premium{background:linear-gradient(135deg, #3b2300, var(--panel));border-color:#f59e0b55}.pass-cell.can{border-color:var(--accent);animation:1.6s infinite pulse;box-shadow:0 0 8px #22c55e66}.pass-cell.can i{background:var(--accent);color:#052e12;border-radius:6px;padding:2px 6px}.pass-cell.claimed{opacity:.55}.mission{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;display:flex}.mission.done{border-color:var(--accent)}.mission.claimed{opacity:.55}.mission-info{flex-direction:column;flex:1;display:flex}.league-card{background:linear-gradient(160deg, color-mix(in srgb, var(--lc) 40%, #0000), var(--panel));border:2px solid var(--lc);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.league-name{color:var(--lc);font-size:18px;font-weight:900}.league-table{flex-direction:column;gap:4px;display:flex}.league-row{background:var(--panel);border-left:4px solid var(--lc);border-radius:8px;grid-template-columns:76px 48px 32px 32px 1fr;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:grid}.league-row b{color:var(--lc)}.league-row.current{box-shadow:0 0 0 2px var(--lc)}.rules-list{padding-left:18px}.leaderboard{flex-direction:column;gap:3px;display:flex}.lb-row{background:var(--panel);border-radius:8px;grid-template-columns:40px 1fr 70px 50px;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:grid}.lb-row.me{box-shadow:0 0 0 2px var(--accent)}.lb-rank{color:var(--muted);font-weight:900}.lb-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-league{color:var(--muted);font-size:11px}.market-list{flex-direction:column;gap:6px;display:flex}.market-row{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--rc);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.mr-info{flex-direction:column;flex:1;min-width:0;display:flex}.inbox-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;display:flex}.inbox-item>div{flex:1}.inbox-item p{margin:4px 0;font-size:13px}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-item{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:14px;font-size:15px;display:flex}.menu-item>span:first-child{font-size:22px}.profile-card{background:var(--panel);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.profile-card>div:last-child{flex-direction:column;flex:1;gap:2px;display:flex}.pc-avatar{border:2px solid #fff6;border-radius:16px;flex:none;place-items:center;width:64px;height:64px;font-size:28px;font-weight:900;display:grid}.cos-row{flex-direction:column;gap:6px;margin:10px 0;display:flex}.cos-row>span{color:var(--muted);font-size:13px;font-weight:700}.cos-options{flex-wrap:wrap;gap:6px;display:flex}.cos-options button{background:var(--panel);border:2px solid var(--line);text-shadow:0 1px #000;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.cos-options button.active{border-color:var(--accent)}.dev-panel{border-top:1px dashed var(--line);margin-top:24px;padding-top:10px}.dev-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.club-list{flex-direction:column;gap:6px;display:flex}.club-row{background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.club-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.club-badge{background:#ffffff10;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.club-badge.big{width:64px;height:64px;font-size:38px}.club-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.club-head>div{flex:1}.club-head h1{font-size:22px}.badge-pick{flex-wrap:wrap;gap:6px;display:flex}.badge-pick button{background:var(--panel);border:2px solid #0000;border-radius:10px;width:44px;height:44px;font-size:22px}.badge-pick button.active{border-color:var(--accent)}.chest-tiers{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.chest-tier{text-align:center;background:#ffffff10;border-radius:8px;flex-direction:column;padding:4px;display:flex}.chest-tier.done{background:var(--accent);color:#052e12}.club-settings{margin-top:14px}.members{flex-direction:column;gap:4px;display:flex}.member-row{background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.member-row>div{flex-direction:column;flex:1;display:flex}.member-row select{padding:4px}.chat{height:calc(calc(100 * var(--vh)) - 300px);flex-direction:column;min-height:300px;display:flex}.chat-msgs{flex-direction:column;flex:1;gap:6px;padding:4px;display:flex;overflow-y:auto}.chat-msg{background:var(--panel);border-radius:14px 14px 14px 4px;flex-direction:column;align-self:flex-start;max-width:80%;padding:7px 10px;font-size:14px;display:flex}.chat-msg b{color:var(--accent2);font-size:12px}.chat-msg small{color:var(--muted);align-self:flex-end;font-size:10px}.chat-msg.me{background:#166534;border-radius:14px 14px 4px;align-self:flex-end}.chat-msg.system{color:var(--muted);text-align:center;background:0 0;align-self:center;font-size:12px}.chat-input{gap:6px;padding-top:6px;display:flex}.chat-input input{flex:1}.donation-row{background:var(--panel);border-radius:10px;align-items:center;gap:10px;margin:6px 0;padding:10px;display:flex}.donation-row>div{flex:1}.war-score{background:linear-gradient(135deg, #7f1d1d55, var(--panel), #1e3a8a55);text-align:center;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px;display:grid}.war-score>div{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.war-score b{font-size:13px}.vs{color:var(--accent2);font-weight:900}.war-phase{text-align:center;font-weight:700}.war-roster{flex-direction:column;gap:4px;display:flex}.war-target{background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.war-target>div{flex-direction:column;flex:1;min-width:0;display:flex}.stars{width:52px;font-size:12px}.war-log{flex-direction:column;gap:2px;font-size:12px;display:flex}.war-log .win{color:#86efac}.war-log .loss{color:#fca5a5}.war-summary{background:var(--panel);border-radius:12px;flex-direction:column;gap:4px;margin-top:14px;padding:12px;display:flex}.war-summary.win{border:2px solid var(--accent)}.war-summary.loss{border:2px solid var(--danger)}.rules dt{margin-top:8px;font-weight:800}.rules dd{color:var(--muted);margin:2px 0 0;font-size:14px}.rules li,.rules p{font-size:14px;line-height:1.45}.match-app{max-width:520px}.match{height:calc(100 * var(--vh));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;background:linear-gradient(#0005,#0000 15% 85%,#0005),repeating-linear-gradient(#15803d 0 44px,#16a34a 44px 88px);flex-direction:column;display:flex;position:relative;overflow:hidden}.match-loading{height:calc(100 * var(--vh));align-content:center;place-items:center;gap:12px;display:grid}.pbar{z-index:3;background:#031a0bdd;align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.pbar.theirs{border-bottom:1px solid var(--line)}.pbar.mine{border-top:1px solid var(--line)}.pbar-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.pbar-res{color:#d1fae5;gap:8px;font-size:13px;font-weight:700;display:flex}.goalmeter{background:#ffffff12;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:flex;position:relative}.goalmeter b{text-align:center;min-width:20px;font-size:18px}.goalmeter.low b{color:#f87171}.goalmeter.flash{box-shadow:0 0 0 2px var(--danger);animation:.5s shake}.gm-bar{gap:2px;display:flex}.gm-bar i{background:#fff2;border-radius:2px;width:4px;height:14px}.gm-bar i.on{background:linear-gradient(#4ade80,#16a34a)}.goalmeter.low .gm-bar i.on{background:linear-gradient(#fca5a5,#dc2626)}.energy{flex-wrap:wrap;flex:1;align-items:center;gap:2px;display:flex}.energy span{background:#ffffff20;border-radius:3px;width:9px;height:14px;transform:skew(-12deg)}.energy span.on{background:linear-gradient(#93c5fd,#2563eb);box-shadow:0 0 4px #60a5fa}.energy b{margin-left:4px;font-size:13px}.opp-hand{justify-content:center;gap:2px;height:36px;padding:3px 0;display:flex;overflow:hidden}.opp-hand .card{--w:24px;border-width:1px}.opp-hand .card.back{font-size:10px}.pitch{flex-direction:column;flex:1;justify-content:space-around;min-height:0;padding:4px 6px;display:flex;position:relative}.pitch:before{content:"";pointer-events:none;border:2px solid #fff4;border-radius:50%;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch:after{content:"";pointer-events:none;border-top:2px solid #fff4;position:absolute;top:50%;left:0;right:0}.board{z-index:1;justify-content:center;align-items:center;gap:5px;min-height:104px;display:flex;position:relative}.board-empty{color:#fffa;text-shadow:0 1px #000;font-size:13px;font-weight:700}.unit{--w:62px;width:var(--w);background:linear-gradient(170deg, var(--dc) -30%, var(--dd) 55%, #04110a);border:2px solid var(--rc);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;height:92px;transition:transform .15s,box-shadow .15s;animation:.3s dropIn;display:flex;position:relative;box-shadow:0 4px 8px #0009}.unit-art{width:70%;height:46px;margin-top:3px}.unit-name{text-shadow:0 1px #000;white-space:nowrap;text-overflow:ellipsis;max-width:94%;font-size:10px;font-weight:800;overflow:hidden}.unit-stats{justify-content:space-between;display:flex;position:absolute;bottom:3px;left:3px;right:3px}.unit-stats .stat{border-radius:5px;min-width:18px;height:18px;font-size:12px}.unit-status{filter:drop-shadow(0 1px 1px #000);justify-content:center;gap:1px;font-size:12px;display:flex;position:absolute;top:-8px;left:0;right:0}.unit.can-attack{animation:1.4s infinite breathe;box-shadow:0 0 0 2px #4ade80,0 0 14px #4ade80}.unit.attacking{box-shadow:0 0 0 3px var(--accent2), 0 0 18px var(--accent2);animation:none;transform:translateY(-8px)scale(1.06)}.unit.targetable{animation:.9s infinite breathe;box-shadow:0 0 0 3px #f87171,0 0 16px #ef4444}.unit.frozen{filter:saturate(.4)brightness(1.15)hue-rotate(150deg)}.fx{pointer-events:none;z-index:5;text-shadow:0 2px #000,0 -1px #000;font-size:22px;font-weight:900;animation:1.1s forwards floatUp;position:absolute;top:30%;left:50%;transform:translate(-50%)}.fx.dmg{color:#ff4d4d}.fx.heal{color:#4ade80}.fx.frz{color:#bae6fd}.fx.big{font-size:26px;top:-10px}.slot-marker{border:2px dashed var(--accent2);width:22px;height:70px;color:var(--accent2);background:#facc1522;border-radius:8px;padding:0;font-size:18px;font-weight:900;animation:1s infinite breathe}.midline{z-index:2;justify-content:space-between;align-items:center;gap:6px;display:flex;position:relative}.mini-btn{border:1px solid var(--line);background:#0008;border-radius:10px;width:36px;height:32px}.turn-info{border:1px solid var(--line);text-align:center;background:#031a0bdd;border-radius:999px;flex-direction:column;padding:4px 14px;font-size:13px;display:flex}.match.my-turn .turn-info{border-color:var(--accent2);box-shadow:0 0 10px #facc1566}.turn-info small{color:var(--muted);font-size:11px}.goal-target{z-index:6;color:#fff;background:linear-gradient(#f87171,#b91c1c);border:2px solid #fff;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:900;animation:.9s infinite breathe;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ef4444}.goal-flash{z-index:8;letter-spacing:.04em;pointer-events:none;text-shadow:0 4px #000;flex-direction:column;justify-content:center;align-items:center;font-size:44px;font-weight:900;animation:1.6s forwards goal;display:flex;position:absolute;inset:0}.goal-flash small{font-size:22px}.goal-flash.for{color:var(--accent2);background:radial-gradient(circle,#facc1544,#0000 60%)}.goal-flash.against{color:#fca5a5;background:radial-gradient(circle,#ef444444,#0000 60%)}.goal-flash.for.fx_fireworks{background:radial-gradient(circle,#f472b666,#a855f733 40%,#0000 70%)}.goal-flash.for.fx_lightning{color:#fde047;background:radial-gradient(circle,#60a5fa88,#fde04733 40%,#0000 70%)}.goal-flash.for[class*=fx_season]{color:#a5f3fc;background:radial-gradient(circle,#22d3ee77,#22c55e33 40%,#0000 70%)}.opp-play{z-index:7;background:#000a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px;animation:.25s slideLeft;display:flex;position:absolute;top:30%;right:6px}.opp-play small{font-size:10px}.action-panel{z-index:4;background:#031a0bee;align-items:center;gap:8px;min-height:52px;padding:6px 10px;display:flex}.action-panel.hint{border-top:2px solid var(--accent2)}.action-panel.hint>span{color:var(--accent2);flex:1;font-size:14px;font-weight:800}.hint-text{color:var(--muted);flex:1;font-size:12px}.btn.end-turn{min-width:110px}.btn.end-turn.primary{color:#3b2300;background:linear-gradient(#fde047,#f59e0b);border-color:#fde68a}.action-panel.preview{left:0;right:0;bottom:calc(118px + env(safe-area-inset-bottom));z-index:9;background:linear-gradient(#0000,#031a0bf5 25%);align-items:flex-end;padding:30px 12px 10px;animation:.18s slideUp;position:absolute}.preview-actions{flex-direction:column;flex:1;gap:8px;display:flex}.blocker{color:#fca5a5;font-size:13px;font-weight:700}.hand{scrollbar-width:none;z-index:5;background:#021208;align-items:flex-start;gap:6px;height:118px;padding:12px 10px 6px;display:flex;overflow-x:auto}.hand .card{--w:68px}.overlay{z-index:30;background:#000c;justify-content:center;align-items:center;padding:16px;animation:.2s fade;display:flex;position:absolute;inset:0}.overlay.light{pointer-events:none;background:#0006}.waiting{background:#000a;border-radius:999px;padding:10px 18px;font-weight:700}.mulligan{text-align:center;width:100%}.mulligan-cards{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}.mull{position:relative}.mull .card{--w:92px}.mull.out .card{opacity:.35;transform:scale(.94)}.mull-x{color:var(--accent2);pointer-events:none;place-items:center;font-size:40px;font-weight:900;display:grid;position:absolute;inset:0}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));justify-items:center;gap:10px;margin-bottom:12px;display:grid}.unit-status-list{flex:1;padding-left:18px;font-size:13px}.log{flex-direction:column;gap:3px;font-size:13px;display:flex}.log-line{border-radius:6px;padding:3px 6px}.log-line.me{background:#16653455}.log-line.them{background:#7f1d1d44}.mini-rules{background:var(--panel);border-radius:10px;padding:8px 10px;font-size:13px}.result{background:var(--bg2);text-align:center;border:2px solid var(--line);border-radius:22px;width:100%;max-width:420px;padding:20px;animation:.3s pop}.result.win{border-color:var(--accent2);box-shadow:0 0 40px #facc1544}.result.win h1{color:var(--accent2);font-size:34px}.result.loss h1{color:#fca5a5}.reason{color:var(--muted)}.rating-change{margin:8px 0;font-size:16px}.result-cards{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0;display:flex}.result-card{position:relative}@media (width>=520px){.match{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (height<=700px){.board{min-height:92px}.unit{height:84px}.unit-art{height:38px}.hand{height:104px}.hand .card{--w:60px}.action-panel.preview{bottom:calc(104px + env(safe-area-inset-bottom))}.opp-hand{height:26px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.75}}@keyframes breathe{50%{filter:brightness(1.25)}}@keyframes bounce{50%{transform:translateY(-10px)rotate(15deg)}}@keyframes fade{0%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-14px)scale(1.1)}}@keyframes floatUp{to{opacity:0;transform:translate(-50%,-40px)}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes goal{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}80%{opacity:1}to{opacity:0;transform:scale(1)}}.coin-flip{font-size:72px;animation:1.2s ease-out coinflip}@keyframes coinflip{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(900deg)translateY(-60px)}to{transform:rotateY(1800deg)translateY(0)}}.nation-mix{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.nation-pill{color:#cbd5e1;background:#0b1220;border:1px solid #334155;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 5px;font-size:12px;display:inline-flex}.nation-pill b{color:#fff}.nation-pill small{color:#fde68a;font-size:11px}.nation-pill .chem-flag{border-radius:3px;width:18px;height:13px;display:inline-flex;overflow:hidden}.nation-pill .chem-flag i{flex:1}.nation-pill{cursor:pointer;font:inherit;font-size:12px}.nation-pill.on{border-color:#facc15}.nation-detail{background:#0b1220;border:1px solid #e5c07b77;border-radius:10px;margin:0 0 8px;padding:8px 12px;font-size:13px}.nation-detail b{color:#fde68a}.nation-detail p{color:#cbd5e1;margin:3px 0}:root{--rail-w:86px;--top-h:56px;--gold:#fcd34d;--panel-bg:linear-gradient(180deg, #111c33eb, #060b16f0);--panel-border:#94a3b847;font-family:Barlow Semi Condensed,system-ui,sans-serif}body{background:linear-gradient(180deg, #0206178c, #020617d1), var(--stadium-bg,#04110a) center / cover fixed no-repeat, #04110a}h1,h2,h3,.page-title{letter-spacing:.04em;font-family:Teko,Impact,sans-serif;font-weight:600}h3{color:#cbd5e1;font-size:20px}.page-header h1{font-size:30px}.app{max-width:none}.bottomnav{width:calc(var(--rail-w) + env(safe-area-inset-left));max-width:none;height:auto;padding:calc(env(safe-area-inset-top) + 10px) 0 calc(env(safe-area-inset-bottom) + 10px) env(safe-area-inset-left);border-top:none;border-right:1px solid var(--panel-border);background:linear-gradient(90deg,#020617f5,#020617d1);flex-direction:column;justify-content:center;gap:6px;display:flex;top:0;bottom:0;left:0;transform:none}.bottomnav button{letter-spacing:.05em;flex:none;height:64px;font-family:Teko,Impact,sans-serif;font-size:17px;position:relative}.bottomnav button.active{color:var(--gold)}.bottomnav button.active:before{content:"";background:var(--gold);width:4px;box-shadow:0 0 10px var(--gold);border-radius:0 4px 4px 0;position:absolute;top:10px;bottom:10px;left:0}.nav-icon{font-size:26px}.topbar{left:calc(var(--rail-w) + env(safe-area-inset-left));width:auto;max-width:none;height:calc(var(--top-h) + env(safe-area-inset-top));padding:calc(env(safe-area-inset-top) + 6px) calc(16px + env(safe-area-inset-right)) 6px 16px;border-bottom:1px solid var(--panel-border);background:linear-gradient(#020617eb,#02061799);right:0;transform:none}.profile-chip{background:var(--panel-bg);border-color:var(--panel-border);flex:0 auto;margin-right:auto;padding-right:14px}.profile-chip .lvl{color:#3b1d00;background:linear-gradient(#fde047,#b45309);font-family:Teko,Impact,sans-serif;font-size:18px}.pname{letter-spacing:.03em;font-family:Teko,Impact,sans-serif;font-size:20px}.cur{letter-spacing:.03em;border-color:var(--panel-border);background:#020617cc;padding:2px 14px 0;font-family:Teko,Impact,sans-serif;font-size:19px}.content{padding:calc(var(--top-h) + env(safe-area-inset-top) + 14px) calc(18px + env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 20px) calc(var(--rail-w) + env(safe-area-inset-left) + 18px);max-width:1400px;margin:0 auto}.page{max-width:1200px;margin:0 auto}.home-card,.panel-g,.shop-item,.mission,.inbox-item,.menu-item,.deck-row,.club-row,.member-row,.market-row,.war-target,.donation-row,.profile-card,.league-card,.season-chip,.deck-bar,.queue-box{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000059}.btn{letter-spacing:.04em;background:linear-gradient(#475569,#1e293b);border:2px solid #64748b;padding:10px 16px 7px;font-family:Teko,Impact,sans-serif;font-size:19px;font-weight:500;line-height:1;box-shadow:0 4px #0f172a}.btn.primary{color:#f0fdf4;text-shadow:0 1px #0008;background:linear-gradient(#4ade80,#15803d);border-color:#86efac;box-shadow:0 4px #14532d}.btn.gold{box-shadow:0 4px #78350f}.btn.danger{box-shadow:0 4px #450a0a}.btn.ghost,.btn.gold.ghost,.btn.danger.ghost{box-shadow:none}.btn:active:not(:disabled){transform:translateY(2px)}.btn.small{padding:7px 11px 5px;font-size:16px}.btn.big{padding:14px 20px 10px;font-size:24px}.tabs button{letter-spacing:.04em;border-color:var(--panel-border);background:#020617bf;padding:7px 18px 4px;font-family:Teko,Impact,sans-serif;font-size:19px}.tabs button.active{color:#3b1d00;background:linear-gradient(#fde047,#d97706);border-color:#fde68a}.card-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:14px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.modal-bg{align-items:center}.modal{max-width:760px;max-height:calc(92 * var(--vh));border:1px solid var(--panel-border);background:linear-gradient(#111c33,#050a14);border-radius:20px}.detail-info{min-width:220px}.toasts{top:calc(env(safe-area-inset-top) + 64px)}.home-l{min-height:calc(calc(100 * var(--vh)) - var(--top-h) - 40px);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.home-col{flex-direction:column;gap:12px;min-width:0;display:flex}.home-col.center{justify-content:center;align-items:center}.home-col.right{justify-content:center}.league-plate{cursor:pointer;background:linear-gradient(135deg, color-mix(in srgb, var(--lc) 45%, #0b1220), #0b1220 70%);border:2px solid var(--lc);box-shadow:0 0 22px color-mix(in srgb, var(--lc) 40%, transparent);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.lp-emblem{filter:drop-shadow(0 0 8px var(--lc));font-size:40px}.league-plate span{letter-spacing:.08em;color:var(--lc);font-family:Teko,Impact,sans-serif;font-size:22px;line-height:1;display:block}.league-plate b{font-family:Teko,Impact,sans-serif;font-size:40px;line-height:1}.league-plate small{color:#cbd5e1;display:block}.panel-g{border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.panel-g.clickable{cursor:pointer}.pg-head{letter-spacing:.05em;justify-content:space-between;align-items:center;font-family:Teko,Impact,sans-serif;font-size:22px;display:flex}.pg-head b{font-weight:500}.logo-l{text-align:center;line-height:.9}.logo-l>span{font-size:42px;animation:1.8s infinite bounce;display:inline-block}.logo-l h1{font-size:clamp(30px, calc(4.4 * var(--vw)), 54px);background:linear-gradient(#fff7c2,#facc15 45%,#b45309);color:#0000;filter:drop-shadow(0 3px #451a03)drop-shadow(0 8px 16px #000);-webkit-background-clip:text;background-clip:text;margin:0}.showcase{height:clamp(130px, calc(34 * var(--vh)), 260px);cursor:pointer;justify-content:center;align-items:flex-end;margin:6px 0;display:flex;position:relative}.sc-card{filter:drop-shadow(0 12px 18px #000c);margin:0 -18px;transition:transform .25s}.sc-card.sc0{transform:rotate(-9deg)translateY(10px)}.sc-card.sc1{z-index:2;transform:translateY(-8px)scale(1.12)}.sc-card.sc2{transform:rotate(9deg)translateY(10px)}.showcase:hover .sc-card.sc1{transform:translateY(-16px)scale(1.16)}.deck-strip{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:left;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;display:flex}.deck-strip>span:nth-child(2){flex-direction:column;line-height:1.05;display:flex}.deck-strip small{color:#94a3b8;letter-spacing:.06em;font-size:12px}.deck-strip b{font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:500}.play-l{text-align:left;color:#fff;border:2px solid #fff6;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;transition:transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #00000073,0 12px 24px #00000080,inset 0 2px #ffffff59}.play-l:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;animation:3.2s infinite sheen;position:absolute;top:0;bottom:0;left:-60%}.play-l:active{transform:translateY(4px)}.pl-icon{filter:drop-shadow(0 2px 4px #0008);font-size:38px}.pl-text{flex-direction:column;line-height:1;display:flex}.pl-text b{letter-spacing:.04em;text-shadow:0 2px #0007;font-family:Teko,Impact,sans-serif;font-size:36px;font-weight:600}.pl-text small{opacity:.9;font-size:14px;font-weight:700}.play-l.ranked{background:linear-gradient(135deg,#fbbf24,#b45309 70%);padding:22px 18px}.play-l.ranked .pl-text b{font-size:46px}.play-l.casual{background:linear-gradient(135deg,#4ade80,#15803d 70%)}.play-l.practice{background:linear-gradient(135deg,#60a5fa,#1d4ed8 70%)}.queue-l{text-align:center;background:var(--panel-bg);border:2px solid #4ade80;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex;box-shadow:0 0 24px #22c55e55}.queue-l b{letter-spacing:.05em;font-family:Teko,Impact,sans-serif;font-size:34px}.queue-l .spinner{width:44px;height:44px}.onboarding{max-width:980px;padding:calc(env(safe-area-inset-top) + 18px) 24px 24px;grid-template-columns:1fr 1.3fr;align-items:start;gap:8px 28px;margin:0 auto;display:grid}.onboarding .logo{grid-row:span 3;align-self:center}.onboarding .logo h1{font-size:46px}.deck-pick{grid-template-columns:repeat(5,1fr)}.deck-chip{text-align:center;flex-direction:column;padding:8px 4px;font-size:12px}@keyframes sheen{0%,60%{left:-60%}to{left:130%}}@media (height<=460px){:root{--top-h:48px;--rail-w:72px}.bottomnav button{height:54px;font-size:15px}.nav-icon{font-size:22px}.play-l{padding:10px 14px}.play-l.ranked{padding:14px}.pl-text b{font-size:28px}.play-l.ranked .pl-text b{font-size:36px}.pl-icon{font-size:30px}.home-col{gap:8px}.panel-g{padding:6px 10px}.home-l{min-height:calc(calc(100 * var(--vh)) - var(--top-h) - 30px);gap:10px}.content{padding-top:calc(var(--top-h) + env(safe-area-inset-top) + 8px);padding-bottom:8px}.league-plate{padding:6px 12px}.lp-emblem{font-size:28px}.league-plate b{font-size:30px}.league-plate span,.pg-head{font-size:18px}.mini-mission{grid-template-columns:1fr 50px 34px;font-size:12px}.logo-l>span{font-size:26px}.logo-l h1{font-size:30px}.showcase{height:150px}.deck-strip{padding:4px 12px}.deck-strip b{font-size:18px}}.filters{flex-wrap:nowrap;align-items:center}.filters .search{flex:2 140px}.filters select{flex:110px}.filters .check{white-space:nowrap;flex:none}input,select{border-color:var(--panel-border);background:#020617bf}.pack-art{filter:drop-shadow(0 8px 12px #000a);width:92px;height:129px;transition:transform .2s}.shop-item:hover .pack-art{transform:rotate(-4deg)scale(1.06)}.shop-item b{letter-spacing:.03em;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:500}.code-box{letter-spacing:.02em;width:100%;margin:6px 0;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:15px}.deck-name.small{flex:1;width:auto;font-size:16px}.import-cards{max-height:calc(34 * var(--vh));flex-wrap:wrap;gap:8px;margin:8px 0;display:flex;overflow-y:auto}.chat-deck{margin-top:4px;display:inline-flex}html,body{background:#01040b;height:100%;overflow:hidden}#root{width:var(--sw,956px);height:var(--sh,440px);background:linear-gradient(180deg, #0206178c, #020617d1), var(--stadium-bg,#04110a) center / cover no-repeat, #04110a;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.app{height:100%;min-height:0;overflow:hidden auto}@media (orientation:portrait) and (width<=900px){#root{width:100vw;height:100dvh}}html,body{touch-action:manipulation}.match-l{-webkit-user-select:none;user-select:none;--u:min(calc(1 * var(--vh)), calc(.6 * var(--vw)));background:#04110a;font-family:Barlow Semi Condensed,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{display:block}.match-l.booting>:not(.stage){visibility:hidden;animation:0s 4s forwards bootReveal}@keyframes bootReveal{to{visibility:visible}}.scoreboard{top:calc(env(safe-area-inset-top) + 1.2 * var(--u));z-index:10;filter:drop-shadow(0 6px 14px #000c);align-items:stretch;display:flex;position:absolute;left:50%;transform:translate(-50%)}.team{align-items:center;gap:calc(1.4 * var(--u));padding:calc(.8 * var(--u)) calc(1.6 * var(--u));background:linear-gradient(#1f2a3d,#0b1220);border:2px solid #3b4a63;display:flex}.team.left{border-radius:calc(1.6 * var(--u)) 0 0 calc(1.6 * var(--u));flex-direction:row}.team.right{border-radius:0 calc(1.6 * var(--u)) calc(1.6 * var(--u)) 0;flex-direction:row-reverse}.team-name{max-width:calc(22 * var(--u));flex-direction:column;line-height:1;display:flex}.team.right .team-name{align-items:flex-start}.team.left .team-name{align-items:flex-end}.team-name b{font-family:Teko,Impact,sans-serif;font-size:calc(3.4 * var(--u));letter-spacing:.04em;color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.team-name small{color:#94a3b8;font-size:calc(1.8 * var(--u))}.goal-led{border-radius:calc(.8 * var(--u));padding:calc(.2 * var(--u)) calc(1.2 * var(--u)) calc(.6 * var(--u));background:#020617;border:1px solid #1e293b;flex-direction:column;align-items:center;display:flex;box-shadow:inset 0 0 10px #000}.goal-led b{font-family:Teko,Impact,sans-serif;font-size:calc(5.6 * var(--u));color:#fde047;text-shadow:0 2px #00000073;line-height:1}.team.danger .goal-led b{color:#f87171;text-shadow:0 2px #00000073}.goal-led b.pop{animation:.45s ease-out ledpop}.goal-pips{gap:2px;display:flex}.goal-pips i{width:calc(.7 * var(--u));height:calc(1.1 * var(--u));background:#1e293b;border-radius:1px}.goal-pips i.on{background:#22c55e;box-shadow:0 0 4px #22c55e}.team.danger .goal-pips i.on{background:#ef4444;box-shadow:0 0 4px #ef4444}.sb-center{min-width:calc(17 * var(--u));padding:0 calc(1.2 * var(--u));background:linear-gradient(#0f172a,#020617);border-top:2px solid #3b4a63;border-bottom:2px solid #3b4a63;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex}.sb-center b{font-family:Teko,Impact,sans-serif;font-size:calc(2.8 * var(--u));letter-spacing:.06em;color:#fca5a5}.sb-center b.mine{color:#86efac;text-shadow:0 2px #00000073}.sb-center small{color:#94a3b8;font-size:calc(1.6 * var(--u));letter-spacing:.08em;font-weight:700}.sb-center .countdown{font-family:Teko,Impact,sans-serif;font-size:calc(2.4 * var(--u));color:#fde047}.corner{z-index:9;align-items:center;gap:calc(1.2 * var(--u));display:flex;position:absolute}.corner.opp{top:calc(env(safe-area-inset-top) + 1.2 * var(--u));left:calc(env(safe-area-inset-left) + 1.6 * var(--u))}.corner.mine{bottom:calc(env(safe-area-inset-bottom) + 2 * var(--u));left:calc(env(safe-area-inset-left) + 1.6 * var(--u));flex-direction:column;align-items:flex-start}.opp-fan{padding:0 4px;display:flex}.opp-fan>div{margin-left:-14px}.piles{gap:calc(.8 * var(--u));display:flex}.pile{padding:2px calc(1.2 * var(--u));font-weight:800;font-size:calc(2 * var(--u));color:#cbd5e1;background:#020617cc;border:1px solid #334155;border-radius:999px}.crystals{align-items:center;gap:calc(1 * var(--u));display:flex}.crystal-main{width:calc(8 * var(--u));height:calc(8 * var(--u));clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:radial-gradient(circle at 35% 30%,#bfdbfe,#2563eb 50%,#0b1f5c);place-items:center;display:grid;position:relative;box-shadow:0 0 20px #3b82f6}.crystal-main b{font-family:Teko,Impact,sans-serif;font-size:calc(5 * var(--u));color:#fff;text-shadow:0 2px #000;margin-top:calc(.6 * var(--u));line-height:1}.crystal-main small{bottom:calc(.8 * var(--u));right:calc(1.4 * var(--u));font-size:calc(1.6 * var(--u));color:#dbeafe;font-weight:800;position:absolute}.crystal-row{max-width:calc(16 * var(--u));flex-wrap:wrap;gap:3px;display:flex}.crystal-row i{width:calc(1.4 * var(--u));height:calc(2 * var(--u));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#1e293b}.crystal-row i.on{background:linear-gradient(#93c5fd,#2563eb)}.crystals.small .crystal-main{width:calc(5.4 * var(--u));height:calc(5.4 * var(--u))}.crystals.small .crystal-main b{font-size:calc(3.4 * var(--u))}.crystals.small .crystal-main small,.crystals.small .crystal-row{display:none}.rail{right:calc(env(safe-area-inset-right) + 1.6 * var(--u));align-items:center;gap:calc(1.2 * var(--u));z-index:12;flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.round-btn{width:calc(6 * var(--u));height:calc(6 * var(--u));font-size:calc(2.6 * var(--u));background:radial-gradient(circle at 35% 30%,#334155,#0f172a);border:2px solid #475569;border-radius:50%;box-shadow:0 4px 10px #0009}.end-turn-btn{margin-top:calc(1.5 * var(--u));width:calc(15 * var(--u));height:calc(15 * var(--u));border:calc(.5 * var(--u)) solid #64748b;color:#94a3b8;background:radial-gradient(circle at 35% 30%,#475569,#1e293b 60%,#0f172a);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:.9;transition:transform .1s;display:flex;box-shadow:0 8px 18px #000b,inset 0 -6px 12px #0008}.end-turn-btn span{font-family:Teko,Impact,sans-serif;font-size:calc(2.4 * var(--u));letter-spacing:.08em}.end-turn-btn b{font-family:Teko,Impact,sans-serif;font-size:calc(3.6 * var(--u));letter-spacing:.04em}.end-turn-btn.ready{color:#3b1d00;background:radial-gradient(circle at 35% 30%,#fde047,#f59e0b 55%,#92400e);border-color:#fde68a;box-shadow:0 0 24px #f59e0b99,0 8px 18px #000b,inset 0 -6px 12px #0006}.end-turn-btn.nudge{animation:1.2s infinite nudge}.end-turn-btn:active:not(:disabled){transform:scale(.94)}.step-hint{top:calc(env(safe-area-inset-top) + 12.5 * var(--u));z-index:14;align-items:center;gap:calc(1.2 * var(--u));padding:calc(.8 * var(--u)) calc(1.2 * var(--u)) calc(.8 * var(--u)) calc(2.4 * var(--u));color:#fde047;font-weight:800;font-size:calc(2.2 * var(--u));white-space:nowrap;background:linear-gradient(#1e293bf2,#0f172af2);border:2px solid #facc15;border-radius:999px;animation:.2s slideDown;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 18px #facc1555}.step-hint.attack{color:#fecaca;border-color:#f87171;box-shadow:0 0 18px #ef444455}.hand-l{left:50%;bottom:calc(env(safe-area-inset-bottom) - 9 * var(--u));z-index:20;padding:0 calc(10 * var(--u));justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.hand-card{margin:0 calc(-1.6 * var(--u));transform:translateY(var(--dy)) rotate(var(--rot));transform-origin:50% 120%;cursor:pointer;filter:drop-shadow(0 6px 10px #000c);transition:transform .18s ease-out}.hand-card:hover{transform:translateY(calc(var(--dy) - 4 * var(--u))) rotate(var(--rot)) scale(1.04)}.hand-card.sel{transform:translateY(calc(-11 * var(--u))) rotate(0) scale(1.08)}.hand-card .cardx.glow{box-shadow:0 0 0 2px #4ade80,0 0 16px #22c55eaa}.hand-card:not(.playable){filter:brightness(.62)saturate(.6)drop-shadow(0 6px 10px #000c)}.preview-l{left:calc(env(safe-area-inset-left) + 2 * var(--u));z-index:40;align-items:center;gap:calc(2 * var(--u));animation:.2s ease-out slideRight;display:flex;position:absolute;top:50%;transform:translateY(-55%)}.preview-l .cardx{filter:drop-shadow(0 12px 24px #000)}.preview-l .preview-actions{gap:calc(1.2 * var(--u));min-width:calc(24 * var(--u));flex-direction:column;display:flex}.preview-l .blocker{color:#fecaca;background:#7f1d1dee;border:1px solid #ef4444;border-radius:10px;padding:6px 10px;font-weight:700}.preview-l .check{background:#0f172aee;border-radius:10px;padding:6px 10px}.gbtn{font-family:Teko,Impact,sans-serif;font-size:calc(3 * var(--u));letter-spacing:.05em;padding:calc(1.2 * var(--u)) calc(2.6 * var(--u)) calc(.8 * var(--u));border-radius:calc(1.2 * var(--u));color:#f8fafc;text-shadow:0 2px #0008;background:linear-gradient(#475569,#1e293b);border:2px solid #64748b;line-height:1;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #0f172a,0 8px 14px #0008}.gbtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0f172a,0 4px 8px #0008}.gbtn:disabled{opacity:.45}.gbtn.green{background:linear-gradient(#4ade80,#15803d);border-color:#86efac;box-shadow:0 5px #14532d,0 8px 14px #0008}.gbtn.gold{background:linear-gradient(#fcd34d,#b45309);border-color:#fde68a;box-shadow:0 5px #78350f,0 8px 14px #0008}.gbtn.red{background:linear-gradient(#f87171,#b91c1c);border-color:#fca5a5;box-shadow:0 5px #7f1d1d,0 8px 14px #0008}.gbtn.ghost{box-shadow:none;background:#0f172acc;border-color:#475569}.gbtn.small{font-size:calc(2.2 * var(--u));padding:calc(.8 * var(--u)) calc(1.6 * var(--u)) calc(.5 * var(--u))}.gbtn.big{font-size:calc(3.8 * var(--u));padding:calc(1.6 * var(--u)) calc(4 * var(--u)) calc(1.1 * var(--u))}.match-l .overlay{z-index:60;background:radial-gradient(#0b2a18e6,#000000f0);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-l .overlay.light{pointer-events:none;background:#0006}.setup-panel{text-align:center;align-items:center;gap:calc(1.6 * var(--u));padding:calc(2 * var(--u));flex-direction:column;display:flex}.setup-panel h2{font-family:Teko,Impact,sans-serif;font-size:calc(6 * var(--u));letter-spacing:.05em;color:#fde047;margin:0}.setup-panel p{color:#cbd5e1;font-size:calc(2.4 * var(--u));margin:0}.choice-row{gap:calc(3 * var(--u));display:flex}.setup-cards{gap:calc(2 * var(--u));justify-content:center;display:flex}.setup-card{cursor:pointer;transition:transform .15s,opacity .15s;position:relative}.setup-card.off{opacity:.55}.setup-card.on{transform:translateY(calc(-2 * var(--u))) scale(1.05);filter:drop-shadow(0 0 14px #facc15)}.setup-card.swap{opacity:.4;transform:scale(.94)}.swap-x{font-size:calc(9 * var(--u));color:#fde047;pointer-events:none;place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.coin-flip{font-size:calc(14 * var(--u));filter:drop-shadow(0 0 20px #facc15aa);animation:1.3s ease-out coinflip}.waiting{color:#e2e8f0;background:#000a;border-radius:999px;padding:10px 18px;font-weight:700}.match-l .overlay.rs-bg.win{background:radial-gradient(at 50% 35%,#3b2a06f0,#050a14f5 70%)}.match-l .overlay.rs-bg.loss{background:radial-gradient(at 50% 35%,#3a0b0bf0,#050a14f5 70%)}.match-l .overlay.rs-bg.draw{background:radial-gradient(at 50% 35%,#1e293bf0,#050a14f5 70%)}.rs{isolation:isolate;align-items:center;gap:calc(1.56 * var(--u));width:min(calc(80.6 * var(--u)), calc(92 * var(--vw)));max-height:calc(94 * var(--vh));padding:calc(1.3 * var(--u)) calc(3.9 * var(--u)) calc(3.12 * var(--u));text-align:center;color:#f8fafc;flex-direction:column;animation:.35s pop;display:flex;position:relative}.rs .result-rays{background:repeating-conic-gradient(from 0deg, #facc1514 0 10deg, transparent 10deg 20deg);pointer-events:none;z-index:-1;animation:18s linear infinite spin;position:absolute;inset:-20% -15%;-webkit-mask:radial-gradient(circle,#000 25%,#0000 65%);mask:radial-gradient(circle,#000 25%,#0000 65%)}.rs-icon{width:calc(19.5 * var(--u));height:calc(19.5 * var(--u));object-fit:contain;margin-bottom:calc(-4.16 * var(--u));z-index:2;filter:drop-shadow(0 6px 10px #0000008c);animation:.55s cubic-bezier(.2,1.4,.4,1) both rsDrop;position:relative}.rs.loss .rs-icon{filter:grayscale(.85)brightness(.8)drop-shadow(0 6px 10px #0000008c)}.rs-banner{padding:calc(2.08 * var(--u)) calc(11.7 * var(--u)) calc(1.04 * var(--u));clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);background:linear-gradient(#fde68a,#f59e0b 55%,#b45309);position:relative;box-shadow:inset 0 -4px #00000040}.rs.loss .rs-banner{background:linear-gradient(#f87171,#b91c1c 55%,#7f1d1d)}.rs.draw .rs-banner{background:linear-gradient(#cbd5e1,#64748b 55%,#334155)}.rs-banner h1{font-family:Teko,Impact,sans-serif;font-size:calc(11.7 * var(--u));letter-spacing:.05em;color:#fff;text-shadow:0 3px #00000059;margin:0;line-height:.9}.rs.win .rs-banner h1{color:#3b1d02;text-shadow:0 2px #ffffff73}.rs-reason{padding:calc(.39 * var(--u)) calc(2.08 * var(--u));font-size:calc(2.6 * var(--u));color:#e2e8f0;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;font-weight:700}.rs-score{align-items:center;gap:calc(2.6 * var(--u));width:100%;padding:calc(1.3 * var(--u)) calc(2.6 * var(--u));border-radius:calc(2.6 * var(--u));background:linear-gradient(#0f172ae6,#020617e6);border:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;display:grid}.rs-score i{font-style:normal;font-size:calc(2.08 * var(--u));color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.rs-side{justify-content:flex-end;align-items:center;gap:calc(1.82 * var(--u));min-width:0;display:flex}.rs-side:last-child{justify-content:flex-start}.rs-side span{white-space:nowrap;text-overflow:ellipsis;font-size:calc(2.6 * var(--u));color:#cbd5e1;font-weight:700;overflow:hidden}.rs-side b{font-family:Teko,Impact,sans-serif;font-size:calc(9.1 * var(--u));color:#94a3b8;line-height:.85}.rs-side.lead b{color:#fde047}.rs-rating{font-size:calc(2.6 * var(--u));color:#e2e8f0}.rs-rating b{margin-right:calc(1.04 * var(--u))}.rs-rating span{margin-left:calc(1.04 * var(--u));font-weight:800}.rs-rating .up{color:#4ade80}.rs-rating .down{color:#f87171}.rs-rewards{justify-content:center;gap:calc(1.3 * var(--u));flex-wrap:wrap;display:flex}.rs-tile{min-width:calc(13 * var(--u));padding:calc(1.04 * var(--u)) calc(1.3 * var(--u));border-radius:calc(2.08 * var(--u));background:linear-gradient(#ffffff24,#ffffff0d);border:1px solid #facc1559;flex-direction:column;justify-content:center;align-items:center;animation:.45s .25s both rsDrop;display:flex}.rs-tile img{width:calc(7.15 * var(--u));height:calc(7.15 * var(--u));object-fit:contain}.rs-tile span{font-size:calc(5.2 * var(--u))}.rs-tile b{font-family:Teko,Impact,sans-serif;font-size:calc(4.42 * var(--u));color:#fde68a;line-height:1}.rs-tile small{font-size:calc(1.82 * var(--u));color:#cbd5e1}.rs-notes{justify-content:center;gap:calc(.78 * var(--u));flex-wrap:wrap;display:flex}.rs-notes span{padding:calc(.39 * var(--u)) calc(1.56 * var(--u));color:#bbf7d0;font-size:calc(2.08 * var(--u));background:#4ade8024;border-radius:999px;font-weight:700}.rs-note{font-size:calc(2.34 * var(--u));color:#94a3b8;margin:0}.rs-btn{margin-top:calc(.78 * var(--u));min-width:calc(31.2 * var(--u))}@keyframes rsDrop{0%{opacity:0;transform:translateY(-30%)scale(.6)}}.rotate-guard{z-index:1000;text-align:center;color:#e2e8f0;background:radial-gradient(circle,#0b3a1d,#020617);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:fixed;inset:0}.rotate-guard .phone{font-size:72px;animation:1.8s ease-in-out infinite rotatePhone}.rotate-guard b{letter-spacing:.04em;font-family:Teko,Impact,sans-serif;font-size:34px}@media (orientation:portrait) and (width<=900px){.rotate-guard{display:flex}}@keyframes ledpop{0%{color:#fff;transform:scale(1.8)}}@keyframes nudge{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px,-55%)}}@keyframes rotatePhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.cardx{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7%;flex:none;transition:transform .12s,filter .15s,box-shadow .15s;position:relative}.cardx canvas{border-radius:7%}.cardx.dim{filter:grayscale(.7)brightness(.55)}.cardx.selected{transform:translateY(-6px)scale(1.04);box-shadow:0 0 0 3px #facc15,0 10px 24px #000a}.cx-cost,.cx-stat{color:#fff;text-shadow:0 1px #000;border:2px solid #fff;border-radius:50%;place-items:center;padding-top:2px;font-family:Teko,Impact,sans-serif;font-weight:600;line-height:1;display:grid;position:absolute}.cx-cost.cheaper{background:radial-gradient(circle at 35% 30%,#86efac,#15803d)}.cx-cost.pricier{background:radial-gradient(circle at 35% 30%,#fca5a5,#b91c1c)}.cx-stat.atk{background:radial-gradient(circle at 35% 30%,#fdba74,#c2410c)}.cx-stat.def{background:radial-gradient(circle at 35% 30%,#93c5fd,#1d4ed8)}.cx-stat.up{color:#bbf7d0}.cx-stat.down{color:#fecaca}.cx-badge{color:#fff;background:#000c;border-radius:6px;padding:1px 5px;font-size:11px;font-weight:800;position:absolute;top:2%;right:2%}.cx-mastery{text-align:center;color:#fde047;text-shadow:0 1px #000;font-size:12px;position:absolute;top:44%;left:0;right:0}.scoreboard{left:calc(env(safe-area-inset-left) + 1.4 * var(--u));transform-origin:0 0;transform:none}.scoreboard .team-name{max-width:calc(14 * var(--u))}.corner.opp{left:auto;right:calc(env(safe-area-inset-right) + 1.6 * var(--u));flex-direction:row-reverse}.opp-hand-top{top:calc(-6.5 * var(--u));z-index:8;pointer-events:none;justify-content:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.oh-card{margin:0 calc(-1.4 * var(--u));transform:translateY(calc(var(--dy) * -1)) rotate(var(--rot));transform-origin:50%;filter:drop-shadow(0 4px 8px #000c)}.hand-card{touch-action:none}.hand-card.lifted{opacity:.25}.drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 16px 24px #000d)drop-shadow(0 0 10px #4ade80aa);transition:filter .1s;position:fixed;transform:rotate(-4deg)scale(1.05)}.drag-ghost.blocked{filter:drop-shadow(0 16px 24px #000d)drop-shadow(0 0 12px #ef4444)grayscale(.5)}.drag-block{white-space:nowrap;color:#fee2e2;background:#7f1d1df2;border:1px solid #ef4444;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.match-l{--hud-w:clamp(150px, calc(21 * var(--vw)), 220px);--play-cx:calc((100% - var(--hud-w) - 20px) / 2)}.side-hud{z-index:12;top:calc(env(safe-area-inset-top) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);right:calc(env(safe-area-inset-right) + 8px);width:var(--hud-w);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0f172ae6,#020617f0);border:1.5px solid #fcd34d73;border-radius:18px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14}.sh-team{background:#1e293b8c;border:1px solid #94a3b833;border-radius:12px;flex-direction:column;gap:4px;padding:6px 8px;display:flex;position:relative}.sh-team.opp{border-top:3px solid #ef4444}.sh-team.me{border-bottom:3px solid #22c55e}.sh-name{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.sh-name b{font-family:Teko,Impact,sans-serif;font-size:clamp(15px, calc(2.6 * var(--vh)), 22px);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1;overflow:hidden}.sh-name small{color:#94a3b8;font-size:11px;font-weight:700}.sh-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.sh-piles{color:#cbd5e1;gap:8px;font-size:12px;font-weight:800;display:flex}.side-hud .goal-led{min-width:0;padding:2px 8px 4px}.side-hud .goal-led small{letter-spacing:.2em;color:#64748b;font-size:9px;font-weight:800;line-height:1}.side-hud .goal-led b{font-size:clamp(22px, calc(5.5 * var(--vh)), 40px)}.side-hud .goal-pips i{width:3px;height:6px}.sh-team.danger .goal-led b{color:#f87171;text-shadow:0 2px #00000073}.sh-team.danger .goal-pips i.on{background:#ef4444;box-shadow:0 0 4px #ef4444}.side-hud .crystals{flex-direction:column;gap:3px}.side-hud .crystal-main{width:clamp(30px, calc(8 * var(--vh)), 56px);height:clamp(30px, calc(8 * var(--vh)), 56px)}.side-hud .crystal-main b{font-size:clamp(18px, calc(4.6 * var(--vh)), 34px)}.side-hud .crystals.small .crystal-main{width:clamp(24px, calc(6 * var(--vh)), 40px);height:clamp(24px, calc(6 * var(--vh)), 40px)}.side-hud .crystals.small .crystal-main b{font-size:clamp(14px, calc(3.4 * var(--vh)), 24px)}.side-hud .crystal-row{max-width:clamp(50px, calc(14 * var(--vh)), 90px);justify-content:center}.side-hud .crystal-row i{width:clamp(5px, calc(1.2 * var(--vh)), 8px);height:clamp(7px, calc(1.8 * var(--vh)), 11px)}.sh-mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex;position:relative}.sh-turn{text-align:center;line-height:1.05}.sh-turn b{font-family:Teko,Impact,sans-serif;font-size:clamp(15px, calc(3.2 * var(--vh)), 24px);letter-spacing:.06em;color:#fca5a5;display:block}.sh-turn.mine b{color:#86efac;text-shadow:0 2px #00000073}.sh-turn small{color:#94a3b8;letter-spacing:.06em;font-size:11px;font-weight:700}.sh-turn .countdown{color:#fde047}.side-hud .end-turn-btn{width:min(100%, clamp(70px, calc(22 * var(--vh)), 140px));aspect-ratio:1;flex:0 auto;height:auto;max-height:100%;margin:0}.side-hud .end-turn-btn span{font-size:clamp(12px, calc(2.8 * var(--vh)), 20px)}.side-hud .end-turn-btn b{font-size:clamp(18px, calc(4.4 * var(--vh)), 32px)}.sh-tools{gap:6px;display:flex}.sh-tools button{width:clamp(28px, calc(7 * var(--vh)), 38px);height:clamp(28px, calc(7 * var(--vh)), 38px);font-size:clamp(13px, calc(3 * var(--vh)), 17px);background:radial-gradient(circle at 35% 30%,#334155,#0f172a);border:1px solid #475569;border-radius:50%;padding:0}.hand-l,.opp-hand-top,.step-hint{left:var(--play-cx)}.step-hint{top:calc(env(safe-area-inset-top) + 13 * var(--u))}@media (height<=420px){.sh-piles{gap:6px;font-size:11px}.sh-team{gap:2px;padding:4px 6px}}.match-l{--play-cx:50%;--badge:clamp(54px, calc(15 * var(--vh)), 104px)}.hero{z-index:11;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero.opp{top:calc(env(safe-area-inset-top) + calc(13 * var(--vh)) - var(--badge) / 2)}.hero.me{top:calc(calc(75 * var(--vh)) - var(--badge) / 2);z-index:15}.hero-core{width:var(--badge);height:var(--badge);pointer-events:auto;cursor:default;border-radius:50%;transition:transform .2s,filter .2s;position:relative}.hero-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-ring path{fill:none;stroke:#1e293b;stroke-width:7px;stroke-linecap:round}.hero-ring path.on{stroke:#22c55e;filter:drop-shadow(0 0 3px #22c55e)}.hero.danger .hero-ring path.on{stroke:#ef4444;filter:drop-shadow(0 0 3px #ef4444)}.hero-avatar{border:3px solid #e5c07b;border-radius:50%;place-items:center;display:grid;position:absolute;inset:11%;overflow:hidden;box-shadow:0 6px 16px #000c,inset 0 -10px 18px #0009,inset 0 6px 10px #fff3}.hero.opp .hero-avatar{background:radial-gradient(circle at 35% 30%,#f87171,#7f1d1d 70%)}.hero.me .hero-avatar{background:radial-gradient(circle at 35% 30%,#4ade80,#14532d 70%)}.hero-initials{font-family:Teko,Impact,sans-serif;font-size:calc(var(--badge) * .17);letter-spacing:.08em;color:#ffffffb0;position:absolute;top:12%}.hero-goal{font-family:Teko,Impact,sans-serif;font-size:calc(var(--badge) * .48);margin-top:calc(var(--badge) * .03);color:#fff;text-shadow:0 2px #000;line-height:1}.hero-goal.pop{animation:.45s ease-out ledpop}.hero.danger .hero-goal{color:#fecaca}.hero.active .hero-core{filter:drop-shadow(0 0 10px #facc15)drop-shadow(0 0 22px #facc1588)}.hero.targetable .hero-core{cursor:pointer;filter:drop-shadow(0 0 12px #ef4444)drop-shadow(0 0 24px #ef4444aa);animation:.8s ease-in-out infinite aimPulse}.hero-aim{font-size:calc(var(--badge) * .28);pointer-events:none;border:2px dashed #fca5a5;border-radius:50%;place-items:center;animation:6s linear infinite spin;display:grid;position:absolute;inset:-14%}.hero-name{max-width:calc(34 * var(--vw));z-index:1;background:linear-gradient(#1e293bf0,#020617f0);border:1px solid #e5c07b88;border-radius:8px;align-items:baseline;gap:6px;margin-top:-6px;padding:2px 12px 0;display:flex;position:relative;box-shadow:0 4px 10px #0009}.hero-name b{font-family:Teko,Impact,sans-serif;font-weight:500;font-size:clamp(13px, calc(2.6 * var(--vh)), 20px);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.hero-name small{color:#94a3b8;font-size:10px;font-weight:800}.hb-side{top:calc(var(--badge) / 2);pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;transform:translateY(-50%)}.hb-side.right{left:calc(50% + var(--badge) / 2 + 10px)}.hb-side.left{right:calc(50% + var(--badge) / 2 + 10px);flex-direction:row-reverse}.hb-side .crystals{flex-direction:column;gap:3px}.hb-side .crystal-row{max-width:calc(var(--badge) * 1.2);justify-content:center}.hb-piles{gap:6px;display:flex}.hb-piles.col{flex-direction:column;gap:4px}.hb-piles span{font-weight:800;font-size:clamp(11px, calc(2.2 * var(--vh)), 14px);color:#cbd5e1;white-space:nowrap;background:#020617d9;border:1px solid #334155;border-radius:999px;padding:1px 8px}.turn-dock{z-index:12;right:calc(env(safe-area-inset-right) + 10px);background:linear-gradient(90deg,#0f172acc,#1e293bcc);border:1px solid #e5c07b55;border-radius:999px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;display:flex;position:absolute;top:43%;transform:translateY(-50%);box-shadow:0 8px 20px #000a}.dock-tool{width:clamp(28px, calc(7 * var(--vh)), 38px);height:clamp(28px, calc(7 * var(--vh)), 38px);font-size:clamp(13px, calc(3 * var(--vh)), 17px);background:radial-gradient(circle at 35% 30%,#334155,#0f172a);border:1px solid #475569;border-radius:50%;padding:0}.dock-turn{font-family:Teko,Impact,sans-serif;font-size:clamp(12px, calc(2.4 * var(--vh)), 16px);letter-spacing:.08em;color:#94a3b8;line-height:1}.turn-btn{width:clamp(70px, calc(19 * var(--vh)), 124px);height:clamp(70px, calc(19 * var(--vh)), 124px);color:#94a3b8;background:radial-gradient(circle at 35% 30%,#475569,#1e293b 60%,#0f172a);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:.9;transition:transform .1s;display:flex;position:relative;box-shadow:0 8px 18px #000b,inset 0 -6px 12px #0008}.turn-btn span{font-family:Teko,Impact,sans-serif;font-size:clamp(12px, calc(2.6 * var(--vh)), 18px);letter-spacing:.08em}.turn-btn b{font-family:Teko,Impact,sans-serif;font-size:clamp(17px, calc(4.2 * var(--vh)), 30px);letter-spacing:.04em}.turn-btn.ready{color:#3b1d00;background:radial-gradient(circle at 35% 30%,#fde047,#f59e0b 55%,#92400e);box-shadow:0 0 24px #f59e0b99,0 8px 18px #000b,inset 0 -6px 12px #0006}.turn-btn:active:not(:disabled){transform:scale(.94)}.turn-ring{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;transform:rotate(-90deg)}.turn-ring circle{fill:none;stroke-width:4px}.turn-ring .time{stroke:#e5c07b;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.turn-btn.hurry .turn-ring .time{stroke:#ef4444}.turn-secs{z-index:3;box-sizing:border-box;color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:22px;padding:2px 6px 0;font-family:Teko,Impact,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:1;display:flex;position:absolute;bottom:-6px;right:-8px;box-shadow:0 2px 4px #00000059}@keyframes aimPulse{50%{transform:scale(1.08)}}.step-hint{left:calc(env(safe-area-inset-left) + 10px);white-space:normal;max-width:calc(24 * var(--vw));text-align:center;border-radius:16px;flex-direction:column;align-items:stretch;padding:10px 12px;top:43%;transform:translateY(-50%)}.hero.me .hero-name{display:none}.turn-dock{box-shadow:none;background:0 0;border:none}.dock-turn{text-shadow:0 2px #000;color:#e2e8f0}.dock-tool{box-shadow:0 4px 10px #000a}.turn-btn{padding:0;overflow:visible;background:0 0!important}.turn-btn .ball-spin,.turn-btn .ball-shade{pointer-events:none;border-radius:50%;position:absolute;inset:0}.ball-svg{width:100%;height:100%;display:block}.turn-btn .ball-spin{filter:grayscale()brightness(.55);transition:filter .3s;animation:6s linear infinite paused ballSpin}.turn-btn .ball-shade{background:radial-gradient(circle at 32% 28%,#ffffffbf,#fff0 32%),radial-gradient(circle,#0000 55%,#0000008c 100%);box-shadow:0 10px 22px #000c}.turn-btn.ready .ball-spin{filter:none;animation-play-state:running}.turn-btn.nudge{animation:.9s ease-in-out infinite ballBounce}.turn-btn.nudge .ball-spin{animation-duration:1.6s}.ball-label{z-index:2;color:#e2e8f0;pointer-events:none;background:#020617b8;border:1px solid #ffffff40;border-radius:10px;flex-direction:column;align-items:center;padding:4px 10px 2px;line-height:.85;display:flex;position:relative}.turn-btn.ready .ball-label{color:#3b1d00;background:linear-gradient(#facc15f2,#d97706f2);border-color:#fff7c2}.ball-label small{font-family:Teko,Impact,sans-serif;font-size:clamp(11px, calc(2.4 * var(--vh)), 16px);letter-spacing:.1em}.ball-label b{font-family:Teko,Impact,sans-serif;font-size:clamp(16px, calc(3.8 * var(--vh)), 26px);letter-spacing:.04em}.turn-btn .turn-ring{z-index:3}@keyframes ballSpin{to{transform:rotate(360deg)}}@keyframes ballBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-4px)}}.turn-btn .ball-3d{pointer-events:none;border-radius:50%;position:absolute;inset:0}.turn-btn .ball-shade{background:0 0}.turn-btn.nudge .ball-3d{animation:none}.hero.framed{transform:translate(-50%, calc(var(--badge) / -2))}.hero.framed.me .hero-name,.hero.framed.opp .hero-name{display:none}.hero-name.opp-name{z-index:14;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 10px);pointer-events:none;margin:0;position:absolute}.hero.framed .hb-side.left{right:calc(50% + var(--badge) / 2 + 6px)}.energy-slot,.deck-slot,.ball-slot,.turn-plate{z-index:12;position:absolute;transform:translate(-50%,-50%)}.energy-slot .crystals{flex-direction:column;gap:4px}.energy-slot .crystal-row{justify-content:center}.deck-slot{color:#e2e8f0;text-shadow:0 2px #000;pointer-events:none;flex-direction:column;align-items:center;font-family:Teko,Impact,sans-serif;line-height:1;display:flex}.deck-slot b{font-size:clamp(18px, calc(4.2 * var(--vh)), 30px);font-weight:500}.deck-slot small{font-size:clamp(13px, calc(2.8 * var(--vh)), 20px);color:#94a3b8}.ball-slot .turn-btn{margin:0}.turn-plate{font-family:Teko,Impact,sans-serif;font-size:clamp(11px, calc(2.4 * var(--vh)), 16px);letter-spacing:.08em;color:#fde68a;text-shadow:0 1px #000;white-space:nowrap;pointer-events:none}.menu-tool{z-index:14;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);position:absolute}.hand-l{transform:translateX(-50%) scale(var(--hand-scale,1));transform-origin:50% 100%}.turn-btn.nudge,.turn-btn.nudge .ball-3d{animation:none}.turn-btn .turn-ring{width:118%;height:118%;inset:-9%}.turn-ring circle{stroke-width:5px}.turn-ring .track{stroke:#020617cc}.turn-ring .time{transition:stroke-dashoffset .5s linear,stroke .5s linear}.turn-btn.ready .ball-shade{box-shadow:0 8px 18px #000c}.energy-slot .crystals{display:block}.energy-slot .crystal-main{width:var(--gem);height:var(--gem);clip-path:none;box-shadow:none;filter:drop-shadow(0 0 10px #3b82f6aa);background:url(/assets/ui/energy_orb.webp) 50%/contain no-repeat}.energy-slot .crystal-main b{font-size:calc(var(--gem) * .5);margin-top:calc(var(--gem) * .04)}.energy-slot .crystal-main{grid-auto-flow:column;place-content:center;align-items:baseline}.energy-slot .crystal-main small{font-family:Teko,Impact,sans-serif;font-size:calc(var(--gem) * .24);color:#dbeafe;text-shadow:0 1px #000;margin-left:1px;font-weight:600;position:static}.energy-slot .crystal-row{display:none}.deck-pile{z-index:12;pointer-events:auto;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.deck-pile .cardx{border-radius:8%;translate:-3px -3px;box-shadow:2px 2px #0b1220,3px 3px #e5c07b88,5px 5px #0b1220,6px 6px #e5c07b66,0 8px 16px #000c}.deck-count{color:#f8fafc;white-space:nowrap;pointer-events:none;background:#020617d9;border:1px solid #e5c07b99;border-radius:999px;align-items:center;gap:5px;padding:1px 8px 0;font-family:Teko,Impact,sans-serif;line-height:1.1;display:flex;position:absolute;bottom:6%}.deck-count b{font-size:clamp(15px, calc(3.4 * var(--vh)), 24px);font-weight:500}.deck-count small{font-size:clamp(11px, calc(2.4 * var(--vh)), 16px);color:#cbd5e1;align-items:center;gap:2px;display:flex}.deck-count small img{object-fit:contain;width:1.15em;height:1.15em}.deck-pile.empty .deck-count{bottom:auto}.hero.framed.opp .hb-side.right{top:auto;bottom:calc(var(--badge) * -.08);left:calc(50% + var(--badge) * .24);z-index:2;transform:none}.hero.framed.opp .hb-side .crystal-main{--gem:calc(var(--badge) * .5);width:var(--gem);height:var(--gem);clip-path:none;box-shadow:none;filter:drop-shadow(0 2px 4px #000c)drop-shadow(0 0 6px #3b82f6aa);background:url(/assets/ui/energy_orb.webp) 50%/contain no-repeat}.hero.framed.opp .hb-side .crystal-main b{font-size:calc(var(--gem) * .52);margin-top:calc(var(--gem) * .05)}.hero.framed.opp .hb-side .crystal-row{display:none}.chem-chips{z-index:13;pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;transform:translateY(-100%)}.chem-chips.chem-opp{top:calc(env(safe-area-inset-top) + 70px);left:calc(env(safe-area-inset-left) + 10px);transform:none}.chem-chip{color:#cbd5e1;white-space:nowrap;background:#020617d9;border:1px solid #64748b;border-radius:999px;align-items:center;gap:6px;padding:2px 9px 1px 4px;font-family:Teko,Impact,sans-serif;line-height:1.15;transition:border-color .3s,box-shadow .3s;display:flex}.chem-chip b{font-weight:500;font-size:clamp(13px, calc(2.8 * var(--vh)), 18px);letter-spacing:.04em}.chem-chip .chem-count{font-size:clamp(13px, calc(2.8 * var(--vh)), 18px);color:#94a3b8}.chem-chip em{font-style:normal;font-size:clamp(12px, calc(2.4 * var(--vh)), 16px);color:#fde68a}.chem-chip.on{color:#fff;border-color:#facc15;box-shadow:0 0 12px #facc1588}.chem-chip.on .chem-count{color:#fde68a}.chem-flag{border-radius:3px;width:18px;height:13px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #0008}.chem-flag i{flex:1}.chem-wrap{position:relative}.chem-chip{cursor:pointer;font:inherit}.chem-chip .chem-info{color:#94a3b8;font-size:11px}.chem-pop{z-index:40;color:#e2e8f0;white-space:normal;background:#020617f5;border:1px solid #e5c07b99;border-radius:12px;width:min(300px,70vw);padding:10px 12px;font-size:13px;line-height:1.35;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 10px 30px #000c}.chem-chips.chem-opp .chem-pop{top:calc(100% + 6px);bottom:auto}.chem-pop b{color:#fde68a;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:500;display:block}.chem-pop small{color:#94a3b8;margin-bottom:6px;display:block}.chem-pop p{opacity:.6;margin:4px 0}.chem-pop p.passed{opacity:.8}.chem-pop p.active{opacity:1;color:#fff}.chem-pop .need{background:#1e293b;border:1px solid #64748b;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:4px;font-size:12px;font-weight:800;display:inline-grid}.chem-pop p.active .need{color:#1a1203;background:#facc15;border-color:#facc15}.card-zoom{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020617b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.16s ease-out zoomIn;display:flex;position:fixed;inset:0}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}}.card-zoom-row{align-items:center;gap:14px;display:flex}.card-zoom figure{filter:drop-shadow(0 16px 30px #000c);flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.card-zoom .zoom-orig{opacity:.8;transform:scale(.92)}.card-zoom figcaption{letter-spacing:.08em;color:#cbd5e1;font-family:Teko,Impact,sans-serif;font-size:18px}.card-zoom .zoom-now figcaption{color:#fde68a}.zoom-arrow{color:#fde68a;text-shadow:0 2px #000;font-size:28px}.zoom-notes{text-align:center;color:#e2e8f0;max-width:min(560px,92vw);font-size:13px}.zoom-diff{justify-content:center;gap:16px;margin:0 0 4px;font-family:Teko,Impact,sans-serif;font-size:20px;display:flex}.zoom-diff b.up{color:#86efac}.zoom-diff b.down{color:#fca5a5}.zoom-notes .unit-status-list{margin:0;padding:0;list-style:none}.concede-confirm{text-align:center;background:#7f1d1d59;border:1px solid #f8717180;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.mm{flex-direction:column;gap:10px;display:flex}.modal.mm-modal{width:min(340px,90vw)}.mm-row{color:#f1f5f9;letter-spacing:.02em;text-align:left;cursor:pointer;background:linear-gradient(#334155e6,#1e293be6);border:1px solid #94a3b840;border-radius:14px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-family:Teko,Impact,sans-serif;font-size:24px;font-weight:600;transition:transform 80ms,background .15s;display:flex}.mm-row:active{transform:scale(.98)}.mm-row img{object-fit:contain;filter:invert();width:30px;height:30px}.mm-row.danger img{filter:none}.mm-row span{flex:1;padding-top:3px}.mm-switch{background:#475569;border-radius:999px;flex-shrink:0;width:52px;height:30px;transition:background .15s;position:relative}.mm-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.mm-row.on .mm-switch{background:#22c55e}.mm-row.on .mm-switch:after{transform:translate(22px)}.mm-row.danger{color:#fff;background:linear-gradient(#dc2626,#991b1b);border-color:#f87171;justify-content:center}.mm-row.danger span{flex:none}.mm-concede{text-align:center;color:#fee2e2;background:#7f1d1d66;border:1px solid #f8717180;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.mm-concede>div{gap:10px;display:flex}.mm-btn{cursor:pointer;border:1px solid #94a3b859;border-radius:12px;flex:1;height:46px;padding-top:3px;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600}.mm-btn.ghost{color:#e2e8f0;background:#1e293be6}.mm-btn.danger{color:#fff;background:linear-gradient(#dc2626,#991b1b);border-color:#f87171}.toss{align-items:center;gap:calc(1.4 * var(--u));padding:calc(3 * var(--u)) calc(4 * var(--u));border-radius:calc(3 * var(--u));text-align:center;background:linear-gradient(#0f172aeb,#020617eb);border:2px solid #b8862b;flex-direction:column;max-width:92vw;display:flex;box-shadow:inset 0 0 0 1px #fde68a40,0 20px 50px #0009}.toss-coin{width:calc(16 * var(--u));height:calc(16 * var(--u));margin-top:calc(-9 * var(--u));place-items:center;display:grid;position:relative}.toss-coin .coin-flip{z-index:1;object-fit:contain;width:100%;height:100%;font-size:inherit;filter:none;position:relative}.toss-halo{background:radial-gradient(circle,#facc1573,#facc1500 65%);border-radius:50%;position:absolute;inset:-30%}.toss-shadow{background:#00000073;border-radius:50%;width:60%;height:10%;position:absolute;bottom:-6%;left:20%}.toss-title{font-family:Teko,Impact,sans-serif;font-size:calc(6 * var(--u));letter-spacing:.04em;color:#fcd34d;margin:0;line-height:1}.toss-sub{color:#cbd5e1;font-size:max(13px, calc(2.4 * var(--u)));margin:0}.toss-choices{gap:calc(2.4 * var(--u));margin-top:calc(.6 * var(--u));display:flex}.toss-card{width:max(170px, calc(34 * var(--u)));align-items:center;gap:calc(.8 * var(--u));padding:calc(2 * var(--u)) calc(1.6 * var(--u)) calc(1.8 * var(--u));border-radius:calc(2.2 * var(--u));border:2px solid var(--tc-b);background:linear-gradient(180deg, var(--tc-1), var(--tc-2));box-shadow:inset 0 2px 0 #ffffff59, 0 calc(.6 * var(--u)) 0 var(--tc-3), 0 calc(1.2 * var(--u)) calc(2 * var(--u)) #00000073;color:#fff;cursor:pointer;flex-direction:column;transition:transform .1s;display:flex}.toss-card:hover{transform:translateY(-3px)}.toss-card:active{transform:translateY(2px)}.toss-card.first{--tc-1:#4ade80;--tc-2:#16a34a;--tc-3:#14532d;--tc-b:#bbf7d0}.toss-card.pick{--tc-1:#fcd34d;--tc-2:#d97706;--tc-3:#78350f;--tc-b:#fde68a;color:#2a1a03}.toss-ic{width:max(46px, calc(9 * var(--u)));height:max(46px, calc(9 * var(--u)));background:#0000002e;border:2px solid #ffffff80;border-radius:50%;place-items:center;display:grid;position:relative}.toss-ic img{object-fit:contain;width:72%;height:72%}.toss-ic i{right:calc(-1 * var(--u));top:calc(-.6 * var(--u));font-family:Teko,Impact,sans-serif;font-style:normal;font-size:calc(2.8 * var(--u));padding:calc(.4 * var(--u)) calc(.8 * var(--u)) calc(.1 * var(--u));color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;line-height:1;position:absolute}.toss-card b{font-family:Teko,Impact,sans-serif;font-size:max(20px, calc(3.8 * var(--u)));letter-spacing:.03em;padding-top:calc(.4 * var(--u));font-weight:600;line-height:1}.toss-card small{font-size:max(12px, calc(2.1 * var(--u)));opacity:.92;font-weight:600;line-height:1.25}.toss-wait{padding:calc(1 * var(--u)) calc(2.4 * var(--u));color:#e2e8f0;font-weight:700;font-size:calc(2.2 * var(--u));background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;margin:0}.toss-wait .dots:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite toss-dots;display:inline-block}@keyframes toss-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.energy-slot .crystal-main{transition:transform .15s,filter .15s}.energy-slot.drop-ready .crystal-main{animation:1.2s ease-in-out infinite gem-ready}.energy-slot.drop-over .crystal-main{filter:drop-shadow(0 0 #fff)brightness(1.25);animation:none;transform:scale(1.18)}.energy-slot.drop-blocked .crystal-main{filter:grayscale(.7)brightness(.8);animation:none}@keyframes gem-ready{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.energy-drop-label{white-space:nowrap;letter-spacing:.03em;color:#0b1f5c;pointer-events:none;background:linear-gradient(#bfdbfe,#60a5fa);border:2px solid #fff;border-radius:999px;padding:5px 12px 4px;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-30%);box-shadow:0 4px 10px #00000073}.energy-slot.drop-blocked .energy-drop-label{color:#fff;background:linear-gradient(#ef4444,#991b1b)}.energy-bonus{z-index:2;color:#2a1a03;background:linear-gradient(#fde68a,#f59e0b);border:2px solid #fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:2px 6px 0;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:600;animation:.25s pop;display:grid;position:absolute;top:-4px;right:-6px;box-shadow:0 2px 6px #00000073}.drag-ghost.charging{opacity:.85;transform:scale(.55)}.secret-row{z-index:13;pointer-events:auto;display:flex;position:absolute;transform:translate(-50%,-50%)}.secret-card{background:0 0;border:none;border-radius:8%;padding:0;animation:2.4s ease-in-out infinite secret-pulse;position:relative;box-shadow:0 0 0 2px #c084fc,0 4px 10px #0000008c}.secret-card+.secret-card{margin-left:-18%}.secret-row.mine .secret-card{cursor:pointer}.secret-row.opp .secret-card{cursor:default}.secret-mark{color:#fff;background:#7c3aed;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:15px;font-weight:600;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}@keyframes secret-pulse{0%,to{box-shadow:0 0 0 2px #c084fc,0 4px 10px #0000008c}50%{box-shadow:0 0 0 3px #e9d5ff,0 4px 10px #0000008c}}.tut-coach{z-index:40;left:calc(env(safe-area-inset-left) + 10px);color:#e2e8f0;background:linear-gradient(#0f172af2,#020617f2);border:2px solid #b8862b;border-radius:16px;flex-direction:column;gap:8px;width:min(250px,30vw);padding:12px 14px;animation:.25s pop;display:flex;position:absolute;top:22%;box-shadow:0 10px 30px #00000080}.tut-coach.done{border-color:#22c55e}.tut-head{align-items:center;gap:8px;display:flex}.tut-head b{color:#fcd34d;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600;line-height:1}.tut-coach.done .tut-head b{color:#86efac}.tut-step{background:#ffffff1f;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.tut-coach p{margin:0;font-size:13px;line-height:1.35}.tut-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-actions .gbtn{padding:6px 16px;font-size:18px}.tut-skip{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px;text-decoration:underline}.tut-glow{outline-offset:2px;border-radius:12px;animation:1s ease-in-out infinite tut-blink;outline:3px solid #fcd34d!important}@keyframes tut-blink{0%,to{outline-color:#fcd34d}50%{outline-color:#fcd34d40}}.tut-arrows{z-index:39;pointer-events:none;position:absolute;inset:0}.tut-drag{position:absolute;top:0;left:0;overflow:visible}.tut-drag-line{fill:none;stroke:#fcd34d;stroke-width:4px;stroke-dasharray:10 8;stroke-linecap:round;opacity:.9;animation:.8s linear infinite tut-dash}@keyframes tut-dash{to{stroke-dashoffset:-18px}}.tut-finger{background:radial-gradient(circle,#fff 0 30%,#fcd34d 31% 60%,#fcd34d00 62%);border:3px solid #fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;animation:1.8s ease-in-out infinite tut-slide;position:absolute;top:0;left:0;box-shadow:0 2px 8px #00000080}@keyframes tut-slide{0%{transform:translate(var(--fx), var(--fy)) scale(1.2);opacity:0}12%{opacity:1;transform:translate(var(--fx), var(--fy)) scale(.9)}75%{transform:translate(var(--tx), var(--ty)) scale(.9);opacity:1}to{transform:translate(var(--tx), var(--ty)) scale(1.3);opacity:0}}.tut-arrow{width:0;height:0;position:absolute}.tut-arrow:before{content:"";clip-path:polygon(30% 0,70% 0,70% 55%,100% 55%,50% 100%,0 55%,30% 55%);filter:drop-shadow(0 2px #92400e)drop-shadow(0 4px 6px #00000080);background:linear-gradient(#fde68a,#f59e0b);width:36px;height:44px;animation:.9s ease-in-out infinite tut-bounce;position:absolute;bottom:6px;left:-18px}@keyframes tut-bounce{0%,to{transform:translateY(-8px)}50%{transform:translateY(0)}}.energy-slot .crystal-main,.hero.framed.opp .hb-side .crystal-main{background:0 0;overflow:visible}.crystal-main>span{pointer-events:none;position:absolute;inset:0}.crystal-main>b,.crystal-main>small{z-index:3;position:relative}.gem-base,.gem-fill{background:url(/assets/ui/energy_orb.webp) 50%/contain no-repeat}.gem-base{filter:grayscale(.85)brightness(.38)contrast(1.2)}.gem-fill{clip-path:inset(calc((1 - var(--fill,1)) * 100%) 0 0 0);transition:clip-path .55s cubic-bezier(.3,1.4,.5,1);animation:2.4s ease-in-out infinite gem-breathe}.gem-glow{opacity:calc(.35 + var(--fill,1) * .65);background:radial-gradient(circle,#60a5facc 0%,#2563eb55 40%,#0000 70%);border-radius:50%;transition:opacity .5s;animation:2.4s ease-in-out infinite gem-glow;inset:-18%!important}.crystal-main.full .crystal-main.drained .gem-glow{opacity:0;animation:none}.crystal-main.drained .gem-base{animation:3s ease-in-out infinite gem-dim}.crystal-main.drained>b{color:#94a3b8}.gem-fx{z-index:4;border-radius:50%}.gem-fx.spend{border:3px solid #93c5fd;animation:.6s ease-out forwards gem-ring;box-shadow:0 0 18px #60a5fa,inset 0 0 18px #60a5fa;inset:-10%!important}.gem-fx.spend:before,.gem-fx.spend:after{content:"";background:#e0f2fe;border-radius:50%;width:7px;height:7px;margin:-3.5px;animation:.6s ease-out forwards gem-spark-a;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #60a5fa,-6px 2px 0 -1px #bfdbfe,5px -4px 0 -2px #93c5fd}.gem-fx.spend:after{animation-name:gem-spark-b}.crystal-main:has(.gem-fx.spend) .gem-fill{animation:.45s ease-out gem-kick}.gem-fx.gain{background:radial-gradient(circle,#0000 30%,#93c5fd88 45%,#0000 65%);animation:.7s ease-in forwards gem-charge;inset:-40%!important}.crystal-main:has(.gem-fx.gain) .gem-fill{animation:.45s ease-out .2s gem-pop}@keyframes gem-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes gem-glow{0%,to{transform:scale(.92)}50%{transform:scale(1.06)}}@keyframes gem-dim{0%,to{filter:grayscale(.85)brightness(.36)contrast(1.2)}50%{filter:grayscale(.7)brightness(.48)contrast(1.2)}}@keyframes gem-ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes gem-spark-a{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-38px,-30px)scale(.3)}}@keyframes gem-spark-b{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(34px,-36px)scale(.3)}}@keyframes gem-kick{0%{filter:brightness(2.2);transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}@keyframes gem-charge{0%{opacity:0;transform:scale(1.4)}60%{opacity:1}to{opacity:0;transform:scale(.5)}}@keyframes gem-pop{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.8);transform:scale(1.14)}to{filter:brightness();transform:scale(1)}}.gem-aura{z-index:1;opacity:calc(.25 + var(--fill,1) * .75);transition:opacity .6s}.crystal-main.drained .gem-aura{opacity:0}.gem-aura i{pointer-events:none;position:absolute;top:50%;left:50%}.gem-aura .smoke{filter:blur(6px);mix-blend-mode:screen;opacity:0;background:radial-gradient(at 50% 60%,#bfdbfecc 0%,#60a5fa88 35%,#2563eb33 55%,#0000 72%);border-radius:50% 50% 45% 45%;width:62%;height:70%;margin:-45% 0 0 -31%;animation:3.2s ease-out infinite gem-smoke}.gem-aura .smoke.s1{--dx:-26%;animation-duration:3.6s;animation-delay:.8s}.gem-aura .smoke.s2{--dx:22%;animation-delay:1.6s}.gem-aura .smoke.s3{--dx:-8%;animation-duration:3.8s;animation-delay:2.4s}.gem-aura .spark{opacity:0;background:#e0f2fe;border-radius:50%;width:4px;height:4px;margin:-2px;animation:2.6s ease-out infinite gem-float;box-shadow:0 0 4px #60a5fa,0 0 8px #3b82f6}.gem-aura .spark.k0{--sx:-.3;--ex:-.55}.gem-aura .spark.k1{--sx:.25;--ex:.45;animation-duration:2.2s;animation-delay:.5s}.gem-aura .spark.k2{--sx:-.1;--ex:-.2;animation-duration:3s;animation-delay:1.1s}.gem-aura .spark.k3{--sx:.35;--ex:.2;animation-delay:1.7s}.gem-aura .spark.k4{--sx:.05;--ex:.3;width:3px;height:3px;animation-duration:2.4s;animation-delay:2.1s}.crystals.small .gem-aura .spark{width:3px;height:3px}@keyframes gem-smoke{0%{opacity:0;transform:translateY(10%)scale(.6)}25%{opacity:1}to{transform:translate(var(--dx,12%), -150%) scale(1.7, 2);opacity:0}}@keyframes gem-float{0%{transform:translate(calc(var(--sx,0) * var(--gem,60px)), calc(var(--gem,60px) * .1));opacity:0}20%{opacity:1}to{transform:translate(calc(var(--ex,0) * var(--gem,60px)), calc(var(--gem,60px) * -.85));opacity:0}}.gem-defs{pointer-events:none;width:0;height:0;position:absolute}.gem-inner{clip-path:circle(44%);position:absolute;inset:0}.gem-inner i{position:absolute;inset:0}.gem-flow{background:url(/assets/ui/energy_orb.webp) 50%/contain no-repeat}.gem-swirl{background:conic-gradient(from 0deg, transparent 0 8%, #7dd3fc55 14%, transparent 22% 48%, #a5f3fc4d 56%, transparent 64% 80%, #60a5fa44 86%, transparent 92%);mix-blend-mode:screen;filter:blur(2px);animation:9s linear infinite gem-swirl;inset:-25%!important}.gem-core{mix-blend-mode:screen;background:radial-gradient(circle,#e0f2fecc 0%,#7dd3fc66 14%,#0000 38%);animation:2.4s ease-in-out infinite gem-core}@keyframes gem-swirl{to{transform:rotate(360deg)}}@keyframes gem-core{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.gem-flow{filter:none!important}.gem-swirl,.gem-core,.gem-aura,.gem-fill,.gem-glow,.crystal-main.drained .gem-base{animation:none}}.hero-ring path{transition:stroke .4s,filter .4s}.hero.opp .hero-avatar,.hero.me .hero-avatar{isolation:isolate}.hero.me .hero-avatar{--liq-a:#4ade80;--liq-b:#15803d;--liq-c:#052e16;background:radial-gradient(circle at 50% 35%,#0f2a1a,#03120a 75%)}.hero.opp .hero-avatar{--liq-a:#f87171;--liq-b:#b91c1c;--liq-c:#450a0a;background:radial-gradient(circle at 50% 35%,#2a0d0d,#120404 75%)}.hb-liquid{bottom:0;left:0;right:0;top:calc((1 - var(--fill,1)) * 100%);background:linear-gradient(180deg, var(--liq-b), var(--liq-c));z-index:0;transition:top .8s cubic-bezier(.3,1.3,.5,1);position:absolute}.hb-liquid:before,.hb-liquid:after{content:"";width:calc(var(--badge) * 1.8);height:calc(var(--badge) * 1.8);margin-left:calc(var(--badge) * -.9);left:50%;top:calc(var(--badge) * -.07);background:var(--liq-b);border-radius:42%;animation:6s linear infinite hb-wave;position:absolute}.hb-liquid:after{top:calc(var(--badge) * -.1);background:linear-gradient(180deg, var(--liq-a), transparent 12%);opacity:.55;border-radius:45%;animation-duration:9s;animation-direction:reverse}.hb-liquid i{z-index:1;width:calc(var(--badge) * .05);height:calc(var(--badge) * .05);opacity:0;background:#fff2;border:1px solid #fff9;border-radius:50%;animation:3.4s ease-in infinite hb-bubble;position:absolute;bottom:0}.hb-liquid .bubble-a{left:30%}.hb-liquid .bubble-b{animation-duration:2.8s;animation-delay:1.2s;left:58%}.hb-liquid .bubble-c{width:calc(var(--badge) * .035);height:calc(var(--badge) * .035);animation-duration:3.9s;animation-delay:2.3s;left:44%}.hb-gloss{z-index:2;pointer-events:none;background:linear-gradient(#ffffff40,#fff0);border-radius:50%;height:26%;position:absolute;top:5%;left:20%;right:20%}.hero-avatar .hero-goal{z-index:3;position:relative}.hero-core.hit .hero-avatar{animation:.45s ease-out hb-shake}.hero-core.heal .hero-avatar{animation:.7s ease-out hb-heal}.hb-fx{z-index:4;pointer-events:none;border-radius:50%;animation:.9s ease-out forwards hb-flash;position:absolute;inset:11%}.hb-fx.hit{background:radial-gradient(circle,#fecaca00 30%,#ef4444cc 80%)}.hb-fx.heal{background:radial-gradient(circle,#bbf7d000 30%,#22c55ecc 80%)}.hb-fx b{font-family:Teko,Impact,sans-serif;font-size:calc(var(--badge) * .34);white-space:nowrap;text-shadow:0 2px #000,0 0 10px;font-weight:600;line-height:1;animation:.9s ease-out forwards hb-float;position:absolute;top:-10%;left:50%}.hb-fx.hit b{color:#fca5a5}.hb-fx.heal b{color:#86efac}.hero.danger .hero-avatar{animation:1.1s ease-in-out infinite hb-beat}.hero.danger .hero-core.hit .hero-avatar{animation:.45s ease-out hb-shake}.hero.danger .hero-ring path.on{animation:1.1s ease-in-out infinite hb-throb}@keyframes hb-wave{to{transform:rotate(360deg)}}@keyframes hb-bubble{0%{opacity:0;bottom:0;transform:translate(0)}15%{opacity:1}50%{transform:translate(3px)}85%{opacity:.8}to{opacity:0;bottom:88%;transform:translate(-2px)}}@keyframes hb-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px,2px)rotate(-3deg)}30%{transform:translate(5px,-2px)rotate(3deg)}45%{transform:translate(-4px,1px)rotate(-2deg)}60%{transform:translate(3px)rotate(1deg)}80%{transform:translate(-1px)}}@keyframes hb-heal{0%,to{filter:none;transform:scale(1)}40%{filter:brightness(1.4)drop-shadow(0 0 10px #22c55e);transform:scale(1.08)}}@keyframes hb-flash{0%{opacity:1}to{opacity:0}}@keyframes hb-float{0%{opacity:0;transform:translate(-50%,20%)scale(.6)}20%{opacity:1;transform:translate(-50%,-20%)scale(1.15)}to{opacity:0;transform:translate(-50%,-110%)scale(1)}}@keyframes hb-beat{0%,40%,to{transform:scale(1)}12%{transform:scale(1.06)}24%{transform:scale(.98)}32%{transform:scale(1.04)}}@keyframes hb-throb{0%,to{filter:drop-shadow(0 0 3px #ef4444)}15%{filter:drop-shadow(0 0 9px #ef4444)brightness(1.4)}}@media (prefers-reduced-motion:reduce){.hb-liquid:before,.hb-liquid:after,.hb-liquid i,.hero.danger .hero-avatar,.hero.danger .hero-ring path.on{animation:none}}.chem-chip{background:#020617b3;border:1px solid #94a3b873;gap:5px;padding:3px 7px 3px 4px}.chem-chip .flag-icon{border-radius:3px!important}.chem-pips{gap:3px;display:flex}.chem-pips i{background:#94a3b866;border-radius:50%;width:6px;height:6px}.chem-pips i.on{background:#e2e8f0}.chem-chip.on{box-shadow:none;border-color:#facc15}.chem-chip.on .chem-pips i.on{background:#facc15}.chem-chip em{color:#fde68a;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:14px;line-height:1}.gem-base{filter:none;background:url(/assets/ui/energy_orb_empty.webp) 50%/contain no-repeat}.gem-fill{background:url(/assets/ui/energy_orb.webp) 50%/contain no-repeat}.crystal-main.drained .gem-base{filter:none;animation:none}.gem-glow{background:radial-gradient(circle,#3b82f655 0%,#1d4ed833 45%,#0000 70%)}.energy-slot .crystal-main{width:calc(var(--gem) * 1.17);height:calc(var(--gem) * 1.17);filter:none}.energy-slot .crystal-main b,.energy-slot .crystal-main small{color:#fff;text-shadow:0 2px #020617,0 -1px #020617,2px 0 #020617,-2px 0 #020617}.energy-slot .crystal-main small{color:#bfdbfe}.modal.played-modal{width:min(560px,94vw)}.played-empty{color:#94a3b8;margin:4px 0}.played-list{max-height:calc(70 * var(--vh));flex-direction:column;gap:10px;display:flex;overflow-y:auto}.played-turn{align-items:center;gap:10px;display:flex}.played-no{color:#fcd34d;flex-shrink:0;width:54px;font-family:Teko,Impact,sans-serif;font-size:18px}.played-cards{flex-wrap:wrap;gap:6px;display:flex}.played-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:relative}.played-card.secret{cursor:default}.played-card small{color:#c4b5fd;font-size:10px;font-weight:700}.turn-hatch{z-index:2;pointer-events:none;perspective:260px;position:absolute;inset:2%}.turn-hatch .half{background:var(--hatch-img,url(/assets/ui/turn_hatch.webp)) center / 100% 100% no-repeat;filter:drop-shadow(0 3px 4px #00000080);transition:transform .55s cubic-bezier(.5,0,.2,1.2),opacity .55s;position:absolute;inset:0}.turn-hatch .half.left{clip-path:inset(0 50% 0 0);transform-origin:0%}.turn-hatch .half.right{clip-path:inset(0 0 0 50%);transform-origin:100%}.turn-btn.ready .turn-hatch .half.left{opacity:0;transform:rotateY(-100deg)}.turn-btn.ready .turn-hatch .half.right{opacity:0;transform:rotateY(100deg)}.turn-btn .ball-label{transition:opacity .3s .25s}.turn-btn:not(.ready) .ball-label{opacity:0;transition-delay:0s}.tut-nav{color:#e2e8f0;letter-spacing:.04em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:10px;padding:5px 12px 3px;font-family:Teko,Impact,sans-serif;font-size:16px}.tut-nav.next,.tut-actions .gbtn:last-child{margin-left:auto}.arena-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.af-stands{mix-blend-mode:screen;position:absolute;top:0;left:0;overflow:hidden}.af-beam{background:linear-gradient(180deg, color-mix(in srgb, var(--fx) 70%, white) 0%, color-mix(in srgb, var(--fx) 25%, transparent) 55%, transparent 100%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(4px);opacity:.55;transform-origin:50% 0;width:22%;height:95%;position:absolute;top:-20%}.af-beam.l{animation:7s ease-in-out infinite afBeamL;left:4%}.af-beam.r{animation:7s ease-in-out infinite afBeamR;right:4%}@keyframes afBeamL{0%,to{transform:rotate(-38deg)}50%{transform:rotate(-14deg)}}@keyframes afBeamR{0%,to{transform:rotate(38deg)}50%{transform:rotate(14deg)}}.af-stands i{background:radial-gradient(circle, #fff 0%, var(--fx) 45%, transparent 72%);opacity:0;border-radius:50%;width:11px;height:11px;animation:3.2s ease-in-out infinite afTwinkle;position:absolute}.af-stands i:first-of-type{animation-delay:0s;top:8%;left:9%}.af-stands i:nth-of-type(2){animation-delay:1.1s;top:4%;left:22%}.af-stands i:nth-of-type(3){animation-delay:2.2s;top:6%;left:36%}.af-stands i:nth-of-type(4){animation-delay:.6s;top:3%;left:50%}.af-stands i:nth-of-type(5){animation-delay:1.7s;top:6%;left:64%}.af-stands i:nth-of-type(6){animation-delay:2.7s;top:4%;left:78%}.af-stands i:nth-of-type(7){animation-delay:.3s;top:8%;left:91%}.af-stands i:nth-of-type(8){animation-delay:1.4s;top:40%;left:4%}.af-stands i:nth-of-type(9){animation-delay:2.4s;top:42%;left:95%}.af-stands i:nth-of-type(10){animation-delay:3s;top:14%;left:50%}@keyframes afTwinkle{0%,to{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.arena-fx{display:none}}.profile-badge{z-index:14;left:calc(env(safe-area-inset-left) + 10px);pointer-events:none;position:absolute}.profile-badge.opp{top:calc(env(safe-area-inset-top) + 8px)}.arena-premium .turn-btn:not(.ready) .turn-hatch{filter:drop-shadow(0 0 6px var(--arena-fx,#ffd75e));border-radius:50%;animation:2.4s ease-in-out infinite hatchGlow}.arena-premium .turn-hatch:after{content:"";z-index:1;mix-blend-mode:overlay;opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffffbf 50%,#0000 62%) 0 0/300% 100% no-repeat;border-radius:50%;position:absolute;inset:0}.arena-premium .turn-btn:not(.ready) .turn-hatch:after{opacity:1;animation:3.2s ease-in-out infinite hatchSheen}@keyframes hatchSheen{0%,35%{background-position:100% 0}to{background-position:0 0}}@keyframes hatchGlow{50%{filter:drop-shadow(0 0 12px var(--arena-fx,#ffd75e))}}@media (prefers-reduced-motion:reduce){.arena-premium .turn-btn:not(.ready) .turn-hatch,.arena-premium .turn-btn:not(.ready) .turn-hatch:after{animation:none}}.conn-banner{z-index:40;top:calc(env(safe-area-inset-top) + 10px);color:#fff;white-space:nowrap;pointer-events:none;background:#7f1d1deb;border:1px solid #fecaca80;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0006}.conn-dot{background:#fca5a5;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite connBlink}@keyframes connBlink{50%{opacity:.25}}.tut-showcase{z-index:38;pointer-events:none;animation:.3s pop;position:absolute;inset:0}.tut-showcase-card{filter:drop-shadow(0 14px 28px #0009);position:absolute}.tut-showcase-arrows{position:absolute;top:0;left:0;overflow:visible}.tut-showcase-arrows line{stroke:#fcd34d;stroke-width:3px;stroke-linecap:round;stroke-dasharray:7 6;animation:.8s linear infinite tutDash}@keyframes tutDash{to{stroke-dashoffset:-13px}}.tut-callout{color:#e2e8f0;background:#020617e6;border:1.5px solid #b8862b;border-radius:10px;flex-direction:column;gap:1px;padding:6px 9px;font-size:11px;line-height:1.25;display:flex;position:absolute;transform:translateY(-50%)}.tut-callout.left{text-align:right}.tut-callout b{letter-spacing:.04em;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:19px;font-weight:600;line-height:1}.tut-callout.cost b{color:#7dd3fc}.tut-callout.atk b{color:#fdba74}.tut-callout.def b{color:#93c5fd}.tut-callout.ability b{color:#fde68a}.tut-callout{opacity:.6;transition:opacity .2s;animation:.25s pop}.tut-callout.current{opacity:1;border-color:#fcd34d}.tut-showcase-arrows line{opacity:.45}.tut-showcase-arrows line.current{opacity:1}.played-turn.grave{border-bottom:1px solid #ffffff1f;align-items:flex-start;padding-bottom:10px}.played-turn.grave .played-no{text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:13px;line-height:1;display:flex}.played-turn.grave .played-no img{object-fit:contain;width:26px;height:26px}.played-turn.grave:last-child{border-bottom:none;padding-bottom:0}.tut-nav.restart{padding:3px 10px;font-family:system-ui,sans-serif;font-size:17px;font-weight:700;line-height:1.3}:root{--ink:#1d2433;--ink-soft:#4b5565;--glass:linear-gradient(180deg, #faf9f5ed, #eceae4e6);--glass-line:#ffffffd9}.bottomnav{padding-top:calc(env(safe-area-inset-top) + var(--top-h) * .9);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid #00000014;justify-content:flex-start;gap:0;box-shadow:4px 0 18px #0000002e}.bottomnav button{height:auto;min-height:0;max-height:76px;color:var(--ink);letter-spacing:0;border-bottom:1px solid #0000000f;flex:1 1 0;gap:2px;font-family:Barlow Semi Condensed,system-ui,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.bottomnav button:last-child{border-bottom:none}.bottomnav button.active{color:#b7791f;background:linear-gradient(90deg,#fff4cc,#fbe7a6 60%,#fbe7a666)}.bottomnav button.active:before{width:5px;box-shadow:none;background:linear-gradient(#fcd34d,#d97706);border-radius:0;top:0;bottom:0}.bottomnav button.active .nav-icon{transform:none}.nav-icon{flex:none;place-items:center;width:30px;height:26px;max-height:45%;display:grid}.nav-icon img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000040);width:100%;height:100%;position:absolute;inset:0}.bottomnav button.active .nav-icon img{filter:sepia()saturate(4)hue-rotate(-12deg)brightness(.85)drop-shadow(0 1px 1px #00000040)}.tb-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-4px;box-shadow:0 0 0 2px #fff}.topbar{color:var(--ink);background:linear-gradient(#faf9f5e6,#f0eee8b8);border-bottom:1px solid #ffffffb3;gap:14px;padding-left:14px;font-family:Barlow Semi Condensed,system-ui,sans-serif;box-shadow:0 4px 16px #00000026}.topbar button{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.tb-profile{gap:8px;height:70%;border-right:1px solid #0000001f!important;padding-right:14px!important}.tb-level{width:calc(var(--top-h) * .72);height:calc(var(--top-h) * .72);flex:none;place-items:center;display:grid;position:relative}.tb-level img{width:100%;height:100%;position:absolute;inset:0}.tb-level b{font-family:Teko,Impact,sans-serif;font-size:calc(var(--top-h) * .4);color:#fde68a;padding-top:3px;line-height:1;position:relative}.tb-avatar{flex:none;display:flex}.tb-avatar .avatar{--av:calc(var(--top-h) * .78)!important}.tb-name{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.tb-name b{white-space:nowrap;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.tb-name small{color:var(--ink-soft);font-size:13px}.tb-name .dot.online{background:#22c55e}.tb-rank{gap:8px;min-width:0}.tb-rank-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.tb-rank-text b{letter-spacing:.03em;color:color-mix(in srgb, var(--lc) 70%, #3b2a12);align-items:center;gap:6px;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600;line-height:1;display:flex}.tb-info{border:1.5px solid var(--ink-soft);width:15px;height:15px;color:var(--ink-soft);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:12px;font-style:normal;display:grid}.tb-lp{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.tb-lp small{color:var(--ink-soft);font-size:12px}.tb-bar,.hv-bar{background:#00000024;border-radius:9px;width:90px;height:7px;display:block;overflow:hidden}.tb-bar>span,.hv-bar>span{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fcd34d);height:100%;display:block}.tb-spacer{flex:1}.tb-cur{border-radius:999px;gap:6px;height:66%;box-shadow:inset 0 0 0 1px #0000000f;background:#fff9!important;padding:0 12px 0 6px!important}.tb-cur img{filter:drop-shadow(0 2px 2px #00000040);height:78%}.tb-cur b{font-size:19px;font-weight:600}.tb-cur i{color:var(--ink-soft);margin-left:4px;font-size:20px;font-style:normal;font-weight:300}.tb-icon{height:46%;position:relative}.tb-icon img{height:100%}.tb-icon.mail img{height:78%}.app.home-app{background:url(/assets/home/bg_home.webp) 50%/cover no-repeat,#1a3a1a}.home-app .content{max-width:none;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);padding-right:calc(12px + env(safe-area-inset-right))}.hv{height:calc(100 * var(--vh) - var(--top-h) - env(safe-area-inset-top) - 30px);gap:16px;font-family:Barlow Semi Condensed,system-ui,sans-serif;display:flex}.hv button{cursor:pointer;font-family:inherit}.hv-chev{opacity:.85;font-family:system-ui,sans-serif;font-size:1.4em;font-weight:400;line-height:.6}.hv-center{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:relative}.hv-stage{width:calc(var(--P) * 1.522);height:var(--P);margin-top:calc(var(--P) * .3);flex:none;position:relative}.hv-podium{filter:drop-shadow(0 14px 18px #00000073);width:100%;height:100%;position:absolute;inset:0}.hv-cards{left:0;right:0;bottom:calc(var(--P) * .34);cursor:pointer;justify-content:center;align-items:flex-end;display:flex;position:absolute}.hv-card{filter:drop-shadow(0 10px 14px #0000008c);transition:transform .25s}.hv-card.c0{transform-origin:100% 100%;transform:translate(22%)rotate(-8deg)}.hv-card.c1{z-index:2;transform:translateY(3%)}.hv-card.c2{transform-origin:0 100%;transform:translate(-22%)rotate(8deg)}.hv-cards:hover .hv-card.c1{transform:translateY(-2%)scale(1.03)}.hv-deck{z-index:3;color:#fff;background:0 0;border:none;align-items:center;gap:6px;height:9.5%;padding:0 8px;display:flex;position:absolute;top:71.5%;left:13%;right:13%}.hv-deck b{text-align:left;min-width:0;font-size:calc(var(--P) * .062);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000c;flex:1;font-weight:600;overflow:hidden}.hv-deck-n{font-size:calc(var(--P) * .05);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ffffff4d;max-width:45%;padding-left:8px;font-weight:600;overflow:hidden}.hv-deck.bad .hv-deck-n{color:#fca5a5}.hv-play{z-index:4;width:calc(var(--P) * 1.2);max-width:100%;height:calc(var(--P) * .24);margin-top:calc(var(--P) * -.12);color:#2a1a03;filter:drop-shadow(0 6px 10px #00000073);background:url(/assets/home/btn_play.webp) 50%/100% 100% no-repeat;border:none;flex:none;justify-content:center;align-items:center;gap:4%;transition:transform 80ms;display:flex;position:relative}.hv-play:active{transform:translateY(3px)scale(.99)}.hv-play img{height:calc(var(--P) * .155);filter:drop-shadow(0 2px 2px #00000059)}.hv-play-text{font-family:Teko,Impact,sans-serif;font-weight:700;font-size:calc(var(--P) * .17);letter-spacing:.02em;padding-top:.12em;line-height:1}.hv-play.searching{gap:3%}.hv-play-text.small{font-size:calc(var(--P) * .068);white-space:nowrap}.hv-play-text.small>span{text-align:left;min-width:2.6em;display:inline-block}.hv-cancel{width:calc(var(--P) * .075);height:calc(var(--P) * .075);font-family:system-ui,sans-serif;font-size:calc(var(--P) * .04);color:#fde68a;background:#9b1c1c;border-radius:50%;flex:none;place-items:center;margin-left:1%;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px 2px #00000073,0 1px #ffffff59}.hv-play .hv-chev{font-size:calc(var(--P) * .13);position:absolute;right:8%}.hv-play .spinner{width:calc(var(--P) * .07);height:calc(var(--P) * .07);border-color:#2a1a03 #2a1a0340 #2a1a0340;flex:none}.hv-modes{margin-top:calc(var(--P) * .05);width:min(100%, calc(var(--P) * 2.6));gap:2.2%;display:flex;container-type:inline-size}.hv-mode{aspect-ratio:3.3;text-align:left;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#26482ed1,#102816e0);border:1.5px solid #ffffff8c;border-radius:clamp(8px,2.6cqw,16px);flex:1;align-items:center;gap:1.6cqw;min-width:0;padding:0 1.2cqw 0 2.4cqw;transition:transform 80ms;display:flex;box-shadow:inset 0 1px #ffffff40,0 6px 14px #00000059}.hv-mode.on{color:var(--ink);background:linear-gradient(#f6f0d6f2,#ded4aceb);border-color:#ffffffd9}.hv-mode:active{transform:translateY(2px)}.hv-mode:disabled{opacity:.6}.hv-mode img{filter:drop-shadow(0 2px 2px #00000059);flex:none;height:52%}.hv-mode>span:nth-child(2){flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.hv-mode b{white-space:nowrap;font-size:clamp(10px,2.9cqw,26px);font-weight:700}.hv-mode small{opacity:.85;white-space:nowrap;font-size:clamp(8px,1.95cqw,17px);font-weight:600}.hv-mode .hv-chev{flex:none;font-size:clamp(13px,3.2cqw,28px)}.hv-newseason{width:calc(var(--P) * .62);aspect-ratio:2.2;border:1px solid var(--glass-line);background:var(--glass);color:var(--ink);border-radius:10px;align-items:center;gap:4px;padding:0 8px 0 0;display:flex;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 6px 16px #0000004d}.hv-newseason img{object-fit:cover;object-position:center top;width:55%;height:100%}.hv-newseason b{font-size:calc(var(--P) * .05);text-align:left;flex:1;font-weight:700;line-height:1.05}@media (aspect-ratio<=19/9),(height<=520px){.hv-newseason{display:none}}.hv-side{width:var(--side-w);flex-direction:column;flex:none;gap:8px;display:flex}.hv-panel{border:1px solid var(--glass-line);background:var(--glass);min-height:0;color:var(--ink);text-align:left;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:3px;padding:8px 14px;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000047}.hv-panel:active{transform:scale(.985)}.hv-panel.missions{flex-grow:1.25}.hv-panel h4{font-family:Teko,Impact,sans-serif;font-size:min(clamp(18px, 4.4vh, 34px), calc(var(--side-w) * .08));white-space:nowrap;letter-spacing:.02em;align-items:center;gap:8px;margin:0;padding-top:.12em;font-weight:600;line-height:1;display:flex;position:relative}.hv-panel p{color:var(--ink-soft);margin:0;font-size:clamp(12px,2.5vh,18px);font-weight:600;position:relative}.hv-panel .countdown{color:var(--ink-soft);font-size:clamp(12px,2.5vh,18px);font-weight:600;position:relative}.hv-promo{object-fit:contain;object-position:right bottom;pointer-events:none;max-width:40%;height:100%;position:absolute;bottom:0;right:0}.hv-panel.season .hv-promo{max-width:38%;height:115%}.hv-panel.season p,.hv-panel.shop p{max-width:62%;line-height:1.1}.hv-panel.season .hv-bar{width:58%;height:8px;margin:3px 0}.hv-bar.green>span{background:linear-gradient(90deg,#16a34a,#4ade80)}.hv-h-icon{height:.9em;margin-top:-.12em}.hv-panel.missions{justify-content:flex-start;padding-top:10px}.hv-panel.missions h4{width:100%;margin-bottom:2px}.hv-target{font-size:.8em}.hv-count{color:#d97706;margin-left:auto}.hv-mission{grid-template-columns:1fr 42% 36px;align-items:center;gap:8px;width:100%;font-size:clamp(12px,2.4vh,17px);font-weight:600;display:grid}.hv-mission>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hv-mission .hv-bar{width:100%}.hv-mission small{text-align:right;font-size:inherit}.hv-panel.special{color:#fff;background-color:#111;background-position:100%;background-size:cover;border-color:#ffffff40}.hv-panel.special p{color:#e5e7eb}.hv-panel.special .hv-chev{font-size:30px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hv-panel.special h4,.hv-panel.special p{text-shadow:0 1px #000c}@media (height<=460px){.topbar{gap:10px}.tb-name b{font-size:16px}.tb-name small,.tb-lp small{display:none}.tb-rank-text b{font-size:18px}.tb-bar{width:60px}.tb-cur b{font-size:19px}.tb-cur i{display:none}.bottomnav button{font-size:11px}.nav-icon{width:22px;height:18px}.bottomnav button{gap:0;line-height:1.1}.hv{height:calc(100 * var(--vh) - var(--top-h) - env(safe-area-inset-top) - 18px);gap:10px}.hv-side{gap:6px}.hv-panel{border-radius:10px;gap:1px;padding:4px 10px}.hv-panel.missions{padding-top:5px}.hv-mission:nth-of-type(3){display:none}}@media (width<=820px){.tb-name small,.tb-rank-text .tb-bar,.tb-rank-text .tb-info,.tb-lp small{display:none}.tb-rank-text b{font-size:17px}.tb-lp{font-size:12px}}@media (width<=560px){.tb-rank-text{display:none}}.app:not(.match-app):not(.home-app){background:linear-gradient(#fffaeb14,#0a1e0f40),url(/assets/home/bg_home.webp) 50%/cover no-repeat,#1a3a1a}.app:not(.match-app) .content{--text:var(--ink);--muted:#5d6676;--line:#141e321f;--panel:#ffffffc7;--panel2:#ebe7dc;--panel-bg:linear-gradient(180deg, #fff, #f4f2ec);--panel-border:#141e321a;--dia:#0e7490;--gold:#b45309;--accent2:#d97706;color:var(--ink)}.app:not(.match-app):not(.home-app) .content>*{min-height:calc(100 * var(--vh) - var(--top-h) - env(safe-area-inset-top) - 40px);background:linear-gradient(#faf9f5f0,#eeece6eb);border:1px solid #ffffffd9;border-radius:18px;padding:12px 16px 16px;box-shadow:0 10px 30px #0000004d}.app:not(.match-app) .content h1,.app:not(.match-app) .content h2,.app:not(.match-app) .content .page-title{color:var(--ink)}.app:not(.match-app) .content h3{color:#6b5a3a}.app:not(.match-app) .content .back-btn{border:1px solid var(--line);color:var(--ink);background:#fff;box-shadow:0 2px 4px #0000001f}.app:not(.match-app) .content :is(.home-card,.panel-g,.shop-item,.mission,.inbox-item,.menu-item,.deck-row,.club-row,.member-row,.market-row,.war-target,.donation-row,.profile-card,.season-chip,.deck-bar,.queue-box){background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--ink);box-shadow:0 2px 8px #141e3214}.app:not(.match-app) .content .league-card{background:linear-gradient(160deg, color-mix(in srgb, var(--lc) 30%, #fff), #fff);border-color:color-mix(in srgb, var(--lc) 50%, transparent)}.app:not(.match-app) .content .btn{color:var(--ink);background:linear-gradient(#fff,#e9e5da);border:1px solid #141e3229;box-shadow:0 3px #141e322e}.app:not(.match-app) .content .btn.primary,.app:not(.match-app) .content .btn.gold{color:#2a1a03;text-shadow:none;background:linear-gradient(#fde68a,#f5b301 55%,#d98e04);border-color:#b7791f;box-shadow:0 3px #8a5a0a}.app:not(.match-app) .content .btn.danger{color:#fff;background:linear-gradient(#ef4444,#b91c1c);border-color:#991b1b;box-shadow:0 3px #7f1d1d}.app:not(.match-app) .content .btn.ghost{box-shadow:none;background:0 0}.app:not(.match-app) .content .btn.gold.ghost{color:#b45309}.app:not(.match-app) .content .btn.danger.ghost{color:#b91c1c}.app:not(.match-app) .content .tabs button{border:1px solid var(--line);color:var(--ink-soft);background:#ffffffb3}.app:not(.match-app) .content .tabs button.active{color:#2a1a03;background:linear-gradient(#fde68a,#f5b301);border-color:#d99a06}.app:not(.match-app) .content .seg{background:#141e3214}.app:not(.match-app) .content .seg button.active{background:#fff;box-shadow:0 1px 3px #00000026}.app:not(.match-app) .content :is(input:not([type=checkbox],[type=range]),select,textarea){color:var(--ink);background:#fff;border:1px solid #141e322e}.app:not(.match-app) .content .progress{background:#141e321f}.app:not(.match-app) .content .warn,.app:not(.match-app) .content .down,.app:not(.match-app) .content .war-log .loss{color:#b91c1c}.app:not(.match-app) .content .ok,.app:not(.match-app) .content .up,.app:not(.match-app) .content .war-log .win{color:#15803d}.app:not(.match-app) .content .pill{color:var(--ink);background:#e5e1d6}.app:not(.match-app) .content :is(.club-badge,.chest-tier,.reward-list li){background:#141e320f}.app:not(.match-app) .content .chat-msg.me{background:#dcfce7}.app:not(.match-app) .content .pass-cell.premium{background:linear-gradient(135deg,#fde68a,#fff)}.app:not(.match-app) .content .modal{color:var(--ink);background:linear-gradient(#fbfaf6,#efede6);border:1px solid #fff;box-shadow:0 20px 50px #00000073}.app:not(.match-app) .content .modal-title .icon-btn{color:var(--ink)}.confirm-bg{z-index:90;align-items:center}.confirm-box{color:#1d2433;background:linear-gradient(#fbfaf6,#ece9e0);border:1px solid #fff;border-radius:18px;width:min(420px,100% - 32px);padding:22px 20px 16px;font-family:Barlow Semi Condensed,system-ui,sans-serif;animation:.18s slideUp;position:relative;box-shadow:0 20px 50px #00000080}.confirm-box p{white-space:pre-line;margin:0 26px 16px 0;font-size:17px;font-weight:600;line-height:1.3}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-actions .btn{min-width:110px}.confirm-actions .btn.ghost{color:#1d2433;box-shadow:none;background:0 0;border:1px solid #141e3233}.confirm-actions .btn.danger{color:#fff;background:linear-gradient(#ef4444,#b91c1c);border-color:#991b1b}.confirm-actions .btn.primary{color:#2a1a03;background:linear-gradient(#fde68a,#f5b301 55%,#d98e04);border-color:#b7791f}.confirm-x{color:#fde68a;background:#9b1c1c;border:none;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:grid;position:absolute;top:10px;right:10px;box-shadow:inset 0 1px 2px #00000073}.app:not(.match-app) .content :is(.nation-pill,.nation-detail){color:var(--ink-soft);background:#fff;border-color:#141e3226}.app:not(.match-app) .content .nation-pill b{color:var(--ink)}.app:not(.match-app) .content .nation-pill small,.app:not(.match-app) .content .nation-detail b{color:#b45309}.app:not(.match-app) .content .nation-pill.on{border-color:#f5b301;box-shadow:0 0 0 1px #f5b301}.app:not(.match-app) .content .nation-detail p{color:var(--ink-soft)}.modal-bg.reward-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:radial-gradient(at 50% 45%,#facc1547,#0000 55%),radial-gradient(#0f172adb,#020617f5);align-items:center}.reward{width:100%;max-width:none;font-family:Barlow Semi Condensed,system-ui,sans-serif}.reward h2{letter-spacing:.03em;background:linear-gradient(#fff7c2,#facc15 50%,#d97706);color:#0000;text-shadow:none;filter:drop-shadow(0 2px #451a03)drop-shadow(0 0 18px #facc1573);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Teko,Impact,sans-serif;font-size:clamp(28px,7vh,46px);font-weight:600}.reward-cards{gap:14px;margin:3vh 0 2vh}.flip{cursor:pointer}.flip-back{box-shadow:0 0 0 2px var(--rc), 0 0 18px var(--rc), 0 10px 20px #00000080;background:0 0;border:none;border-radius:8px;animation:1.5s ease-in-out infinite rewardPulse;display:block}.flip-back .cardx{display:block}.flip-front .cardx{filter:drop-shadow(0 0 14px var(--rc)) drop-shadow(0 10px 16px #00000080)}.reward-hint{color:#cbd5e1;margin:0 0 10px;font-size:14px;font-weight:600}.reward-list li{color:#fef3c7;background:#ffffff1a;border:1px solid #ffffff2e}.reward-btn{color:#2a1a03;letter-spacing:.03em;filter:drop-shadow(0 6px 10px #00000073);background:url(/assets/home/btn_play.webp) 50%/100% 100% no-repeat;border:none;min-width:220px;height:52px;padding:4px 28px 0;font-family:Teko,Impact,sans-serif;font-size:28px;font-weight:700;transition:transform 80ms}.reward-btn:active{transform:translateY(2px)scale(.98)}@keyframes rewardPulse{0%,to{box-shadow:0 0 0 2px var(--rc), 0 0 12px var(--rc), 0 10px 20px #00000080}50%{box-shadow:0 0 0 2px var(--rc), 0 0 26px var(--rc), 0 10px 20px #00000080}}.toasts{width:auto;max-width:min(calc(80 * var(--vw)), 460px);align-items:center}.toast{color:#1d2433;background:linear-gradient(#fcfbf7f7,#ece9e0f5);border:1px solid #fff;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-family:Barlow Semi Condensed,system-ui,sans-serif;font-size:15px;font-weight:600;display:flex;box-shadow:0 8px 22px #00000059}.toast.error,.toast.success{background:linear-gradient(#fcfbf7f7,#ece9e0f5);border-color:#fff}.toast-ic{color:#fff;background:linear-gradient(#60a5fa,#1d4ed8);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-family:system-ui,sans-serif;font-size:14px;font-weight:900;display:grid}.toast.success .toast-ic{background:linear-gradient(#4ade80,#15803d)}.toast.error .toast-ic{background:linear-gradient(#f87171,#b91c1c)}.cw{flex-direction:column;gap:10px;display:flex}.cw-banner{color:#fff;background:linear-gradient(120deg,#1f3a26,#0f2416);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 6px 16px #00000040}.cw-banner.live{background:linear-gradient(120deg,#7f1d1d,#3b0d0d)}.cw-banner.checkin{background:linear-gradient(120deg,#92400e,#451a03)}.cw-banner>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.cw-banner b{letter-spacing:.02em;font-family:Teko,Impact,sans-serif;font-size:26px;font-weight:600;line-height:1}.cw-banner small{opacity:.85}.cw-phase{letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.cw-live-dot{background:#f87171;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;box-shadow:0 0 8px #f87171}.cw-clock{flex-direction:column;flex:none;align-items:flex-end;display:flex}.cw-clock .countdown{color:#fde68a;font-family:Teko,Impact,sans-serif;font-size:30px;line-height:1}.cw-ready{font-size:26px!important}.cw-note{background:#fff;border:1px solid #141e321a;border-radius:10px;margin:0;padding:8px 12px;font-weight:600}.cw-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cw-head h3{margin:4px 0}.cw-squad,.cw-boards{flex-direction:column;gap:6px;display:flex}.cw-row,.cw-board{background:#fff;border:1px solid #141e321a;border-radius:10px;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.cw-row b{align-items:center;gap:6px;min-width:0;display:flex}.cw-row .dot{background:#cbd5e1}.cw-row .dot.online{background:#22c55e}.cw-row.me,.cw-board.me{border-color:#f5b301;box-shadow:0 0 0 1px #f5b301}.cw-row.sub{background:#fff9}.cw-row.empty{color:#b91c1c;background:#fee2e299}.cw-slot{color:#6b5a3a;text-transform:uppercase;font-size:12px;font-weight:700}.cw-ready-tag{color:#5d6676;background:#141e3214;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.cw-ready-tag.on{color:#15803d;background:#dcfce7}.cw-pairing{flex-direction:column;gap:8px;display:flex}.cw-score{background:linear-gradient(120deg,#fff,#f3efe3);border:1px solid #141e321a;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.cw-score>div{align-items:center;gap:8px;min-width:0;display:flex}.cw-score>div:last-child{justify-content:flex-end}.cw-score b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.cw-num{font-family:Teko,Impact,sans-serif;font-size:40px;font-weight:600;line-height:1}.cw-result{text-align:center;letter-spacing:.04em;margin:0;font-family:Teko,Impact,sans-serif;font-size:24px}.cw-result.win{color:#15803d}.cw-result.loss{color:#b91c1c}.cw-board{grid-template-columns:26px 1fr auto 1fr}.cw-board .cw-slot{text-align:center;font-family:Teko,Impact,sans-serif;font-size:20px}.cw-p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cw-p.right{text-align:right}.cw-st{color:#5d6676;white-space:nowrap;background:#141e3214;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.cw-st.play{color:#b45309;background:#fef3c7}.cw-st.win{color:#15803d;background:#dcfce7}.cw-st.loss{color:#b91c1c;background:#fee2e2}.cw-edit{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 12px;display:grid}.cw-edit .field{margin:6px 0}.app:not(.match-app) .content .cos-panel{background:#fff;border:1px solid #141e321a;border-radius:14px;padding:4px 14px;box-shadow:0 2px 8px #141e3214}.app:not(.match-app) .content .cos-row{border-bottom:1px solid #141e3214;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:0;padding:10px 0;display:grid}.app:not(.match-app) .content .cos-row:last-child{border-bottom:none}.app:not(.match-app) .content .cos-row>span{color:#6b5a3a;font-size:14px;font-weight:700}.app:not(.match-app) .content .cos-options{align-items:center;gap:8px}.app:not(.match-app) .content .cos-options button,.app:not(.match-app) .content .cos-chip{min-height:34px;color:var(--ink);text-shadow:none;background:#faf9f5;border:1.5px solid #141e3224;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-family:Barlow Semi Condensed,system-ui,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.app:not(.match-app) .content .cos-chip{background:#141e320d;border-color:#0000;min-height:28px;font-size:13px}.app:not(.match-app) .content .cos-options button.active{background:#fff8e1;border-color:#f5b301;box-shadow:0 0 0 1px #f5b301}.app:not(.match-app) .content .cos-options button.active:after{content:"✓";color:#b45309;font-weight:900}.cos-swatch{border-radius:4px;flex:none;width:18px;height:26px;box-shadow:0 0 0 1px #0003,0 1px 3px #00000040}.app:not(.match-app) .content .cos-options small.muted{font-size:13px}.app:not(.match-app) .content .pc-avatar{color:#fff;text-shadow:none;border:3px solid #f5b301;box-shadow:0 4px 10px #0003}@media (width<=600px){.app:not(.match-app) .content .cos-row{grid-template-columns:1fr;gap:6px}}.pf-stats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:10px 0 4px;display:grid}.pf-stat{background:#fff;border:1px solid #141e321a;border-radius:12px;flex-direction:column;align-items:center;padding:8px 6px;display:flex}.pf-stat b{white-space:nowrap;font-family:Teko,Impact,sans-serif;font-size:24px;font-weight:600;line-height:1.1}.pf-stat small{color:#6b5a3a;font-weight:700}.lock-toggle{color:#3b2a12;text-align:left;background:linear-gradient(#fff8e1,#fde68a);border:2px solid #d99a06;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin:4px 0 8px;padding:6px 14px 6px 6px;font-family:Barlow Semi Condensed,system-ui,sans-serif;transition:transform 80ms;display:inline-flex;box-shadow:0 3px #b7791f}.lock-toggle:active{transform:translateY(2px);box-shadow:0 1px #b7791f}.lock-toggle.open{color:#7f1d1d;background:linear-gradient(#fff1f1,#fecaca);border-color:#b91c1c;box-shadow:0 3px #991b1b}.lock-ic{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;display:grid;box-shadow:inset 0 1px 3px #00000040}.lock-toggle>span:last-child{flex-direction:column;line-height:1.15;display:flex}.lock-toggle b{font-size:15px}.lock-toggle small{opacity:.8;font-size:12px}input[type=checkbox]{appearance:none;cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;flex:none;width:38px;min-width:0;height:22px;margin:0 4px 0 0;padding:0;transition:background .15s;position:relative;box-shadow:inset 0 1px 3px #0000004d}input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}input[type=checkbox]:checked{background:linear-gradient(#fcd34d,#f59e0b)}input[type=checkbox]:checked:after{transform:translate(16px)}.check{cursor:pointer;gap:8px;font-weight:600}.odds-chips{flex-wrap:wrap;justify-content:center;gap:4px;margin:2px 0;display:flex}.odds-chips span{color:color-mix(in srgb, var(--rc) 75%, #111);background:color-mix(in srgb, var(--rc) 14%, #fff);border:1px solid color-mix(in srgb, var(--rc) 45%, transparent);border-radius:999px;align-items:baseline;gap:3px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.odds-chips span b{font-family:Teko,Impact,sans-serif;font-size:14px;font-weight:600;line-height:1}.odds-chips small{text-align:center;color:#6b5a3a;width:100%;font-size:11px;font-weight:600}.seg.trade-seg{width:100%;margin:4px 0}.seg.trade-seg button{padding:6px 4px;font-size:12px}.shop-item.tradeable{border-color:#f5b301!important;box-shadow:0 0 0 1px #f5b301,0 4px 14px #f5b30140!important}.pay-row{gap:6px;width:100%;display:flex}.pay-row .btn{flex:1;padding-left:6px;padding-right:6px}.shop-keep{margin:0 0 10px;font-size:13px}.trade-tag{color:#5d6676;background:#141e3214;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.trade-tag.on{color:#b45309;background:#fef3c7}.my-packs-head{justify-content:space-between;margin:0 0 10px}.shop-item.my-pack{position:relative}.pack-count{z-index:4;color:#fff;background:linear-gradient(#ef4444,#b91c1c);border-radius:999px;padding:0 10px;font-family:Teko,Impact,sans-serif;font-size:24px;font-weight:600;line-height:1.3;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000004d}.coin-ic{vertical-align:-.2em;filter:drop-shadow(0 1px 1px #0000004d);height:1.15em}.shop-item{position:relative}.trade-badge{z-index:3;color:#2a1a03;background:linear-gradient(#fde68a,#f5b301);border:1.5px solid #fff;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 6px;font-size:13px;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000004d}.trade-badge b{letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.trade-badge.card-corner{padding:2px 5px;font-size:14px;top:-6px;left:-6px}.odds-q{z-index:5;color:#1d2433;cursor:pointer;background:#fff;border:1.5px solid #141e3233;border-radius:50%;place-items:center;width:28px;height:28px;font-family:system-ui,sans-serif;font-size:15px;font-weight:900;line-height:1;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 5px #0003}.odds-q.on{color:#fde68a;background:#9b1c1c;border-color:#9b1c1c}.odds-pop{z-index:4;border-radius:inherit;text-align:center;cursor:pointer;background:#faf9f5f7;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;padding:30px 10px 8px;animation:.15s fade;display:flex;position:absolute;inset:0;overflow:hidden}.odds-pop b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Teko,Impact,sans-serif;font-size:19px;font-weight:600;line-height:1.05;overflow:hidden}.odds-pop small{color:#6b5a3a;font-weight:700}.odds-pop .odds-chips{flex-direction:column;align-items:stretch;gap:3px;width:100%;max-width:200px}.odds-pop .odds-chips span{justify-content:space-between;padding:0 10px;font-size:12px}.odds-pop .odds-chips span b{font-size:15px}.pay-row .btn{justify-content:center;align-items:center;gap:6px;height:42px;margin:0;padding-top:4px;padding-bottom:0;line-height:1;display:inline-flex}.pay-row .coin-ic{vertical-align:middle;height:22px;margin-top:-3px}.shop-grid{align-items:stretch}.shop-item{flex-direction:column;display:flex}.shop-item>.pay-row,.shop-item>.btn:last-child{margin-top:auto}.app:not(.match-app) .btn,.confirm-box .btn,.reward-btn,.toast{text-shadow:none!important}.confirm-actions .btn.primary{box-shadow:0 3px #8a5a0a}.confirm-actions .btn.danger{box-shadow:0 3px #7f1d1d}.promo-head{color:#fff;background:linear-gradient(120deg,#b91c1c,#7c2d12);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:0 0 10px;padding:10px 14px;display:flex}.promo-head b{letter-spacing:.03em;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600}.promo-head span{opacity:.95;font-size:13px;font-weight:600}.promo-head .countdown{color:#fde68a;font-family:Teko,Impact,sans-serif;font-size:20px}.weekly-box{background:linear-gradient(120deg,#fff8e1,#fde68a);border:1.5px solid #f5b301;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:10px 14px;display:flex}.weekly-box>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.weekly-box b{font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600;line-height:1}.weekly-box span{font-size:14px;font-weight:600}.weekly-box small{color:#92400e;font-weight:700}.weekly-box.ok small{color:#15803d}.weekly-clock{flex-direction:column;flex:none;align-items:flex-end;display:flex}.weekly-clock .countdown{color:#92400e;font-family:Teko,Impact,sans-serif;font-size:28px;line-height:1}.league-row.club{grid-template-columns:100px 60px 1fr}.cx-new{z-index:3;color:#fff;letter-spacing:.05em;background:#ef4444;border:1.5px solid #fff;border-radius:999px;padding:1px 7px;font-family:Barlow Semi Condensed,system-ui,sans-serif;font-size:10px;font-weight:800;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.deck-line.is-new{outline:2px solid #ef4444;background:#fee2e2!important}.new-chip{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.lu-pitch{background:repeating-linear-gradient(90deg,#ffffff0d 0 40px,#0000 40px 80px),linear-gradient(#2f7a3a,#1d5a29);border:2px solid #ffffff80;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 2px #ffffff26}.lu-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.lu-bench{border-top:2px dashed #ffffff59;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.lu-bench>span{color:#e2f5e5;letter-spacing:.04em;margin-right:4px;font-family:Teko,Impact,sans-serif;font-size:18px}.lu-bench .lu-slot{flex:0 0 150px}.lu-slot{color:#fff;cursor:pointer;background:#0000002e;border:2px dashed #ffffff8c;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 6px 8px;transition:transform .1s;display:flex;position:relative}.lu-slot.filled{color:#1d2433;background:linear-gradient(#fffffff2,#f3efe3);border-style:solid;border-color:#fde68a}.lu-slot.active{border-color:#f5b301;transform:translateY(-2px);box-shadow:0 0 0 3px #f5b3018c}.lu-slot.sub.filled{background:linear-gradient(#fff,#e5e7eb)}.lu-slot b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.lu-slot small{opacity:.85;font-size:11px;font-weight:700}.lu-num{color:#fde68a;background:#1d2433;border:1.5px solid #fde68a;border-radius:999px;min-width:24px;padding:1px 7px;font-family:Teko,Impact,sans-serif;font-size:16px;line-height:1.2;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.lu-shirt{color:#fff;background:linear-gradient(#f5b301,#b7791f);border-radius:10px 10px 14px 14px;place-items:center;width:34px;height:34px;font-family:Teko,Impact,sans-serif;font-size:20px;display:grid;box-shadow:inset 0 -3px #0003}.lu-shirt.empty{color:#fff;box-shadow:none;background:#ffffff26;border:2px dashed #fff9}.lu-x{color:#fde68a;background:#9b1c1c;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid;position:absolute;top:4px;right:4px}.lu-head{justify-content:space-between;align-items:center;gap:10px;margin:10px 0 6px;display:flex}.lu-roster{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;max-height:150px;margin-bottom:8px;display:grid;overflow-y:auto}.lu-member{color:#1d2433;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #141e321f;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.lu-member .lu-shirt{flex:none;width:28px;height:28px;font-size:17px}.lu-member>span:nth-child(2){flex-direction:column;min-width:0;line-height:1.1;display:flex}.lu-member b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:14px;display:flex;overflow:hidden}.lu-member .dot{background:#cbd5e1}.lu-member .dot.online{background:#22c55e}.lu-member small{color:#6b5a3a;font-size:11px;font-weight:700}.lu-member.in{opacity:.55}.lu-check{color:#15803d;margin-left:auto;font-weight:900}.app:not(.match-app) .content .cos-panel{box-shadow:none;background:0 0;border:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid}.app:not(.match-app) .content .cos-row{background:#fff;border:1px solid #141e321a;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #141e320f}.app:not(.match-app) .content .cos-row:first-child,.app:not(.match-app) .content .cos-row:last-child{grid-column:1/-1}.app:not(.match-app) .content .cos-row>span{letter-spacing:.03em;text-transform:uppercase;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:600;line-height:1}.app:not(.match-app) .content .cos-options{gap:6px}.app:not(.match-app) .content .cos-options button{min-height:30px;padding:3px 11px;font-size:13px}.app:not(.match-app) .content .cos-row:first-child .cos-options button{border-radius:12px;flex-direction:column;gap:4px;min-width:82px;padding:6px 8px}.app:not(.match-app) .content .cos-row:first-child .cos-swatch{border-radius:6px;width:34px;height:48px}.app:not(.match-app) .content .cos-row:first-child .cos-options button.active:after{position:absolute;top:4px;right:6px}.app:not(.match-app) .content .cos-row:first-child .cos-options button{position:relative}@media (width<=600px){.app:not(.match-app) .content .cos-panel{grid-template-columns:1fr}}.cos-box{background:#fff;border:1px solid #141e321a;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #141e320f}.cos-tabs{scrollbar-width:none;background:#f3efe3;border-bottom:1px solid #141e3214;gap:4px;padding:6px;display:flex;overflow-x:auto}.cos-tabs button{color:#5d6676;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:600;display:inline-flex}.cos-tabs button small{background:#141e3214;border-radius:999px;min-width:18px;padding:0 5px;font-family:Barlow Semi Condensed,sans-serif;font-size:11px;font-weight:800}.cos-tabs button.active{color:#2a1a03;background:linear-gradient(#fde68a,#f5b301);box-shadow:0 2px #b7791f}.cos-tabs button.active small{background:#2a1a0326}.cos-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:12px;display:grid}.cos-grid>p{grid-column:1/-1;margin:6px 0}.cos-tile{color:#1d2433;cursor:pointer;background:#faf9f5;border:1.5px solid #141e321f;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-family:Barlow Semi Condensed,system-ui,sans-serif;transition:transform .1s;display:flex;position:relative}.cos-tile:active{transform:scale(.97)}.cos-tile.static{cursor:default}.cos-tile.active{background:#fff8e1;border-color:#f5b301;box-shadow:0 0 0 2px #f5b301}.cos-tile.active:after{content:"✓";color:#b45309;font-weight:900;position:absolute;top:6px;right:8px}.cos-tile b{text-align:center;font-size:14px;line-height:1.1}.cos-tile small{color:#b45309;font-size:11px;font-weight:700}.cos-tile.static small{color:#6b5a3a}.cos-art{background:#141e320f;border-radius:12px;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.cos-art.back{border-radius:7px;width:46px;height:64px;box-shadow:0 0 0 1px #0003,0 3px 6px #00000040}.cos-art.none{color:#94a3b8;font-size:24px}.cos-tabs button{flex:1 1 0;gap:4px;min-width:0;padding:7px 6px;font-size:16px}@media (width<=900px){.cos-tabs button small{display:none}}.si-icon img{filter:drop-shadow(0 3px 4px #00000040);height:64px}.tabs .coin-ic,.btn .coin-ic{height:1.05em;margin-right:2px}.deck-tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.deck-tiles>.full{grid-column:1/-1}.deck-tile{background:#fff;border:1.5px solid #141e321f;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #141e3214}.deck-tile.active{background:linear-gradient(#fffbeb,#fff 40%);border-color:#f5b301;box-shadow:0 0 0 2px #f5b301,0 6px 16px #f5b30140}.deck-tile.bad{border-color:#fca5a5}.deck-ribbon{z-index:2;text-align:center;color:#2a1a03;letter-spacing:.08em;background:linear-gradient(#fde68a,#f5b301);width:110px;padding:2px 0;font-family:Teko,Impact,sans-serif;font-size:15px;position:absolute;top:12px;right:-30px;transform:rotate(35deg);box-shadow:0 2px 4px #0003}.deck-fan{cursor:pointer;background:radial-gradient(at 50% 100%,#2f7a3a59,#0000 70%),linear-gradient(#e9f5ec,#d6ebdb);border:none;border-radius:12px;justify-content:center;align-items:flex-end;height:104px;display:flex;position:relative;overflow:hidden}.fan-card{filter:drop-shadow(0 4px 6px #00000059);transform-origin:bottom;margin:0 -10px}.fan-card.f0{transform:rotate(-10deg)translateY(6px)}.fan-card.f1{z-index:1;transform:translateY(2px)}.fan-card.f2{transform:rotate(10deg)translateY(6px)}.fan-empty{color:#6b7280;align-self:center;font-weight:700}.deck-info{flex-direction:column;gap:3px;min-width:0;display:flex}.deck-info b{white-space:nowrap;text-overflow:ellipsis;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600;line-height:1;overflow:hidden}.deck-flags{color:#5d6676;gap:8px;font-size:12px;font-weight:700;display:flex}.deck-flags span{align-items:center;gap:3px;display:inline-flex}.deck-info small{font-size:12px;font-weight:600}.deck-actions{gap:6px;margin-top:auto;display:flex}.deck-actions .btn{flex:1;padding-left:6px;padding-right:6px}.deck-tile.new{color:#1d2433;cursor:pointer;text-align:center;background:#fff9;border-style:dashed;border-width:2px;justify-content:center;align-items:center;min-height:210px}.deck-tile.new:hover{background:#fffbeb;border-color:#f5b301}.new-plus{color:#2a1a03;background:linear-gradient(#fde68a,#f5b301);border-radius:50%;place-items:center;width:56px;height:56px;font-size:32px;font-weight:800;display:grid;box-shadow:0 3px #b7791f}.deck-tile.new.import .new-plus{box-shadow:none;background:#fff;border:2px solid #141e3226;font-size:26px}.deck-tile.new b{font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600}.deck-tile.new small{color:#6b5a3a;font-weight:600}.deck-tile.new{min-height:140px}.de-body{grid-template-columns:minmax(250px,32%) 1fr;align-items:start;gap:14px;display:grid}.de-deck{max-height:calc(100 * var(--vh) - var(--top-h) - env(safe-area-inset-top) - 70px);color:#fff;background:radial-gradient(at 50% 0,#f5b3012e,#0000 60%),linear-gradient(#1c2a20,#0f1a13);border:2px solid #3d5a45;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex;position:sticky;top:0;box-shadow:0 8px 20px #00000059}.de-name{letter-spacing:.02em;width:100%;font-family:Teko,Impact,sans-serif;font-size:26px;font-weight:600;color:#fde68a!important;background:0 0!important;border:none!important;border-bottom:2px solid #f5b301!important;border-radius:0!important;padding:0 2px 2px!important}.de-stats{gap:6px;display:flex}.de-chip{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex:1;justify-content:center;align-items:baseline;gap:3px;padding:4px 6px;font-size:13px;display:flex}.de-chip b{color:#fff;font-family:Teko,Impact,sans-serif;font-size:22px;line-height:1}.de-chip small{font-size:11px;font-weight:700}.de-curve{align-items:flex-end;gap:4px;height:52px;padding:0 4px;display:flex}.de-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1px;height:100%;display:flex}.de-bar i{background:linear-gradient(#fde68a,#f59e0b);border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.de-bar em{color:#fde68a;font-size:10px;font-style:normal;font-weight:800;line-height:1}.de-bar small{color:#94a3b8;font-size:10px;font-weight:700}.de-deck .nation-mix{margin:0}.de-deck .nation-pill{padding:2px 8px 2px 4px;font-size:11px}.de-warn{color:#fca5a5;margin:0;font-size:12px;font-weight:700}.de-list{flex-direction:column;flex:auto;gap:3px;min-height:80px;padding-right:2px;display:flex;overflow-y:auto}.dl-strip{border:none;border-left:4px solid var(--rc);color:#fff;text-align:left;cursor:pointer;background:linear-gradient(90deg,#26362b,#1a261e);border-radius:7px;flex:none;align-items:center;gap:6px;height:30px;padding:0 8px 0 3px;transition:transform 80ms;display:flex;position:relative;overflow:hidden}.dl-strip:hover{transform:translate(2px)}.dl-strip:active{transform:translate(-2px)}.dl-art{background:var(--art) center 25% / cover no-repeat;opacity:.85;width:55%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.dl-gem{z-index:1;background:radial-gradient(circle at 35% 30%,#93c5fd,#1d4ed8);border:1.5px solid #dbeafe;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:17px;line-height:1;display:grid;position:relative}.dl-name{z-index:1;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000c;flex:1;min-width:0;font-size:13px;font-weight:700;position:relative;overflow:hidden}.dl-stat{z-index:1;color:#fde68a;text-shadow:0 1px #000c;font-size:11px;font-weight:800;position:relative}.dl-x{z-index:1;color:#2a1a03;text-align:center;background:#f5b301;border-radius:6px;min-width:22px;padding:0 5px;font-family:Teko,Impact,sans-serif;font-size:16px;line-height:1.2;position:relative}.dl-strip.is-new{box-shadow:inset 0 0 0 2px #ef4444}.dl-strip.r-legendary,.dl-strip.r-icon{background:linear-gradient(90deg,#3a2f12,#1f1a0c)}.de-empty{color:#cbd5e1;margin:8px 2px;font-size:13px}.de-tools{flex-wrap:wrap;gap:5px;display:flex}.de-tools .btn{padding-left:8px;padding-right:8px}.de-tools select{flex:1;min-width:90px;padding:5px 6px;font-size:12px}.de-collection .filters{margin-top:0}@media (width<=700px){.de-body{grid-template-columns:1fr}.de-deck{max-height:none;position:static}}.de-deck{overscroll-behavior:contain;overflow-y:auto}.de-list{flex:none;overflow:visible}@media (height<=460px){.de-name{font-size:22px}.de-curve{height:36px}.de-chip b{font-size:18px}.deck-edit .page-header{margin-bottom:4px}.deck-edit .page-header h1{font-size:24px}}.de-collection .filters{flex-wrap:wrap}.de-collection .filters .search{flex:100%}.de-collection{min-width:0}.de-collection .filters select{flex:120px;min-width:0}.de-collection .filters .check{flex:none}.rk-top{grid-template-columns:1.1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.rk-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--lc,#f5b301) 22%, #fff), #fff 70%);border:2px solid color-mix(in srgb, var(--lc,#f5b301) 60%, transparent);border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 4px 12px #141e321a}.rk-hero.empty{color:#6b5a3a;justify-content:center;font-weight:700}.rk-hero>img{filter:drop-shadow(0 3px 4px #00000040);flex:none;height:72px}.rk-hero-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rk-league{letter-spacing:.04em;color:color-mix(in srgb, var(--lc) 70%, #1d2433);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600;line-height:1;overflow:hidden}.rk-value{font-family:Teko,Impact,sans-serif;font-size:38px;line-height:.9}.rk-value small{color:#6b5a3a;font-size:16px}.rk-bar{background:#141e321f;border-radius:9px;height:8px;margin:3px 0 1px;display:block;overflow:hidden}.rk-bar>span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--lc) 70%, #000), var(--lc));height:100%;display:block}.rk-next{color:#1d2433;font-size:12px;font-weight:700}.rk-sub{color:#6b7280;font-size:11px;font-weight:600}.weekly-box{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;margin:0}.weekly-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.weekly-top b{font-size:22px}.weekly-box .weekly-clock{color:#92400e;white-space:nowrap;font-size:12px;font-weight:700;display:inline}.weekly-box .weekly-clock .countdown{font-size:22px}.rw-chips{flex-wrap:wrap;gap:4px;display:flex}.rw-chip{white-space:nowrap;background:#fff;border:1px solid #141e321f;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.rw-chip .coin-ic{height:14px}.rw-chip.trade{background:#fffbeb;border-color:#f5b301}.rw-chip i{font-style:normal}.rk-seg{margin:0 0 8px}.rk-ladder{flex-direction:column;gap:5px;display:flex}.rk-tier{border:1px solid #141e321a;border-left:5px solid var(--lc);background:#fff;border-radius:12px;grid-template-columns:34px 92px 1fr auto;align-items:center;gap:8px;padding:5px 10px;display:grid;position:relative}.rk-tier>img{height:30px}.rk-tier-name{flex-direction:column;line-height:1;display:flex}.rk-tier-name b{color:color-mix(in srgb, var(--lc) 70%, #1d2433);font-family:Teko,Impact,sans-serif;font-size:20px;font-weight:600}.rk-tier-name small{color:#6b7280;font-size:11px;font-weight:700}.rk-tier.current{background:color-mix(in srgb, var(--lc) 14%, #fff);box-shadow:0 0 0 2px var(--lc)}.rk-you{background:var(--lc);color:#fff;letter-spacing:.05em;border-radius:999px;padding:2px 8px;font-family:Teko,Impact,sans-serif;font-size:15px}.rk-rules{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;display:grid}.rk-rule{background:#fff;border:1px solid #141e321a;border-radius:12px;gap:8px;padding:8px 10px;display:flex}.rk-rule>span{font-size:20px}.rk-rule div{flex-direction:column;gap:1px;display:flex}.rk-rule b{font-size:14px}.rk-rule small{color:#5d6676;font-size:12px;font-weight:600}@media (width<=640px){.rk-top{grid-template-columns:1fr}}.shop-grid.shop-row{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.shop-grid.shop-row>.shop-item{scroll-snap-align:start;flex:0 0 210px}.promo-head{margin-bottom:8px;padding:6px 14px}.promo-head b{font-size:20px}.shop-grid.shop-row>.shop-item{gap:3px;padding:10px}.shop-grid.shop-row .pack-art{width:auto;height:clamp(90px,22vh,150px)}.shop-grid.shop-row .shop-item>b{font-size:19px}.pack-img{filter:drop-shadow(0 8px 10px #00000059);height:129px;transition:transform .2s;display:inline-block;position:relative}.pack-img img{width:auto;height:100%;display:block}.pack-img b{letter-spacing:.03em;text-align:center;text-transform:uppercase;color:#fff;text-shadow:0 1px #000000d9;white-space:nowrap;text-overflow:ellipsis;font-family:Teko,Impact,sans-serif;font-size:13px;font-weight:600;line-height:1;position:absolute;top:70%;left:12%;right:12%;overflow:hidden}.shop-item:hover .pack-img{transform:rotate(-3deg)scale(1.05)}.shop-grid.shop-row .pack-img{height:clamp(90px,22vh,150px)}.pack-row-wrap{position:relative}.row-arrow{z-index:6;color:#2a1a03;cursor:pointer;background:linear-gradient(#fde68a,#f5b301);border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;padding-bottom:4px;font-family:system-ui,sans-serif;font-size:28px;font-weight:700;line-height:1;transition:transform .1s;display:grid;position:absolute;top:42%;transform:translateY(-50%);box-shadow:0 4px 10px #0000004d}.row-arrow:active{transform:translateY(-50%)scale(.92)}.row-arrow.left{left:-10px}.row-arrow.right{right:-10px}.flip-back{animation:none!important;box-shadow:0 10px 20px #00000080!important}.flip:not(.open){cursor:pointer}.flip:not(.open):hover .flip-inner{transform:translateY(-6px)scale(1.03)}.flip.open .flip-inner{transform:rotateY(180deg)!important}.ic{vertical-align:-.28em;filter:drop-shadow(0 1px 1px #00000040);width:auto;height:1.25em}.ic.line{vertical-align:-.18em;filter:none;opacity:.85;height:1.1em}.crest{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 2px #00000040);width:1.6em;height:1.6em;display:inline-block}.app:not(.match-app) .content .chat{background:#ffffffd1;border:1px solid #141e321a;border-radius:18px;min-height:320px;overflow:hidden}.chat-head{background:linear-gradient(#fff,#f4f2ec);border-bottom:1px solid #141e3214;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.chat-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.chat-head small{color:#6b7280;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.chat-head .ic{width:14px;height:14px}.app:not(.match-app) .content .chat-msgs{gap:4px;padding:10px 12px}.chat-empty{color:#6b7280;margin:auto}.chat-sys{color:#6b7280;text-align:center;background:#141e320d;border-radius:999px;align-self:center;margin:6px 0;padding:3px 12px;font-size:12px}.chat-row{align-items:flex-end;gap:8px;max-width:82%;margin-top:6px;display:flex}.chat-row.grouped{margin-top:0}.chat-row.me{align-self:flex-end}.chat-av{color:#fff;background:linear-gradient(#3b82f6,#1d4ed8);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.chat-row.grouped .chat-av{background:0 0}.app:not(.match-app) .content .chat-row .chat-msg{color:#1d2433;overflow-wrap:anywhere;background:#fff;border:1px solid #141e3214;align-self:auto;min-width:0;max-width:none}.app:not(.match-app) .content .chat-row.me .chat-msg{background:#dcfce7;border-color:#bbf7d0;border-radius:14px 14px 4px}.app:not(.match-app) .content .chat-row .chat-msg b{color:#b45309}.app:not(.match-app) .content .chat-input{background:#f7f6f2;border-top:1px solid #141e3214;align-items:center;padding:8px 10px}.app:not(.match-app) .content .chat-input input{border-radius:999px;min-width:0;padding:9px 14px}.chat-share,.chat-send{cursor:pointer;background:#fff;border:1px solid #141e321f;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:18px}.chat-send{color:#2a1a03;background:linear-gradient(#fcd34d,#f59e0b);border-color:#d99a06}.chat-send:disabled{opacity:.45;cursor:default}.chat-deck .ic{width:14px;height:14px}.app:not(.match-app) .content .club-settings{flex-direction:column;gap:12px;margin-top:0;display:flex}.cs-label{color:#4b5565;font-size:14px;font-weight:700}.club-settings .btn{align-self:flex-start}.badge-pick button .crest{width:36px;height:36px}.chat-deck{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.rw-tiles{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:6px auto 16px;display:flex}.rw-tile{background:linear-gradient(#ffffff24,#ffffff0d);border:1px solid #fff3;border-radius:16px;flex-direction:column;align-items:center;gap:2px;width:104px;padding:10px 6px 8px;animation:.35s ease-out both rw-pop;display:flex}.rw-tile:nth-child(2){animation-delay:50ms}.rw-tile:nth-child(3){animation-delay:.1s}.rw-tile:nth-child(4){animation-delay:.15s}.rw-tile:nth-child(5){animation-delay:.2s}.rw-tile:nth-child(n+6){animation-delay:.25s}@keyframes rw-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.rw-art{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.rw-art img{object-fit:contain;width:100%;height:100%}.rw-tile.pack .rw-art{height:78px}.rw-art>span:not(.trade-badge){font-size:40px;line-height:1}.rw-tile.xp .rw-art>span{color:#fcd34d}.rw-art .rw-trade{place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-6px;right:-14px}.rw-art .rw-trade img{width:26px;height:26px}.rw-tile b{color:#fde68a;font-family:Teko,Impact,sans-serif;font-size:24px;line-height:1}.rw-tile small{color:#e2e8f0;text-align:center;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.2}@media (height<=430px){.rw-tile{width:88px;padding:6px 4px}.rw-art{width:48px;height:48px}.rw-tile.pack .rw-art{height:58px}.rw-tile b{font-size:20px}}.acc-title{margin:18px 0 8px}.acc{background:#ffffffd9;border:1px solid #141e321a;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.acc-head{align-items:center;gap:12px;min-width:0;display:flex}.acc-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.acc-head b{font-size:18px}.acc-head small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acc-state{border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.acc-state.ok{color:#15803d;background:#dcfce7}.acc-state.warn{color:#b45309;background:#fef3c7}.acc-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:0;padding:8px 12px;font-size:14px}.acc-actions{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.acc-actions .btn{width:100%}.acc-form{flex-direction:column;gap:12px;display:flex}.acc-form .muted{margin:0}.acc-danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:14px;display:flex}.onb-login{color:#e2e8f0;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:15px}.onb-login b{color:#fcd34d;text-decoration:underline}.app:not(.match-app) .content .club-leave{align-items:center;gap:12px;margin-top:12px;display:flex}.club-leave>div{flex-direction:column;flex:1;min-width:0;display:flex}.club-leave small{color:#6b7280}.tab-dot-wrap{position:relative}.tab-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;right:-14px}.cp-sub{color:#4b5565;margin:0 0 10px;font-size:14px}.cp-map{background:linear-gradient(#fff,#f1efe8);border:1px solid #141e321a;border-radius:20px;padding:8px}.cp-map svg{width:100%;height:auto;display:block}.cp-panel{stroke:#143c6440;stroke-width:2px}.cp-land{fill:#e8e2d0;stroke:#c9bfa6;stroke-width:.8px}.cp-country{stroke:#1d2433;stroke-width:1.4px;cursor:pointer;transition:opacity .2s,filter .2s}.cp-country:hover{filter:brightness(1.12)}.cp-country.done{stroke:#f59e0b;stroke-width:3px}.cp-country.current{stroke:#fff;stroke-width:3px;animation:1.6s ease-in-out infinite cp-pulse}.cp-country.locked{opacity:.4;filter:grayscale(.8)}@keyframes cp-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.35}}.cp-tag{cursor:pointer}.cp-tag rect{fill:#fffffff2;stroke:#141e3233;stroke-width:1px}.cp-tag text{text-anchor:middle;fill:#1d2433;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600}.cp-tag .cp-tag-n{fill:#6b7280;font-family:system-ui,sans-serif;font-size:14px;font-weight:700}.cp-tag.done rect{fill:#fef3c7;stroke:#f59e0b}.cp-tag.done .cp-tag-n{fill:#b45309}.cp-tag.current rect{fill:#dcfce7;stroke:#22c55e;stroke-width:2px}.cp-tag.current .cp-tag-n{fill:#15803d}.cp-tag.locked{opacity:.55}.cp-panel-body{flex-direction:column;gap:12px;display:flex}.cp-panel-body .muted{margin:0}.cp-block{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:8px 12px;font-weight:600}.cp-path{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.cp-node{cursor:pointer;background:#fff;border:2px solid #141e321f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px;display:flex}.cp-node b{color:#374151;background:#e5e7eb;border-radius:50%;place-items:center;width:34px;height:34px;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:20px;display:grid}.cp-node small{color:#4b5565;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.cp-node.won b{color:#2a1a03;background:linear-gradient(#fde68a,#f59e0b)}.cp-node.next b{color:#fff;background:linear-gradient(#4ade80,#16a34a);animation:1.2s ease-in-out infinite gem-ready}.cp-node.final{border-style:dashed;border-color:#f59e0b}.cp-node.sel{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e40}.cp-node:disabled{opacity:.55;cursor:default}.cp-node .ic{height:18px}.cp-match{background:#f7f6f2;border:1px solid #141e3214;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.cp-match>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cp-match b{font-family:Teko,Impact,sans-serif;font-size:24px;font-weight:600;line-height:1}.cp-match small{color:#4b5565;font-size:13px}.cp-match .gbtn{flex-shrink:0}.tut-offer{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.tut-offer img{object-fit:contain;width:84px;height:84px}.tut-offer p{max-width:420px;margin:0}.tut-skip.dark{color:#6b7280;cursor:pointer;background:0 0;border:none;text-decoration:underline}.tut-offer .gbtn{padding:12px 36px;font-size:26px}.tut-offer .tut-skip{margin-left:0}.cp-match .gbtn{padding:12px 28px;font-size:24px}.cp-layout{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:14px;display:grid}.cp-globe-wrap{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.cp-globe{width:100%;max-width:min(560px, calc(100 * var(--vh) - 190px));aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.cp-globe:active{cursor:grabbing}.cp-globe-loading{aspect-ratio:1;color:#cbd5e1;place-items:center;width:60%;display:grid}.cp-hint{color:#94a3b8;margin-top:2px;font-size:12px}.cp-grat{fill:none;stroke:#ffffff2e;stroke-width:.6px}.cp-globe .cp-land{fill:#e9e2cd;stroke:#bfb497;stroke-width:.5px}.cp-globe .cp-country{stroke:#0f172a;stroke-width:1px}.cp-globe .cp-country.open{stroke:#fff;stroke-width:2.5px;animation:1.4s ease-in-out infinite cp-pulse}.cp-globe .cp-country.done{stroke:#f59e0b;stroke-width:2.5px}.cp-globe .cp-country.locked{opacity:.5;filter:grayscale(.85)}.cp-globe .cp-tag rect{fill:#fffffff2}.cp-globe .cp-tag text{font-size:17px}.cp-globe .cp-tag.open rect{fill:#dcfce7;stroke:#22c55e;stroke-width:2px}.cp-route{flex-direction:column;gap:6px;display:flex}.cp-route-head{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.cp-route-head b{font-family:Teko,Impact,sans-serif;font-size:24px}.cp-route-head span{color:#6b7280;font-weight:700}.cp-stop{cursor:pointer;text-align:left;background:#fff;border:1px solid #141e321a;border-radius:12px;align-items:center;gap:8px;padding:7px 10px;display:flex}.cp-stop b{flex:1;font-size:14px}.cp-stop small{color:#6b7280;font-weight:700}.cp-stop small .ic{height:16px}.cp-stop-no{color:#374151;background:#e5e7eb;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.cp-stop.open{background:#f0fdf4;border:2px solid #22c55e}.cp-stop.open .cp-stop-no{color:#fff;background:#22c55e}.cp-stop.done .cp-stop-no{color:#2a1a03;background:linear-gradient(#fde68a,#f59e0b)}.cp-stop.locked{opacity:.6}@media (width<=760px){.cp-layout{grid-template-columns:minmax(0,1fr) 180px}}.cp-pin{cursor:pointer}.cp-pin circle{fill:#ffffffeb;stroke:#0f172a59;stroke-width:1px}.cp-zoom{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.cp-zoom button{color:#fff;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff59;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1}.road-page{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.road{width:100%;height:calc(100 * var(--vh) - var(--top-h,60px) - 28px);background:#6fbf4a;border:3px solid #fff;border-radius:22px;flex-direction:column;min-height:300px;display:flex;overflow:hidden;box-shadow:0 12px 30px #00000059}.road-head{background:linear-gradient(#fff,#eef2e6);border-bottom:2px solid #d9e3c6;align-items:center;gap:12px;padding:10px 14px;display:flex}.road-head>div:not(.road-progress){flex-direction:column;flex:1;min-width:0;display:flex}.road-head b{color:#1d2433;padding-top:3px;font-family:Teko,Impact,sans-serif;font-size:28px;font-weight:600;line-height:1}.road-head small{color:#4b5565;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.road-progress{background:#e5e7eb;border-radius:999px;flex-shrink:0;width:150px;height:22px;position:relative;overflow:hidden}.road-progress span{background:linear-gradient(#4ade80,#16a34a);position:absolute;inset:0 auto 0 0}.road-progress i{color:#1d2433;place-items:center;font-size:13px;font-style:normal;font-weight:800;display:grid;position:absolute;inset:0}.road-close{color:#fff;cursor:pointer;background:#1d2433;border:none;border-radius:12px;flex-shrink:0;order:-1;width:38px;height:38px;padding-bottom:3px;font-size:26px;line-height:1}.road-scene{background:radial-gradient(60% 40% at 20% 30%,#ffffff2e,#0000 70%),radial-gradient(50% 35% at 80% 75%,#00000014,#0000 70%),repeating-linear-gradient(115deg,#74c24c 0 60px,#6ab744 60px 120px),#6fbf4a;flex:1;min-height:0;position:relative}.road-scene:before{content:"";pointer-events:none;background:radial-gradient(30% 70% at 15% 100%,#5aa83a 60%,#0000 61%),radial-gradient(40% 80% at 60% 105%,#4f9e33 60%,#0000 61%),radial-gradient(30% 70% at 95% 100%,#5aa83a 60%,#0000 61%),linear-gradient(#9fd8f7,#d7f0fb);height:22%;position:absolute;inset:0 0 auto}.road-scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:auto hidden}.road-scroll::-webkit-scrollbar{display:none}.road-track{width:1750px;min-width:100%;height:100%;position:relative}.road-scroll{cursor:grab}.road-scroll.dragging{cursor:grabbing}.road-svg{width:100%;height:100%;position:absolute;inset:0}.road-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.road-edge{stroke:#e8d9a8;stroke-width:44px}.road-asphalt{stroke:#c9b37a;stroke-width:34px}.road-done{stroke:#f5c542;stroke-width:34px}.road-line{stroke:#ffffffd9;stroke-width:3px;stroke-dasharray:10 12}.road-scene.locked .road-svg,.road-scene.locked .road-stop{filter:grayscale(.9);opacity:.6}.road-stop{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-78%)}.road-stop:disabled{cursor:default}.road-pin{background:radial-gradient(circle at 35% 30%,#fff,#dfe7ef);border:4px solid #fff;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .15s;display:grid;position:relative;box-shadow:0 0 0 3px #0f172a40,0 8px 12px #00000059}.road-pin:after{content:"";z-index:-1;background:#fff;width:18px;height:18px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:3px 3px 4px #00000040}.road-pin img{object-fit:contain;width:46px;height:46px}.road-pin i{color:#fff;background:#1d2433;border:2px solid #fff;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:2px 6px 0;font-family:Teko,Impact,sans-serif;font-size:18px;font-style:normal;font-weight:600;display:grid;position:absolute;top:-8px;right:-8px}.road-pin i:empty{display:none}.road-lock{position:absolute;bottom:-4px;right:-6px;width:30px!important;height:30px!important}.road-city{color:#1d2433;white-space:nowrap;background:#fffffff2;border:2px solid #0f172a26;border-radius:8px;margin-top:10px;padding:3px 10px 2px;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:600;box-shadow:0 3px 6px #0003}.road-stop.won .road-pin{background:radial-gradient(circle at 35% 30%,#fff7cc,#fbbf24);border-color:#fde68a}.road-stop.won .road-pin i{background:#16a34a}.road-stop.next .road-pin{background:radial-gradient(circle at 35% 30%,#dcfce7,#4ade80);border-color:#fff;animation:1.6s ease-in-out infinite road-breathe;box-shadow:0 0 0 4px #22c55e,0 0 0 9px #22c55e4d,0 8px 12px #00000059}.road-stop.next .road-pin i{background:#16a34a}.road-stop.locked .road-city{opacity:.7}.road-stop.sel .road-pin{transform:scale(1.12)}.road-stop.sel .road-city{color:#fff;background:#1d2433;border-color:#1d2433}.road-here{color:#fde047;-webkit-text-stroke:2px #92400e;font-size:26px;line-height:1;animation:.9s ease-in-out infinite tut-bounce;position:absolute;top:-34px}@keyframes road-breathe{0%,to{box-shadow:0 0 0 4px #22c55e,0 0 0 9px #22c55e4d,0 8px 12px #00000059}50%{box-shadow:0 0 0 4px #22c55e,0 0 0 15px #22c55e1f,0 8px 12px #00000059}}.road-locked-msg{color:#fff;z-index:3;text-align:center;background:#0f172ae0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px 26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.road-locked-msg img{width:54px;height:54px}.road-locked-msg b{font-family:Teko,Impact,sans-serif;font-size:28px;font-weight:600}.road-card{color:#fff;background:linear-gradient(#1e293b,#0f172a);border-top:3px solid #fbbf24;align-items:center;gap:14px;padding:10px 16px;display:flex}.road-card-ic{object-fit:contain;flex-shrink:0;width:56px;height:56px}.road-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.road-card-info b{color:#fde68a;white-space:nowrap;text-overflow:ellipsis;padding-top:3px;font-family:Teko,Impact,sans-serif;font-size:26px;font-weight:600;line-height:1;overflow:hidden}.road-card-info span{color:#cbd5e1;font-size:14px}.road-card-info span:first-of-type{color:#fbbf24}.road-card-info em{color:#475569;margin-right:4px;font-style:normal}.road-reward .ic{height:18px}.road-card-info .road-deck{color:#86efac;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.road-card .gbtn{flex-shrink:0;padding:12px 26px;font-size:24px}@media (height<=460px){.road-pin{width:50px;height:50px}.road-pin img{width:34px;height:34px}.road-stop.final .road-pin{width:60px;height:60px}.road-city{margin-top:8px;font-size:15px}.road-edge{stroke-width:32px}.road-asphalt,.road-done{stroke-width:24px}.road-head b{font-size:22px}}.road-scene{background:url(/assets/campaign/campaign_ground.webp) 0 0/256px 256px}.road-scene:before{display:none}.road-track{box-shadow:none;background:0 0}.road-svg{overflow:visible}.road-svg path{vector-effect:none}.road-deco{object-fit:contain;object-position:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;position:absolute;transform:translate(-50%,-100%)}.road-deco.big{z-index:1}.road-pin{width:88px;height:88px;box-shadow:none;background:0 0;border:none}.road-pin:after{display:none}.road-pin img{object-fit:contain;filter:drop-shadow(0 6px 6px #00000059);width:100%;height:100%}.road-stop{transform:translate(-50%,-72%)}.road-stop.final .road-pin{width:112px;height:112px}.road-stop.final .road-pin img{width:100%;height:100%}.road-stop.won .road-pin,.road-stop.next .road-pin,.road-stop.locked .road-pin{box-shadow:none;background:0 0;border:none}.road-stop.won .road-pin img{filter:drop-shadow(0 0 6px #fbbf24)drop-shadow(0 6px 6px #00000059)}.road-stop.next .road-pin{animation:1.4s ease-in-out infinite road-hop}.road-stop.next .road-pin img{filter:drop-shadow(0 0 8px #4ade80)drop-shadow(0 0 3px #fff)drop-shadow(0 6px 6px #00000059)}.road-stop.locked .road-pin{filter:grayscale(.9)brightness(.92);opacity:.9}.road-pin i{top:0;right:2px}.road-lock{bottom:6px;right:4px}.road-here{top:-30px}.road-city{margin-top:0}@keyframes road-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.road-card-ic{width:64px;height:64px}@media (height<=460px){.road-pin{width:70px;height:70px}.road-stop.final .road-pin{width:88px;height:88px}.road-edge{stroke-width:46px}.road-asphalt,.road-done{stroke-width:38px}}.road-shadow{stroke:#2f4a12;stroke-width:86px;opacity:.35}.road-edge{stroke:#7a5a26;stroke-width:70px;opacity:1}.road-asphalt{stroke-width:62px}.road-wear{stroke:#fff3cf;stroke-width:20px;opacity:.22}.road-done{stroke:#ffd54a;stroke-width:30px;opacity:.4}@media (height<=460px){.road-shadow{stroke-width:70px}.road-edge{stroke-width:56px}.road-asphalt{stroke-width:50px}.road-done{stroke-width:24px}}.road-shadow,.road-edge,.road-asphalt,.road-wear,.road-done{stroke-width:var(--road)!important}.road-shadow{stroke-width:calc(var(--road) * 1.45)!important}.road-edge{stroke-width:calc(var(--road) * 1.14)!important}.road-wear{stroke-width:calc(var(--road) * .32)!important}.road-done{stroke-width:calc(var(--road) * .5)!important}.road-track .road-pin,.road-track .road-stop.final .road-pin{width:var(--pin);height:var(--pin)}.road-track .road-stop.final .road-pin{width:calc(var(--pin) * 1.25);height:calc(var(--pin) * 1.25)}.road-track .road-stop.on{transform:translate(-50%,-72%)}.road-track .road-stop.up{flex-direction:column-reverse;transform:translate(-50%,-100%)}.road-track .road-stop.down{transform:translate(-50%)}.road-track .road-city{padding:2px 9px 1px;font-size:16px}.road-svg .trail-shadow{stroke:#14320a59;stroke-width:9px;stroke-dasharray:16 12;stroke-linecap:round;transform:translateY(2px)}.road-svg .trail{stroke:#fff;stroke-width:7px;stroke-dasharray:16 12;stroke-linecap:round;opacity:.9}.road-svg .trail.done{stroke:#fcd34d;opacity:1}.road-track .road-stop.on,.road-track .road-stop.up,.road-track .road-stop.down{transform:translate(-50%, calc(var(--pin) / -2));flex-direction:column}.road-track .road-stop.final{transform:translate(-50%, calc(var(--pin) * -.62))}.reward-btn{filter:drop-shadow(0 6px 10px #00000073);background:url(/assets/home/btn_gold_wide.webp) 50%/100% 100% no-repeat;min-width:260px;height:52px;padding:4px 34px 0}.decks-practice{color:#fff;cursor:pointer;background:linear-gradient(#2f5d3a,#1c3d25);border:1.5px solid #fff9;border-radius:14px;align-items:center;gap:8px;padding:6px 14px 6px 8px;display:flex;box-shadow:0 4px 10px #00000040}.decks-practice img{object-fit:contain;width:30px;height:30px}.decks-practice span{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.decks-practice b{letter-spacing:.03em;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:20px;font-weight:600}.decks-practice small{color:#d1fae5;font-size:11px}@media (width<=640px){.decks-practice small{display:none}}.app:not(.match-app) .content .pass-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pass-head>div:first-child{flex:1;min-width:180px}.pt{background:linear-gradient(#ffffffd9,#f4f1e8e6);border:1px solid #141e321a;border-radius:18px;gap:8px;margin:10px 0;padding:12px 10px;display:flex}.pt-labels{flex-shrink:0;grid-template-rows:112px 34px 112px;align-items:center;padding-top:10px;display:grid}.pt-lab{writing-mode:vertical-rl;letter-spacing:.08em;color:#6b7280;justify-self:center;align-items:center;gap:4px;font-family:Teko,Impact,sans-serif;font-size:16px;font-weight:600;display:flex;transform:rotate(180deg)}.pt-lab.premium{color:#b45309}.pt-lab.lvl{writing-mode:horizontal-tb;font-size:11px;transform:none}.pt-lab .ic{height:16px}.pt-track{scroll-behavior:smooth;gap:8px;min-width:0;padding:10px 8px 6px;display:flex;position:relative;overflow-x:auto}.pt-col:before{content:"";background:#e5e7eb;height:6px;margin-top:-3px;position:absolute;top:133px;left:-4px;right:-4px}.pt-col.unlocked:before{background:#86efac}.pt-col:first-child:before{left:50%}.pt-col:last-child:before{right:50%}.pt-col{flex-shrink:0;grid-template-rows:112px 34px 112px;place-items:center;row-gap:4px;width:96px;display:grid;position:relative}.pt-num{z-index:1;color:#6b7280;background:#fff;border:2px solid #d1d5db;border-radius:50%;place-items:center;width:32px;height:32px;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:18px;font-weight:600;display:grid}.pt-col.unlocked .pt-num{color:#fff;background:linear-gradient(#4ade80,#16a34a);border-color:#fff}.pt-col.current .pt-num{box-shadow:0 0 0 4px #22c55e4d}.pt-tile{cursor:pointer;background:#fff;border:1.5px solid #141e321f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:92px;height:108px;padding:6px 4px;display:flex;position:relative}.pt-tile:disabled{cursor:default}.pt-tile.premium{background:linear-gradient(#fff8e1,#fde9a8);border-color:#f2c94c}.pt-tile img{object-fit:contain;width:54px;height:54px}.pt-glyph{color:#f59e0b;font-size:36px}.pt-tile b{color:#1d2433;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Teko,Impact,sans-serif;font-size:17px;font-weight:600;line-height:1;overflow:hidden}.pt-tile small{color:#6b7280;font-size:11px;font-weight:800;position:absolute;top:4px;left:6px}.pt-tile.claimed{opacity:.55}.pt-tile.locked img{filter:grayscale(.4)}.pt-tile.can{border-color:#22c55e;animation:1.4s ease-in-out infinite road-hop;box-shadow:0 0 0 3px #22c55e40}.pt-mark{background:#fff;border:2px solid #d1d5db;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.pt-mark .ic{height:14px}.pt-mark.ok{color:#fff;background:#16a34a;border-color:#fff}.pt-mark.get{color:#fff;background:#22c55e;border-color:#fff}@media (height<=460px){.pt-labels,.pt-col{grid-template-rows:92px 30px 92px}.pt-tile{width:80px;height:90px}.pt-tile img{width:42px;height:42px}.pt-col{width:84px}.pt-col:before{top:111px}}.pt-col.pt-bonus{width:130px}.pt-bonus-box{flex-direction:column;grid-row:1/span 1;align-items:center;gap:4px;display:flex}.pt-col.pt-bonus .pt-num{grid-row:2}.pt-tile.bonus{background:linear-gradient(#ede9fe,#c4b5fd);border-color:#8b5cf6;width:124px;height:92px}.pt-tile.bonus b{font-size:16px}.pt-bonus-note{color:#6d28d9;white-space:nowrap;font-size:11px;font-weight:700}.pt-col.pt-bonus .pt-num{color:#fff;background:linear-gradient(#a78bfa,#7c3aed);border-color:#fff;font-size:22px}@media (height<=460px){.pt-col.pt-bonus{grid-template-rows:92px 30px 92px}.pt-tile.bonus{height:74px}}.de-deck{color:#1d2433;background:linear-gradient(#fffdf7,#f3eee1);border:2px solid #e6d6a6;box-shadow:0 8px 20px #3c2d0a2e}.de-name{color:#1d2433!important;border-bottom-color:#e2b23a!important}.de-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.de-chip{color:#6b7280;white-space:nowrap;background:#fff;border:1px solid #141e321f;flex-direction:column;align-items:center;gap:0;min-width:0;padding:4px 2px 3px;font-size:11px;line-height:1.1}.de-chip b{color:#1d2433;font-size:20px}.de-chip small{font-size:10px}.de-chip.ok{background:#f0fdf4;border-color:#86efac}.de-chip.ok b{color:#15803d}.de-chip.total.ok{background:#fffbeb;border-color:#f2c94c}.de-chip.total.ok b,.de-bar em{color:#b45309}.de-bar small{color:#6b7280}.de-bar i{background:linear-gradient(#fcd34d,#f59e0b)}.dl-strip{background:linear-gradient(90deg,#22304d,#172036)}.de-empty{color:#6b7280}.de-chip b em{color:#9ca3af;margin-left:1px;font-size:13px;font-style:normal}.inbox-item{padding:12px 14px!important}.inbox-ic{object-fit:contain;flex-shrink:0;width:38px;height:38px}.inbox-item p{white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.inbox-item>div{min-width:0}.inbox-item.unread{border-left:4px solid #f59e0b!important}.inbox-item.claimed{opacity:.65}.modal.letter-modal{width:min(520px,92vw)}.letter-body{margin:0 0 14px;font-size:15px;line-height:1.45}.letter-sub{color:#b45309;margin-bottom:8px;font-family:Teko,Impact,sans-serif;font-size:20px;font-weight:600;display:block}.letter-rewards{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.letter-reward{background:linear-gradient(#fffbeb,#fef3c7);border:1px solid #f2c94c;border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:100px;padding:10px 6px;display:flex}.letter-reward img{object-fit:contain;width:58px;height:58px}.letter-reward>span{font-size:40px}.letter-reward b{font-family:Teko,Impact,sans-serif;font-size:22px;line-height:1}.letter-reward small{color:#6b7280;text-align:center;font-size:11px;font-weight:700}.letter-claim{width:100%}.letter-done{text-align:center;color:#15803d;margin:0;font-weight:700}.letter-card{background:#fff;border:1px solid #141e321a;border-radius:18px;padding:16px 18px;box-shadow:0 2px 8px #141e3214}.letter-claim{width:auto;min-width:240px}.tb-rank>img{height:calc(var(--top-h) * .44)}button.rw-chip{cursor:pointer;font:inherit}button.rw-chip:hover{filter:brightness(1.04);transform:translateY(-1px)}.modal.rw-info{width:min(460px,92vw)}.rw-info-body{align-items:center;gap:20px;padding:10px 6px 14px;display:flex}.modal.rw-info{padding:18px 20px 20px!important}.rw-info-body .odds-chips{justify-content:flex-start;margin:6px 0 10px}.rw-info-body .pack-img{filter:drop-shadow(0 6px 10px #00000040);flex-shrink:0;width:110px}.rw-info-body .pack-img img{width:100%}.rw-info-img{object-fit:contain;flex-shrink:0;width:90px;height:90px}.rw-info-body p{margin:0 0 8px}.bottomnav{padding-top:env(safe-area-inset-top)}.nav-logo{height:calc(var(--top-h) * .9);cursor:pointer;background:0 0;place-items:center;display:grid;border:none!important;flex:none!important;max-height:none!important;padding:4px 6px!important}.nav-logo img{object-fit:contain;max-width:100%;max-height:100%}.market-locked{text-align:center;background:#fff;border:1px solid #141e321a;border-radius:18px;flex-direction:column;align-items:center;gap:8px;max-width:460px;margin:30px auto;padding:22px;display:flex}.market-locked .ic{height:54px}.market-locked b{font-family:Teko,Impact,sans-serif;font-size:28px}.market-locked p{color:#4b5565;margin:0 0 6px}.content:has(>.card-page)>:not(.card-page){display:none}.cd-arrows{align-items:center;gap:8px;display:flex}.cd-arrow{color:#1d2433;cursor:pointer;background:#fff;border:1px solid #141e3226;border-radius:12px;width:40px;height:40px;padding-bottom:3px;font-size:28px;line-height:1;box-shadow:0 2px 6px #141e321f}.cd-arrow:disabled{opacity:.3;cursor:default}.cd-body{align-items:flex-start;gap:28px;padding:4px 6px 10px;display:flex}.cd-card{top:calc(var(--top-h) + 16px);flex-shrink:0;position:sticky}.cd-info{flex-direction:column;flex:1;gap:10px;min-width:0;max-width:560px;display:flex}.cd-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-tag{color:#1d2433;background:#fff;border:1px solid #141e321f;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.cd-tag canvas{border-radius:3px}.cd-tag.rarity{background:var(--rc);border-color:color-mix(in srgb, var(--rc) 70%, #000);color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.cd-tag.soft{color:#5d6676;background:#141e320d}.cd-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cd-stat{background:#fff;border:1px solid #141e321a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex}.cd-stat b{align-items:center;gap:4px;font-family:Teko,Impact,sans-serif;font-size:26px;font-weight:600;line-height:1;display:inline-flex}.cd-stat b .ic{height:20px}.cd-stat small{text-align:center;color:#6b7280;font-size:12px;font-weight:700;line-height:1.15}.cd-stat.gold b{color:#d97706}.cd-sell{background:#fffbeb;border:1px solid #f2c94c;border-radius:14px;padding:12px 14px}.cd-sell .sell-form{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.sell-stats{flex-direction:column;gap:2px;display:flex}@media (width<=640px){.cd-body{flex-direction:column;align-items:center}.cd-card{position:static}}.redeem-row{gap:8px;display:flex}.redeem-row input{letter-spacing:.08em;text-transform:uppercase;flex:1;min-width:0}.redeem-row .btn{margin:0}.sound-test .st-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 10px;display:grid}.st-btn{color:#1d2433;cursor:pointer;text-align:left;background:#fff;border:1px solid #141e321f;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.st-btn:active{background:#fef3c7;transform:scale(.97)}.st-btn small{color:#6b7280;font-size:11px}.st-btn.on{background:#fffbeb;border-color:#f59e0b}.sell-quick{flex-wrap:wrap;gap:6px;display:flex}.sell-quick .btn{align-items:center;gap:4px;margin:0;display:inline-flex}.sell-row{gap:8px}.sell-row input{flex:1;min-width:0}.sell-row .btn{margin:0}.odds-pop .odds-min{color:#6b5a3a;font-size:11px;font-weight:600}.mk-filters{flex-direction:column;gap:8px;margin:10px 0 12px;display:flex}.mk-search{background:#fff;border:1px solid #141e321f;border-radius:14px;align-items:center;gap:8px;height:46px;padding:0 14px;display:flex;box-shadow:inset 0 1px 2px #141e320f}.mk-search>span{opacity:.6;font-size:18px}.app:not(.match-app) .content .mk-search input{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px}.mk-chip-x{color:#fff;cursor:pointer;background:#1d2433;border:0;border-radius:999px;flex-shrink:0;height:30px;padding:0 12px;font-weight:700}.mk-row{flex-wrap:wrap;gap:6px;display:flex}.mk-row.scroll{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.mk-row.scroll::-webkit-scrollbar{display:none}.mk-chip{color:#1d2433;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #141e3224;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.mk-chip canvas{border-radius:3px}.mk-chip.rar{color:color-mix(in srgb, var(--rc) 80%, #111);border-color:color-mix(in srgb, var(--rc) 45%, transparent);background:color-mix(in srgb, var(--rc) 10%, #fff)}.mk-chip.on{color:#fff;background:#1d2433;border-color:#1d2433}.mk-chip.rar.on{background:var(--rc);border-color:color-mix(in srgb, var(--rc) 70%, #000);color:#fff}.mk-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;display:flex}.mk-empty img{object-fit:contain;opacity:.85;width:72px;height:72px}.mk-empty b{font-family:Teko,Impact,sans-serif;font-size:24px;font-weight:600}.mk-empty .btn{margin-top:4px}.page-header-right{margin-left:auto}.decks-page .decks-practice{margin:16px 0 4px;padding:10px 20px 10px 12px}.decks-page .decks-practice img{width:40px;height:40px}.pass-head>div:first-child>b{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.pass-head>div:first-child>b .countdown{color:#6b7280;font-family:Barlow Semi Condensed,Arial,sans-serif;font-size:14px;font-weight:700}.crest-svg{overflow:visible}.crest-editor{align-items:flex-start;gap:16px;display:flex}.crest-editor .crest{width:auto;height:auto}.ce-preview{background:radial-gradient(circle at 50% 40%,#fff,#ece8dd);border:1px solid #141e321a;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex}.ce-preview .btn{margin:0}.ce-controls{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ce-row{flex-direction:column;gap:4px;display:flex}.ce-row>small{color:#6b7280;font-weight:700}.ce-opts{flex-wrap:wrap;gap:5px;display:flex}.ce-opts button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;place-items:center;min-width:38px;height:40px;padding:0 4px;display:grid;box-shadow:0 1px 3px #141e321f}.ce-opts button.on{border-color:#22c55e}.ce-opts.swatches button{border:2px solid #141e3226;border-radius:50%;width:26px;min-width:0;height:26px}.ce-opts.swatches button.on{border-color:#1d2433;box-shadow:0 0 0 2px #fff,0 0 0 4px #22c55e}.ce-opts.symbols button{font-size:20px}.app:not(.match-app) .content .ce-letters{text-transform:uppercase;letter-spacing:.15em;width:110px;font-weight:700}@media (width<=640px){.crest-editor{flex-direction:column;align-items:stretch}}.ce-opts.swatches button.metal{border-color:#141e324d}.ce-opts.swatches button.metal+button:not(.metal){margin-left:6px}.ce-tabs{background:#141e320f;border-radius:12px;gap:4px;margin-bottom:2px;padding:3px;display:flex}.ce-tabs button{color:#5d6676;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;height:32px;font-size:14px;font-weight:700}.ce-tabs button.on{color:#1d2433;background:#fff;box-shadow:0 1px 4px #141e3226}.ce-controls{min-height:150px}.modal.create-club{width:min(760px,94vw);max-width:760px}.create-club .cc-row{grid-template-columns:1fr 1.4fr;gap:10px;margin-bottom:10px;display:grid}.create-club .cc-row .field{margin:0}.cc-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.cc-foot .btn{margin:0}@media (width<=640px){.create-club .cc-row{grid-template-columns:1fr}}.cc-foot .check{white-space:nowrap}.app:not(.match-app) .content .cc-foot .btn{flex:none;width:auto;min-width:220px}.ce-opts button{height:36px}.ce-opts.swatches{gap:4px}.ce-opts.swatches button{width:23px;height:23px}.ce-opts.symbols button{min-width:36px}.cardx.back-anim{isolation:isolate;border-radius:7%;position:relative;overflow:hidden}.cardx.back-anim:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 38%,#ffffffd9 46%,#8ccdff8c 50%,#ff96e673 54%,#0000 62%) 0 0/400% 100%;animation:3s ease-in-out infinite backShine;position:absolute;inset:0}.back-fx{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.back-fx .rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--fx) 70%, transparent) 0 7deg, transparent 7deg 20deg);mix-blend-mode:screen;opacity:.6;animation:12s linear infinite spin;position:absolute;inset:-35%;-webkit-mask:radial-gradient(circle,#0000 15%,#000 21%,#0000 44%);mask:radial-gradient(circle,#0000 15%,#000 21%,#0000 44%)}.back-fx .glow{background:radial-gradient(circle at 50% 50%, transparent 27%, color-mix(in srgb, var(--fx) 85%, transparent) 33%, color-mix(in srgb, var(--fx) 30%, transparent) 40%, transparent 52%);mix-blend-mode:screen;animation:2.2s ease-in-out infinite backPulse;position:absolute;inset:0}.back-fx i{aspect-ratio:1;width:4%;box-shadow:0 0 6px 2px var(--fx);opacity:0;background:#fff;border-radius:50%;animation:3.6s linear infinite backSpark;position:absolute;bottom:-6%}.back-fx i:first-of-type{animation-delay:0s;left:12%}.back-fx i:nth-of-type(2){width:3%;animation-delay:1.1s;left:28%}.back-fx i:nth-of-type(3){animation-delay:2.2s;left:44%}.back-fx i:nth-of-type(4){width:3%;animation-delay:.5s;left:58%}.back-fx i:nth-of-type(5){animation-delay:1.7s;left:72%}.back-fx i:nth-of-type(6){width:2.5%;animation-delay:2.8s;left:86%}.back-fx i:nth-of-type(7){width:2.5%;animation-delay:3.2s;left:36%}.back-fx i:nth-of-type(8){width:3.5%;animation-delay:2.5s;left:66%}.back-fx em{aspect-ratio:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:11%;filter:drop-shadow(0 0 3px var(--fx));opacity:0;background:#fff;animation:2.6s ease-in-out infinite backTwinkle;position:absolute}.back-fx em:first-of-type{animation-delay:0s;top:12%;left:14%}.back-fx em:nth-of-type(2){animation-delay:.9s;top:22%;right:12%}.back-fx em:nth-of-type(3){animation-delay:1.6s;bottom:18%;left:18%}.back-fx em:nth-of-type(4){animation-delay:2.1s;bottom:10%;right:16%}.back-fx .beam{clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);transform-origin:50% 0;mix-blend-mode:screen;background:linear-gradient(#d2e6ffbf,#a0c8ff40 60%,#0000 90%);width:46%;height:125%;position:absolute;top:-12%}.back-fx .beam.l{animation:3.4s ease-in-out infinite alternate beamL;left:-8%}.back-fx .beam.r{animation:3.4s ease-in-out infinite alternate beamR;right:-8%}@keyframes backShine{0%,30%{background-position:100% 0}65%,to{background-position:0 0}}@keyframes backPulse{0%,to{opacity:.3;transform:scale(.96)}50%{opacity:.85;transform:scale(1.05)}}@keyframes backSpark{0%{opacity:0;transform:translateY(0)scale(.6)}12%{opacity:1}80%{opacity:.7}to{opacity:0;transform:translateY(-1000%)scale(1.1)}}@keyframes backTwinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}45%{opacity:1;transform:scale(1)rotate(45deg)}70%{opacity:0;transform:scale(.5)rotate(90deg)}}@keyframes beamL{0%{transform:rotate(-32deg)}to{transform:rotate(8deg)}}@keyframes beamR{0%{transform:rotate(32deg)}to{transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.cardx.back-anim:after,.back-fx *{animation:none!important}}.cos-tabs button .ic{width:auto;height:22px}.cos-art .ic{width:auto;height:40px}.cos-art.back-card{background:0 0;width:auto;height:auto}.cos-art.arena{background-position:50%;background-size:cover;border-radius:10px;width:96px;height:64px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0003,0 3px 6px #00000040}.cos-art.arena img{width:auto;height:calc(100% - 6px);position:absolute;top:3px;right:3px}.pt-back{filter:drop-shadow(0 3px 5px #0000004d);height:54px;display:block}.pt-arena{background:50%/cover no-repeat;border-radius:8px;width:64px;height:46px;display:block;box-shadow:0 3px 6px #00000040}.pt-tile.locked .pt-back,.pt-tile.locked .pt-arena{filter:grayscale(.4)}.si-back-art{filter:drop-shadow(0 4px 8px #0000004d);justify-content:center;margin:2px 0 4px;display:flex}.profile-card .pc-next{background:linear-gradient(#fff8e1,#fdebb3);border:1.5px solid #f2c94c;border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;display:flex}.pc-next-lv{flex-direction:column;flex-shrink:0;line-height:1.1;display:flex}.pc-next-lv small{color:#a16207;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.pc-next-lv b{color:#1d2433;font-family:Teko,Impact,sans-serif;font-size:22px;font-weight:600}.pc-next-items{flex-wrap:wrap;gap:6px;display:flex}.pc-next-item{background:#fff;border:1px solid #141e321a;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 4px;display:flex}.pc-next-item img{object-fit:contain;width:26px;height:26px}.pc-next-item b{color:#1d2433;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:17px;font-weight:600;line-height:1}.flip.big.open .flip-inner{transition:transform 1.6s cubic-bezier(.15,.85,.85,.15)!important}.flip.big{isolation:isolate}.flip.big.open{animation:1.9s ease-out bigLift}@keyframes bigLift{0%{transform:none}45%{transform:translateY(-12px)scale(1.05)}70%{transform:translateY(-8px)scale(1.04)}to{transform:none}}.flip.big:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg, var(--rc) 0deg 10deg, transparent 10deg 30deg);opacity:0;pointer-events:none;border-radius:14px;position:absolute;inset:-6%;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000 100%);mask:radial-gradient(closest-side,#000 55%,#0000 100%)}.flip.big.open:before{animation:.6s ease-out .9s forwards bigRaysIn,9s linear infinite bigRaysSpin}.flip.icon:before{background:repeating-conic-gradient(#67e8f9 0deg 8deg,#0000 8deg 18deg,#f0abfc 18deg 26deg,#0000 26deg 36deg)}@keyframes bigRaysIn{to{opacity:.75}}@keyframes bigRaysSpin{to{rotate:360deg}}.reward-flash{z-index:5;pointer-events:none;animation:1.1s ease-out forwards rewardFlash;position:fixed;inset:0}.reward-flash.legendary{background:radial-gradient(circle at 50% 45%,#fff 0%,#fde68a 30%,#f59e0b99 60%,#0000 85%)}.reward-flash.icon{background:radial-gradient(circle at 50% 45%,#fff 0%,#a5f3fc 28%,#d946ef8c 60%,#0000 85%)}@keyframes rewardFlash{0%{opacity:0}12%{opacity:.95}to{opacity:0}}@media (prefers-reduced-motion:reduce){.flip.big.open,.flip.big.open:before,.reward-flash{animation:none}}.pt-arena.premium,.cos-art.arena.premium{position:relative;overflow:hidden}.pt-arena.premium:after,.cos-art.arena.premium:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffffb3 50%,#0000 65%);animation:3.2s ease-in-out infinite arenaPreviewSheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes arenaPreviewSheen{0%,40%{transform:translate(-120%)}to{transform:translate(120%)}}.si-arena{background:50%/cover no-repeat;border-radius:12px;width:150px;height:100px;margin:2px auto 6px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.si-arena img{height:calc(100% - 8px);position:absolute;top:4px;right:4px}.avatar{width:var(--av);height:var(--av);flex-shrink:0;display:inline-block;position:relative}.avatar.tappable{cursor:pointer}.av-face{background:radial-gradient(circle at 50% 35%,#33507a,#0f1b2e 75%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffd9,0 3px 8px #00000059}.avatar.framed .av-face{inset:9%;box-shadow:inset 0 0 0 1px #0006}.av-face img{object-fit:cover;width:165%;height:165%;position:absolute;top:-6%;left:-38%}.av-face i{font-style:normal;font-size:calc(var(--av) * .45);place-items:center;display:grid;position:absolute;inset:0}.av-frame{pointer-events:none;filter:drop-shadow(0 2px 3px #0006);width:100%;height:100%;position:absolute;inset:0}.avatar.premium:before{content:"";background:radial-gradient(circle closest-side, transparent 76%, var(--fx) 84%, transparent 97%);opacity:.2;pointer-events:none;border-radius:50%;animation:2.6s ease-in-out infinite avGlow;position:absolute;inset:-10%}.av-shine{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.av-shine i{background:conic-gradient(#0000 0deg 300deg,#ffffff26 318deg,#fffffff2 336deg,#ffffff26 350deg,#0000 360deg);animation:3.4s linear infinite avRun;position:absolute;inset:0}.av-stars i{clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);width:16%;height:16%;filter:drop-shadow(0 0 2px var(--fx));opacity:0;pointer-events:none;background:#fff;margin:-8% 0 0 -8%;animation:2.4s ease-in-out infinite avTwinkle;position:absolute}.av-stars i:first-child{top:18%;left:84%}.av-stars i:nth-child(2){animation-delay:.6s;top:62%;left:94%}.av-stars i:nth-child(3){animation-delay:1.2s;top:88%;left:22%}.av-stars i:nth-child(4){animation-delay:1.8s;top:34%;left:7%}@keyframes avRun{to{transform:rotate(360deg)}}@keyframes avGlow{50%{opacity:.65}}@keyframes avTwinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.avatar.premium:before,.av-shine i,.av-stars i{animation:none}}.pc-avatar-wrap{flex-shrink:0;position:relative}.pc-avatar-edit{color:#3b2400;pointer-events:none;background:#f2c94c;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:2px;right:0;box-shadow:0 2px 4px #0000004d}.av-pick{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;max-height:60vh;padding:4px;display:grid;overflow-y:auto}.av-pick button{cursor:pointer;background:#141e320a;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.av-pick button.active{background:#fff8e1;border-color:#f2c94c}.av-pick small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.pt-tile small{z-index:2}.vol{background:#fff;border:1px solid #141e321a;border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:8px 14px 8px 8px;display:flex}.vol-toggle{cursor:pointer;background:#141e320f;border:none;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.vol-toggle.on{background:linear-gradient(#fde68a,#f2c94c)}.vol-toggle img{object-fit:contain;width:26px;height:26px}.vol input[type=range]{appearance:none;background:linear-gradient(90deg, #f2c94c var(--v), #141e321f var(--v));cursor:pointer;border-radius:999px;flex:1;min-width:0;height:8px}.vol input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #e0a82e;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #00000040}.vol input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #e0a82e;border-radius:50%;width:18px;height:18px}.vol-row.off input[type=range]{opacity:.4;cursor:default}.vol-num{text-align:right;color:#1d2433;flex:none;min-width:52px;padding-top:2px;font-family:Teko,Impact,sans-serif;font-size:20px;font-weight:600}.vol-row.off .vol-num{color:#9ca3af}.legal-links{color:#6b7280;text-align:center;margin:14px 0 4px;font-size:12px;line-height:1.5}.legal-links a{color:#b7791f;font-weight:700;text-decoration:none}.field input.code-input{letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.sup-topics{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.sup-topics button{color:#1d2433;cursor:pointer;background:#fff;border:1.5px solid #141e3224;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.sup-topics button.active{background:linear-gradient(#fde68a,#f2c94c);border-color:#e0a82e}.support-modal textarea{resize:vertical;width:100%;min-height:110px;font:inherit}.ob-google{justify-content:center;min-height:44px;margin:2px 0 10px;display:flex}.ob-google.loading{min-height:0;margin:0}.hv-season-back{filter:drop-shadow(0 4px 8px #00000059);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)rotate(8deg)}.hv-packs{pointer-events:none;width:40%;height:calc(100% - 8px);position:absolute;bottom:4px;right:8px}.hv-packs img{filter:drop-shadow(0 3px 6px #00000059);transform-origin:50% 100%;width:auto;height:100%;position:absolute;bottom:0}.hv-packs img:first-child{right:46%;transform:rotate(-12deg)scale(.88)}.hv-packs img:nth-child(2){z-index:2;right:26%}.hv-packs img:nth-child(3){right:4%;transform:rotate(12deg)scale(.88)}.consent-check{color:#374151;text-align:left;align-items:flex-start;gap:10px;margin:6px 0 12px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.consent-check input[type=checkbox]{margin-top:1px}.consent-check a{color:#b7791f;font-weight:800}.field-error{color:#dc2626;margin:-4px 0 8px;font-size:12px;font-weight:700}.ob{align-items:center;gap:clamp(16px, calc(4 * var(--vw)), 56px);height:100%;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 20px);color:#fff;background:radial-gradient(60% 70% at 26% 45%,#ffc44029,#0000 70%),linear-gradient(90deg,#03081459,#030814d1 62%),url(/assets/home/bg_home.webp) 50%/cover no-repeat;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;position:relative;overflow:hidden}.ob-brand{align-items:center;gap:clamp(6px, calc(1.6 * var(--vh)), 14px);flex-direction:column;min-width:0;display:flex}.ob-logo{width:min(100%,360px);max-height:calc(34 * var(--vh));object-fit:contain;filter:drop-shadow(0 10px 24px #0000008c)}.ob-tagline{font-family:Teko,Impact,sans-serif;font-size:clamp(17px, calc(4.4 * var(--vh)), 24px);letter-spacing:.03em;text-align:center;color:#fde68a;margin:0;line-height:1.05}.ob-quick{flex-direction:column;align-items:stretch;gap:8px;display:flex}.ob-or{color:#e2e8f0bf;letter-spacing:.04em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.ob-or:before,.ob-or:after{content:"";background:linear-gradient(90deg,#0000,#fde68a80,#0000);flex:1;height:1px}.ob-quick .ob-google{min-height:40px;margin:0}.ob-guest{color:#fde68a;letter-spacing:.02em;cursor:pointer;background:#0a10208c;border:1.5px solid #fde68a99;border-radius:999px;height:40px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s}.ob-guest:hover{background:#fde68a1f;border-color:#fde68a}.ob-quick-row{gap:8px;display:flex}.ob-quick-row .ob-guest{flex:1;min-width:0}.ob-quick-row .ob-lang{height:40px}.ob-quick-row .ob-lang button{height:100%}.ob-lang{background:#0a102099;border:1px solid #ffffff2e;border-radius:999px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.ob-lang button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800}.ob-lang button.active{color:#3b2400;background:linear-gradient(#fde68a,#f2c94c)}.ob-main{justify-content:center;min-width:0;max-height:100%;display:flex}.ob-panel{width:min(100%,470px);max-height:calc(var(--sh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overscroll-behavior:contain;scrollbar-width:thin;gap:clamp(7px, calc(1.8 * var(--vh)), 12px);padding:clamp(12px, calc(3 * var(--vh)), 20px) clamp(14px, calc(2 * var(--vw)), 22px);color:#e2e8f0;background:linear-gradient(#16203af0,#080d1cf5);border:1.5px solid #d6aa48b3;border-radius:20px;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff14}.ob-panel h2{font-family:Teko,Impact,sans-serif;font-size:clamp(24px, calc(6 * var(--vh)), 32px);color:#fde68a;margin:0;padding-top:3px;font-weight:600;line-height:1}.ob-panel .muted{color:#94a3b8;margin:0;font-size:13px;line-height:1.35}.ob-head{align-items:center;gap:10px;display:flex}.ob-back{color:#fde68a;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;flex:none;width:32px;height:32px;padding-bottom:3px;font-size:24px;line-height:1}.ob-tabs{background:#00000059;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.ob-tabs button{height:clamp(30px, calc(8 * var(--vh)), 38px);color:#94a3b8;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:9px;padding-top:3px;font-family:Teko,Impact,sans-serif;font-size:20px}.ob-tabs button.active{color:#2a1a03;background:linear-gradient(#fde68a,#f5b301 60%,#d98e04)}.ob-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.ob-panel .field{gap:4px;min-width:0;margin:0}.ob-panel .field>span,.ob-pw>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ob-pw{position:relative}.ob-pw input{padding-right:128px!important}.ob-forgot{color:#fbbf24;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ob-row-consent{grid-template-columns:minmax(118px,.6fr) minmax(0,1.4fr);align-items:center}.ob-panel input:not([type=checkbox]),.ob-panel select{width:100%;height:clamp(36px, calc(10 * var(--vh)), 42px);color:#fff;font:inherit;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:10px;padding:0 12px;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s}.ob-panel input::placeholder{color:#94a3b899}.ob-panel input:focus,.ob-panel select:focus{border-color:#f5b301;outline:none;box-shadow:0 0 0 3px #f5b3012e}.ob-panel select:invalid{color:#94a3b8bf}.ob-panel select option{color:#1d2433;background:#fff}.ob-panel input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 40px #1b2742}.ob-panel .field input.code-input{height:46px;font-size:26px}.ob-panel .btn.primary{min-height:clamp(38px, calc(11 * var(--vh)), 46px);color:#2a1a03;text-shadow:none;letter-spacing:.05em;background:linear-gradient(#fde68a,#f5b301 55%,#d98e04);border:1px solid #b7791f;border-radius:12px;margin-top:2px;padding-top:4px;font-family:Teko,Impact,sans-serif;font-size:22px;box-shadow:0 3px #8a5a0a}.ob-panel .btn.primary:disabled{opacity:.45}.ob-panel .consent-check{color:#cbd5e1;margin:0;font-size:12px}.ob-panel .consent-check a{color:#fbbf24}.ob-panel .field-error{color:#f87171;margin:-4px 0 0}.ob-links{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.ob-links button{color:#fbbf24;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}@media (orientation:portrait){.ob{grid-template-columns:1fr;align-content:center;overflow-y:auto}.ob-panel{max-height:none}}