:root{--bg: #0f1419;--bg-panel: #1a2332;--bg-card: #243044;--text: #e8edf5;--text-muted: #8b9cb3;--primary: #ff4757;--primary-hover: #ff6b7a;--secondary: #3742fa;--accent: #ffd700;--border: #2d3f5a;--success: #2ed573;--radius: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding-bottom:env(safe-area-inset-bottom);background-image:radial-gradient(ellipse at 20% 0%,rgba(255,71,87,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(55,66,250,.1) 0%,transparent 50%)}.app{min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100vh}.pokeball-loader{width:48px;height:48px;object-fit:contain;animation:pokeballSpin .9s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}@keyframes pokeballSpin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rainbowBorder{0%{--angle: 0deg}to{--angle: 360deg}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.btn{border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;cursor:pointer;transition:transform .15s,background .15s;font-weight:600}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.secondary{background:var(--secondary);color:#fff}.btn.ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn.large{padding:.9rem 2rem;font-size:1.05rem;width:100%}.btn.small{padding:.35rem .7rem;font-size:.8rem}.btn.full{width:100%;margin-top:.75rem}input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;margin:.5rem 0 1rem}input:focus{outline:2px solid var(--primary);border-color:transparent}label{font-size:.85rem;color:var(--text-muted)}.alert.error,.error-toast{background:#ff475726;color:#ff8a96;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.hint,.muted,.waiting-text{color:var(--text-muted);font-size:.9rem}.lobby-page{min-height:100vh;display:grid;grid-template-columns:1fr 400px;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;align-items:center}@media(max-width:900px){.lobby-page{grid-template-columns:1fr}}.lobby-hero{position:relative}.hero-bg{position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;background:radial-gradient(circle,rgba(255,71,87,.08) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative}.pokeball-big{font-size:4rem;color:var(--primary);margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,71,87,.5))}.lobby-hero h1{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#ff8a96);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-list{list-style:none;margin-top:1.5rem;line-height:2;color:var(--text-muted)}.lobby-card{padding:2rem}.lobby-buttons{display:flex;flex-direction:column;gap:.75rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#1a2332e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{font-size:1.8rem;color:var(--primary)}.brand h1{font-size:1.1rem}.subtitle{font-size:.8rem;color:var(--text-muted)}.top-actions{display:flex;align-items:center;gap:1rem}.top-bar-playmat{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.28rem .65rem!important;background:#080c168c!important;border-bottom-color:#ffffff1a}.top-bar-playmat .brand{justify-self:start;min-width:0;gap:.45rem}.top-bar-playmat .brand-icon-img{width:24px;height:24px}.top-bar-playmat .brand h1,.top-bar-playmat .brand .subtitle{line-height:1.15}.top-bar-playmat .top-actions{justify-self:end;gap:.45rem;overflow:visible}.top-bar-hud{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:.1rem;max-width:min(460px,44vw);padding:.18rem .65rem;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 20px #00000024}.top-bar-hud.is-my-turn{border-color:#ff475773;box-shadow:0 0 0 1px #ff475740,0 2px 12px #ff47571f}.top-bar-hud-row{display:flex;align-items:center;gap:.4rem;justify-content:center;min-height:0;max-width:100%}.top-bar-hud-row-main{flex-wrap:nowrap}.top-bar-hud-row-meta{flex-wrap:wrap;gap:.3rem}.top-bar-hud-turn{font-size:.6rem;font-weight:700;padding:.06rem .38rem;border-radius:999px;background:#2ed5732e;color:var(--success);white-space:nowrap;flex-shrink:0}.top-bar-hud.is-my-turn .top-bar-hud-turn{background:#ff475733;color:var(--primary)}.top-bar-hud-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.top-bar-hud-score{font-size:.85rem;font-weight:800;color:var(--accent);flex-shrink:0}.top-bar-hud-tag{font-size:.55rem;padding:.06rem .28rem;border-radius:999px;background:#ffffff1a;color:var(--text-muted);flex-shrink:0}.top-bar-hud-phase{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.lobby-room{max-width:480px;margin:3rem auto;text-align:center}.room-code-display{font-size:1.5rem;margin:1rem 0;letter-spacing:.2em}.room-code-display strong{color:var(--accent);font-size:2rem}.player-list{list-style:none;margin:1.5rem 0;text-align:left}.player-list li{padding:.75rem 1rem;background:var(--bg-card);border-radius:8px;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.tag{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;background:var(--secondary)}.tag.me{background:var(--primary)}.tag.ai{background:#636e72;font-size:.65rem}.lobby-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.ai-count-picker{display:flex;gap:.5rem;margin:.5rem 0 1rem}.ai-count-picker .btn{flex:1}.player-chip.ai-player{border-color:#636e72;opacity:.95}.ai-tag{font-size:.75rem}.trainer-select{max-width:900px;margin:2rem auto;text-align:center}.trainer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.trainer-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;text-align:center;transition:border-color .2s,transform .15s;color:var(--text)}.trainer-card:hover:not(.disabled){border-color:var(--primary);transform:translateY(-2px)}.trainer-card.selected{border-color:var(--success);background:#2ed57314}.trainer-card.disabled{opacity:.45;cursor:not-allowed}.trainer-image{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;margin:0 auto .5rem;border:2px solid var(--border)}.trainer-title{color:var(--accent);font-size:.85rem;margin:.25rem 0}.taken-label{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.taken-label.mine{color:var(--success)}.game-board{padding:1rem 1.5rem 2rem}.winner-banner{background:linear-gradient(135deg,#ffd70033,#ff475733);border:1px solid var(--accent);border-radius:var(--radius);padding:1rem;text-align:center;font-size:1.3rem;margin-bottom:1rem}.status-bar{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem}.turn-active{color:var(--success);font-weight:700}.board-layout{display:grid;grid-template-columns:220px 1fr 240px;gap:1rem;align-items:start}@media(max-width:1100px){.board-layout{grid-template-columns:1fr}}.side-panel h3,.side-panel h4{font-size:.85rem;color:var(--text-muted);margin:1rem 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.side-panel h3:first-child{margin-top:0}.token-pool{display:flex;flex-direction:column;gap:.4rem}.pool-token{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:8px;border:2px solid transparent;cursor:pointer;font-size:.85rem;color:#111;font-weight:600}.pool-token:disabled{opacity:.35;cursor:not-allowed}.pool-token.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.ball-red{background:#ff6b6b}.ball-blue{background:#54a0ff}.ball-yellow{background:#feca57;color:#333}.ball-green{background:#1dd1a1;color:#111}.ball-purple{background:#a29bfe}.ball-gold{background:linear-gradient(135deg,gold,#fa0);color:#333}.market-panel{display:flex;flex-direction:column;gap:1rem}.market-row h3{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.card-row{display:flex;flex-wrap:wrap;gap:.85rem;align-items:stretch}.card{flex-shrink:0;transition:transform .2s ease,box-shadow .25s ease}.pc-card{--pc-accent: #22c55e;--pc-accent-dark: #15803d;--pc-accent-soft: rgba(34, 197, 94, .18);--pc-ribbon: linear-gradient(90deg, #15803d, #22c55e 50%, #15803d);position:relative;width:184px;min-height:268px;border-radius:16px;padding:3px;background:linear-gradient(145deg,var(--pc-accent) 0%,var(--pc-accent-dark) 100%);box-shadow:0 8px 24px #00000059,0 2px 6px #0003,inset 0 1px #ffffff59;color:#1e293b;overflow:hidden;display:flex;flex-direction:column}.pc-tier-1{--pc-accent: #22c55e;--pc-accent-dark: #15803d;--pc-accent-soft: rgba(34, 197, 94, .2);--pc-ribbon: linear-gradient(90deg, #14532d, #22c55e 50%, #14532d)}.pc-tier-2{--pc-accent: #f59e0b;--pc-accent-dark: #d97706;--pc-accent-soft: rgba(245, 158, 11, .22);--pc-ribbon: linear-gradient(90deg, #92400e, #fbbf24 50%, #92400e)}.pc-tier-3{--pc-accent: #3b82f6;--pc-accent-dark: #1d4ed8;--pc-accent-soft: rgba(59, 130, 246, .22);--pc-ribbon: linear-gradient(90deg, #1e3a8a, #60a5fa 50%, #1e3a8a)}.pc-tier-rare{--pc-accent: #ec4899;--pc-accent-dark: #be185d;--pc-accent-soft: rgba(236, 72, 153, .25);--pc-ribbon: linear-gradient(90deg, #9d174d, #f472b6 50%, #9d174d)}.pc-tier-legendary{--pc-accent: #a855f7;--pc-accent-dark: #7e22ce;--pc-accent-soft: rgba(168, 85, 247, .28);--pc-ribbon: linear-gradient(90deg, #581c87, #c084fc 50%, #581c87)}.pc-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;border-radius:13px;background:linear-gradient(180deg,#fffffff7,#f1f5f9 55%,#e8eef5);overflow:hidden;box-shadow:inset 0 1px #fffffff2;min-height:0}.pc-holo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:16px;pointer-events:none;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.45) 45%,rgba(180,220,255,.35) 50%,rgba(255,200,255,.4) 55%,transparent 70%);background-size:250% 250%;animation:pcHoloShine 4s ease-in-out infinite;mix-blend-mode:overlay;opacity:.65}@keyframes pcHoloShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pc-header{position:relative;display:flex;justify-content:center;align-items:center;min-height:1.85rem;padding:.32rem 2.15rem .28rem}.pc-tier-badge{position:absolute;top:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.65rem;padding:0 .35rem;border-radius:12px 0 8px;background:var(--pc-ribbon);box-shadow:0 2px 6px #0003,inset 0 1px #fff6}.pc-tier-val{font-size:1rem;font-weight:900;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.pc-header-center{display:flex;justify-content:center;align-items:center;max-width:100%}.pc-evolve-badge{position:absolute;bottom:0;right:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:1.75rem;height:1.65rem;padding:0 .35rem;border-radius:8px 0 0 12px;background:linear-gradient(180deg,#4c1d95,#312e81);box-shadow:0 2px 6px #0003,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.12)}.pc-evolve-sprite{display:flex;align-items:center;justify-content:center;width:20px;height:20px;overflow:hidden}.pc-evolve-sprite .card-sprite{width:24px;height:24px;margin-top:1px;animation:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.pc-evolve-arrow{display:flex;align-items:center;justify-content:center;width:14px;height:10px;color:#ffffffb3}.pc-evolve-arrow svg{width:100%;height:100%}.pc-evolve-req{display:flex;align-items:center;gap:.1rem}.pc-evolve-req-ball{display:inline-flex;align-items:center;gap:.04rem}.pc-evolve-req-count{font-size:.65rem;font-weight:900;color:#fff;line-height:1}.pc-bonus-wrap{position:absolute;top:0;right:0;z-index:4;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.1rem;max-width:calc(100% - 2rem);padding:.12rem .18rem .16rem .28rem;border-radius:0 12px 0 8px;background:linear-gradient(180deg,#fffffff5,#f1f5f9);border-left:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 4px #0000000f}.pc-bonus-slot{display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;flex-shrink:0;border-radius:50%;background:#ffffffe6;border:1.5px solid var(--pc-accent);box-shadow:0 1px 3px #00000014}.pc-bonus-slot .ball-icon-sm{width:1.05rem;height:1.05rem}.pc-body{display:flex;padding:0 .5rem .2rem;min-height:96px;flex:1 1 auto}.pc-main-content{display:flex;gap:.35rem;flex:1 1 auto;min-height:0}.pc-left-panel{display:flex;flex-direction:column;flex:1;min-width:0}.pc-bottom-bar{display:flex;gap:.35rem;padding:0 .5rem .4rem}.pc-cost-panel{flex:2;display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.35rem .25rem;border-radius:10px;background:linear-gradient(180deg,var(--pc-accent-soft) 0%,rgba(255,255,255,.5) 100%);border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #fff9}.pc-cost-title{display:block;text-align:center;font-size:.58rem;font-weight:800;letter-spacing:.15em;color:var(--pc-accent-dark);opacity:.85}.pc-cost-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem;flex:1;justify-items:center}.pc-cost-chip{display:flex;align-items:center;justify-content:center;gap:.15rem;padding:.15rem .2rem;border-radius:999px;background:#ffffffd9;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 3px #0000000f}.pc-cost-num{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;font-size:.72rem;font-weight:800;color:#334155;line-height:1}.pc-art-window{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:130px;flex:1;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px #00000014,0 3px 10px #0000001f}.pc-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 50% 75%,var(--pc-art-glow, rgba(148, 163, 184, .35)) 0%,#f8fafc 70%)}.pc-elem-red{--pc-art-glow: rgba(255, 107, 107, .45)}.pc-elem-blue{--pc-art-glow: rgba(84, 160, 255, .45)}.pc-elem-yellow{--pc-art-glow: rgba(254, 202, 87, .5)}.pc-elem-green{--pc-art-glow: rgba(29, 209, 161, .45)}.pc-elem-purple{--pc-art-glow: rgba(162, 155, 254, .5)}.pc-elem-gold{--pc-art-glow: rgba(255, 215, 0, .45)}.pc-art-frame{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.25rem}.pc-art-frame .card-sprite{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));animation:spriteFloat 3.5s ease-in-out infinite}.pc-art-frame .card-sprite-fallback{width:100%;min-height:72px;border-radius:8px;background:#ffffff80}.pc-element{position:absolute;top:5px;right:5px;z-index:2;font-size:.58rem;font-weight:800;padding:.15rem .4rem;border-radius:999px;color:#111;box-shadow:0 2px 6px #0000002e;border:1px solid rgba(255,255,255,.5)}.pc-footer{padding:0 .45rem .4rem;flex-shrink:0}.pc-name-banner{display:flex;justify-content:center;padding:.35rem .5rem;border-radius:8px;background:var(--pc-ribbon);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff40}.pc-name{font-size:.82rem;font-weight:800;line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}.pc-tags{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 .45rem .25rem;position:relative;z-index:1;flex-shrink:0;min-height:0}.pc-tag{font-size:.58rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;background:#ffffff1f;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.pc-tag.adv{background:#fbbf2440;color:#fcd34d;border-color:#fbbf2459}.pc-tag.combo{background:#fb923c38;color:#fdba74;border-color:#fb923c4d}.pc-tag.evo{background:#34d39933;color:#6ee7b7;border-color:#34d3994d}.pc-tag.rare{background:var(--pc-accent-soft);color:#fce7f3;border-color:#ec489959}.pc-adv-hint{margin:0;padding:0 .45rem .25rem;font-size:.52rem;color:#94a3b8;line-height:1.3;position:relative;z-index:1;flex-shrink:0}.pc-actions{display:flex;flex-direction:column;gap:.28rem;padding:.35rem .45rem .45rem;position:relative;z-index:1;flex-shrink:0;min-width:3.5rem;box-sizing:border-box}.pc-actions-placeholder{visibility:hidden;pointer-events:none}.pc-actions .btn.small{min-width:0;font-size:.68rem;padding:.38rem .25rem;border-radius:8px}.pc-actions:not(:has(.btn)){min-height:0;padding:0}.pc-compact{width:142px;min-height:248px}.pc-compact .pc-header{min-height:1.55rem;padding:.28rem 1.85rem .22rem}.pc-compact .pc-tier-badge{min-width:1.5rem;height:1.45rem;border-radius:10px 0 6px}.pc-compact .pc-tier-val{font-size:.85rem}.pc-compact .pc-bonus-wrap{max-width:calc(100% - 1.75rem);padding:.1rem .14rem .12rem .22rem;border-radius:0 10px 0 6px}.pc-compact .pc-bonus-slot{width:1.15rem;height:1.15rem;border-width:1px}.pc-compact .pc-bonus-slot .ball-icon-xs{width:.9rem;height:.9rem}.pc-compact .pc-evolve-badge{min-width:1.5rem;height:1.45rem;padding:0 .25rem;border-radius:6px 0 0 10px}.pc-compact .pc-evolve-sprite{width:16px;height:16px}.pc-compact .pc-evolve-sprite .card-sprite{width:20px;height:20px}.pc-compact .pc-evolve-arrow{width:12px;height:8px}.pc-compact .pc-body{grid-template-columns:2.4rem 1fr;min-height:76px;padding-bottom:.3rem}.pc-compact .pc-cost-panel{padding:.2rem .15rem}.pc-compact .pc-cost-list{gap:.2rem}.pc-compact .pc-art-window{min-height:72px;border-radius:10px}.pc-compact .pc-art-frame .card-sprite{width:68px;height:68px}.pc-compact .pc-name{font-size:.72rem}.pc-compact .pc-actions .btn.small{font-size:.62rem}.card:hover{transform:translateY(-4px) scale(1.02)}.pc-card:hover{box-shadow:0 14px 32px #0006,0 4px 10px #00000040,inset 0 1px #ffffff59}.has-type-adv{box-shadow:0 0 0 3px #fbbf248c,0 8px 28px #fbbf2440,inset 0 1px #ffffff59!important;animation:advPulse 2s ease-in-out infinite}@keyframes advPulse{0%,to{box-shadow:0 0 0 3px #fbbf2473,0 8px 24px #fbbf2433,inset 0 1px #ffffff59}50%{box-shadow:0 0 0 3px #fbbf24bf,0 8px 32px #fbbf2459,inset 0 1px #ffffff59}}.card-sprite-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:.15rem;border-radius:8px;opacity:.85}.fallback-element{font-size:1.4rem;font-weight:800;color:#111}.fallback-name{font-size:.65rem;font-weight:600;color:var(--text-muted);text-align:center;padding:0 .25rem}@keyframes spriteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-float{animation:float 3s ease-in-out infinite}.anim-capture{animation:captureFlash .6s ease}.anim-evolve{animation:evolveGlow .8s ease}@keyframes captureFlash{0%{box-shadow:0 0 #ff475700}50%{box-shadow:0 0 24px #ff4757cc;transform:scale(1.05)}to{box-shadow:none;transform:scale(1)}}@keyframes evolveGlow{0%{box-shadow:0 0 #2ed57300}50%{box-shadow:0 0 30px #2ed573e6;transform:scale(1.08)}to{box-shadow:none;transform:scale(1)}}.board-anim-capture{animation:boardShake .4s ease}.board-anim-evolve{animation:boardGlow .6s ease}@keyframes boardShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes boardGlow{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}.anim-win{animation:winPulse 1.5s ease infinite}@keyframes winPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.anim-evolve-panel{animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.ball-dot{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;min-width:22px;min-height:22px;position:relative}.ball-dot em{position:absolute;right:-2px;bottom:-2px;font-size:.55rem;font-style:normal;font-weight:800;background:#000000bf;color:#fff;border-radius:999px;min-width:14px;height:14px;line-height:14px;text-align:center;padding:0 2px}.ball-icon{display:block;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.ball-icon-xs{width:18px;height:18px}.ball-icon-sm{width:22px;height:22px}.ball-icon-md{width:28px;height:28px}.ball-icon-lg{width:36px;height:36px}.my-tokens,.discounts{display:flex;flex-wrap:wrap;gap:.35rem}.my-token{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;padding:.15rem .4rem;border-radius:6px;background:#00000040;color:var(--text);font-weight:600}.owned-cards,.reserved-cards{display:flex;flex-direction:column;gap:.3rem}.owned-card-mini{font-size:.8rem;padding:.3rem .5rem;background:var(--bg);border-radius:6px}.players-strip{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.player-chip{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-card);border-radius:8px;border:2px solid transparent;font-size:.85rem}.player-chip.active{border-color:var(--success)}.player-chip.offline{opacity:.5}.offline-tag{font-size:.7rem;color:var(--primary)}.evolution-panel{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:200;min-width:320px;text-align:center;border:2px solid transparent}.evolution-panel:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--angle),#ff0000,#ff8000,#ffff00,#00ff00,#0080ff,#8000ff,#ff0000);animation:rainbowBorder 3s linear infinite;z-index:-1}.evolution-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:var(--bg-panel);z-index:0}.evolution-panel>*{position:relative;z-index:1}.evolution-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.75rem 0}.trainer-badge{font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.spectator-badge{text-align:center;margin-bottom:.75rem;background:#3742fa26;border-color:var(--secondary);color:#8ea0ff}.replay-overlay{min-height:100vh;padding:1rem 1rem 6rem}.replay-controls{position:sticky;top:0;z-index:300;margin-bottom:1rem}.replay-step{font-size:.85rem;color:var(--text-muted);margin:.25rem 0}.replay-summary{font-weight:600;margin:.5rem 0}.replay-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.replay-slider{width:100%;margin-top:.5rem;accent-color:var(--primary)}.type-chart{margin-top:.75rem;padding:.75rem!important;background:var(--bg)!important}.type-chart h3{font-size:.8rem;margin-bottom:.35rem}.type-chart-list{list-style:none;font-size:.75rem}.type-chart-list li{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.type-pill{padding:.15rem .45rem;border-radius:4px;font-weight:700;color:#111;font-size:.7rem}.type-arrow{color:var(--text-muted);font-size:.65rem}.inapp-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(90deg,#3742fa33,#ff475726);border-bottom:1px solid var(--border);font-size:.85rem}.inapp-banner-content p{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.share-btns{display:flex;gap:.35rem;flex-wrap:wrap}.copy-tip{font-size:.8rem;color:var(--success)}.pool-token-row{display:flex;gap:.25rem;align-items:stretch}.pool-token-row .pool-token{flex:1}.btn.tiny{padding:.25rem .4rem;font-size:.7rem;min-width:32px;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer}.x2-tag{font-style:normal;font-size:.65rem;margin-left:.25rem}.touch-target{min-height:44px;min-width:44px}.mobile-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.owned-card-mini.evolved{border-left:3px solid var(--success)}.status-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-board.mobile-first{padding:.5rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.game-board.play-layout{display:flex;flex-direction:column;height:calc(100dvh - 52px);max-height:calc(100dvh - 52px);overflow:hidden;padding:.35rem;padding-bottom:0}.game-board.play-layout.has-action-bar{padding-bottom:0}.game-board.my-turn{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.game-board.play-layout.my-turn{padding-bottom:0}.play-hud{flex-shrink:0;padding:.45rem .65rem!important;margin-bottom:.35rem}.hud-team-scores{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.hud-team-scores-compact{justify-content:center;margin-bottom:.35rem;font-size:.75rem}.hud-team strong{font-size:1.05rem}.hud-team.red{color:#f88}.hud-team.blue{color:#8af}.hud-team.mine{text-decoration:underline;text-underline-offset:2px}.hud-vs{opacity:.5;font-size:.7rem}.hud-win-target{opacity:.55;font-size:.7rem}.hud-opponents{display:flex;gap:.35rem;margin-top:.4rem;padding-bottom:.1rem}.hud-opp-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.25rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.68rem;min-height:36px;cursor:pointer}.hud-opp-chip.active{border-color:var(--success)}.hud-opp-chip strong{font-size:.72rem}.play-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.play-layout.has-action-bar .play-body{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom))}.play-layout.my-turn.has-action-bar .play-body{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom))}.play-market-scroll,.play-tab-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.play-tab-panel{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.market-tier-tabs{display:flex;gap:.25rem;flex-shrink:0;margin-bottom:.35rem}.market-tier-tabs button{flex:1;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);padding:.45rem .25rem;border-radius:8px;font-weight:600;font-size:.78rem;min-height:36px}.market-tier-tabs button.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}.market-panel-focused .market-row-compact h3{font-size:.75rem;margin:.25rem 0 .35rem;color:var(--text-muted)}.card-row-wrap{gap:.4rem}.market-empty-hint{text-align:center;padding:2rem 0}.action-bar{position:fixed;left:.5rem;right:.5rem;bottom:calc(4.75rem + env(safe-area-inset-bottom));z-index:140;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.35rem;background:#0f1419f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;border:1px solid var(--border)}.action-bar .btn{flex:1;min-width:0;padding:.45rem .35rem;font-size:.78rem}.action-bar-badge{flex:1 1 100%;font-size:.68rem;color:var(--accent);text-align:center}.block-hint-inline{flex-shrink:0;font-size:.68rem;color:var(--accent);text-align:center;margin:0 0 .25rem;padding:.25rem}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:100%;max-width:480px;max-height:75vh;border-radius:16px 16px 0 0;margin:0;animation:sheet-up .22s ease-out}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.bottom-sheet-header h3{margin:0;font-size:1rem}.bottom-sheet-body{overflow-y:auto;max-height:calc(75vh - 4rem)}.sheet-link-btns{display:flex;gap:.5rem}.sheet-link-btns .btn{flex:1}.bottom-sheet .team-chat-panel{margin-top:0;padding:0;background:transparent;border:none}.bottom-sheet .team-chat-panel h4{display:none}.section-title{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:600}.section-title small{font-weight:400;opacity:.8}.scroll-x{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:.25rem;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.opponents-panel{margin-bottom:.75rem}.opponents-list{display:flex;flex-direction:column;gap:.65rem}.opponents-list .player-info-card{min-width:unset;max-width:none;width:100%}.player-info-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:.75rem;min-width:min(280px,85vw);max-width:320px}.player-info-card.is-active{border-color:transparent}.player-info-card.is-active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--angle),#ff0000,#ff8000,#ffff00,#00ff00,#0080ff,#8000ff,#ff0000);animation:rainbowBorder 3s linear infinite;z-index:-2}.player-info-card.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:var(--bg-card);z-index:-1}.player-info-card.is-me{border-color:var(--primary)}.player-info-card.compact{min-width:min(260px,88vw);padding:.65rem}.player-info-card.has-trainer-bg{position:relative;background:transparent;border:2px solid rgba(255,255,255,.15)}.player-info-card.has-trainer-bg .pi-content{position:relative;overflow:hidden;z-index:1}.player-info-card.has-trainer-bg.is-active{border-color:transparent}.player-info-card.has-trainer-bg.is-active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--angle),#ff0000,#ff8000,#ffff00,#00ff00,#0080ff,#8000ff,#ff0000);animation:rainbowBorder 3s linear infinite;z-index:-2}.pi-bg-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.45;filter:blur(2px)}.pi-content{position:relative;z-index:1}.has-trainer-bg .pi-name,.has-trainer-bg .pi-score,.has-trainer-bg .pi-label,.has-trainer-bg .pi-empty,.has-trainer-bg .pi-trainer,.has-trainer-bg .pi-owned-name{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4)}.has-trainer-bg .pi-score{color:gold}.has-trainer-bg .pi-badge{background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2)}.has-trainer-bg .ball-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.has-trainer-bg .pi-section{background:#00000040;border-radius:8px;padding:.4rem;margin-bottom:.4rem}.has-trainer-bg .pi-section:last-child{margin-bottom:0}.pi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.pi-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.pi-name{font-size:.95rem}.pi-score{font-size:1.1rem;font-weight:800;color:var(--accent);white-space:nowrap}.pi-badge{font-size:.6rem;padding:.1rem .35rem;border-radius:4px;background:var(--secondary)}.pi-badge.me{background:var(--primary)}.pi-badge.ai{background:#636e72}.pi-badge.turn{background:var(--success);color:#111}.pi-trainer{font-size:.75rem;color:var(--accent);margin-bottom:.35rem}.pi-section{margin-top:.45rem}.pi-label{display:block;font-size:.65rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.pi-tokens{display:flex;flex-wrap:wrap;gap:.3rem}.pi-token{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .35rem .1rem .2rem;border-radius:999px;background:#00000040;font-size:.75rem;font-weight:700;color:var(--text)}.pi-token em{font-style:normal;min-width:1ch;text-align:center}.pi-discounts{display:flex;flex-wrap:wrap;gap:.25rem}.pi-empty{font-size:.75rem;color:var(--text-muted)}.pi-owned{display:flex;flex-wrap:wrap;gap:.35rem}.pi-owned-item{display:flex;align-items:center;gap:.25rem;background:var(--bg);border-radius:6px;padding:.2rem .4rem;max-width:100%}.pi-owned-item.evolved{border-left:2px solid var(--success)}.pi-owned-sprite{width:28px;height:28px;object-fit:contain;flex-shrink:0}.pi-owned-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pi-owned-name{font-size:.75rem;flex:1;min-width:0}.pi-evolved{font-size:.65rem}.pi-reserved-count{font-size:.75rem;color:var(--text-muted)}.pi-reserved-names{display:flex;flex-wrap:wrap;gap:.25rem}.pi-reserved-tag{font-size:.65rem;padding:.15rem .4rem;background:var(--bg);border-radius:4px;color:var(--text-muted)}.pi-hoverable{cursor:pointer}.pi-hoverable:hover{transform:scale(1.1)}.pi-hover-card{position:fixed;z-index:9999;pointer-events:none;transition:opacity .15s ease;left:50%;top:50%;transform:translate(-50%,-50%)}.pi-hover-card .card{box-shadow:0 12px 48px #00000059,0 0 0 1px #ffffff1a}.opponents-mini{padding:.5rem .65rem;margin-bottom:.5rem}.opponents-mini-list{display:flex;flex-direction:column;gap:.35rem}.opp-mini-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.55rem .65rem;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;text-align:left;min-height:44px}.opp-mini-row.active{border-color:var(--success)}.opp-mini-left{display:flex;align-items:center;gap:.35rem;font-size:.85rem;flex-shrink:0}.opp-mini-right{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.opp-mini-score{font-weight:800;color:var(--accent);font-size:.9rem}.opp-mini-meta{color:var(--text-muted);font-size:.7rem}.opp-hint{font-size:.65rem;margin-top:.35rem;text-align:center}.token-pool-bar{margin-bottom:.65rem;padding:.65rem!important}.token-pool-bar .section-title{margin-top:0}.token-pool-horizontal{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.pool-chip-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}.pool-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:52px;min-height:52px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#00000047;color:var(--text);font-weight:700;cursor:pointer;position:relative;padding:.25rem}.pool-chip-ball{margin-bottom:.05rem}.pool-chip.readonly{cursor:default;opacity:.95}.pool-chip:disabled{opacity:.35;cursor:not-allowed}.pool-chip.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.pool-chip-label{font-size:.6rem;opacity:.85}.pool-chip strong{font-size:1.1rem;line-height:1}.sel-count{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:.6rem;font-style:normal;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.my-hand-tokens{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.hand-chip{cursor:pointer;border:2px solid transparent;position:relative}.hand-chip.selected{border-color:var(--accent);box-shadow:0 0 0 2px #f4c43040}.return-btn{margin-top:.5rem}.return-stuck-hint{color:var(--accent);margin-bottom:.35rem}.discard-banner{margin-bottom:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);background:#fbbf241f;border:1px solid rgba(251,191,36,.35);color:#fcd34d;font-size:.85rem}.pool-x2{font-size:.6rem;padding:.15rem .35rem;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--text);min-height:28px;min-width:28px}.take-btn{margin-top:.5rem}.mobile-tabs{display:flex;gap:.35rem;margin-bottom:.35rem;flex-shrink:0;z-index:90;background:#0f1419eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem;border-radius:10px;border:1px solid var(--border)}.play-layout .mobile-tabs{position:static;top:auto}.mobile-tabs button{flex:1;border:none;background:transparent;color:var(--text-muted);padding:.65rem .5rem;border-radius:8px;font-weight:600;font-size:.85rem;min-height:44px}.mobile-tabs button.active{background:var(--primary);color:#fff}.my-dock{position:fixed;left:.5rem;right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:150;padding:.6rem .75rem!important;cursor:pointer;border:2px solid var(--success)}.my-dock.my-dock-self{border-color:var(--primary)}.my-dock-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;flex-wrap:wrap}.my-dock-turn-label{font-size:.68rem;font-weight:700;padding:.12rem .4rem;border-radius:999px;background:#34d3992e;color:var(--success);flex-shrink:0}.my-dock.my-dock-self .my-dock-turn-label{background:#ff5c6a2e;color:var(--primary)}.my-dock-me-tag,.my-dock-ai-tag{font-size:.65rem;padding:.1rem .35rem;border-radius:999px;background:#ff5c6a33;color:var(--primary);flex-shrink:0}.my-dock-ai-tag{background:#ffffff14;color:var(--text-muted)}.my-dock-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.35rem}.my-dock-meta{font-size:.7rem;color:var(--text-muted);margin-left:.25rem}.my-panel{margin-bottom:1rem}.my-reserved-actions{margin-top:.75rem}.my-reserved-actions h4{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.type-chart-toggle{margin:.5rem 0;width:100%}html:has(.playmat-mode),body:has(.playmat-mode){overflow:hidden;height:100%}body:has(.playmat-mode){background:#0f1419;background-image:none}.app:has(.playmat-mode){max-width:none;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.app.playmat-app{position:relative;background-color:#0f1419}.app.playmat-app:before,.app.playmat-app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.app.playmat-app>header,.app.playmat-app>.game-board,.app.playmat-app>.connection-banner{position:relative;z-index:1}.app:has(.playmat-mode) .top-bar{flex-shrink:0;padding:.28rem .65rem;background:#080c1673!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#ffffff14}.app:has(.playmat-mode) .connection-banner{flex-shrink:0}.game-board.playmat-mode{flex:1;min-height:0;max-width:none;overflow:hidden;display:flex;flex-direction:column;padding:.35rem .55rem 0;background:transparent}.game-board.playmat-mode>.spectator-badge,.game-board.playmat-mode>.winner-banner,.game-board.playmat-mode>.playmat-team-bar,.game-board.playmat-mode>.playmat-block-hint,.game-board.playmat-mode>.discard-banner{flex-shrink:0;margin-bottom:.2rem}.playmat-mode .game-board.mobile-first{max-width:none}.playmat-layout{flex:1;min-height:0;--playmat-card-w: clamp(102px, calc((100vw - 400px) / 4.8), 128px);--playmat-card-h: min(calc(var(--playmat-card-w) * 1.52), calc((100dvh - 270px) / 3.05));display:grid;grid-template-columns:minmax(0,158px) minmax(0,1fr) minmax(0,200px);grid-template-rows:minmax(0,1fr);grid-template-areas:"left main right";gap:.4rem;overflow:hidden}.playmat-rail-left{grid-area:left}.playmat-main{grid-area:main;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.playmat-rail-right{grid-area:right;min-height:0;align-self:stretch;height:auto;max-height:100%;overflow:hidden;display:flex;flex-direction:column}.playmat-rail-right.playmat-rail{gap:0}.playmat-rail,.playmat-side-panel{--playmat-ui-text: #eef2f8;--playmat-ui-text-muted: rgba(220, 228, 240, .84);--playmat-ui-surface: rgba(8, 12, 22, .68);--playmat-ui-surface-soft: rgba(8, 12, 22, .52);--playmat-ui-border: rgba(255, 255, 255, .14);color:var(--playmat-ui-text)}.playmat-rail .pi-label,.playmat-rail .pi-empty,.playmat-rail .pi-reserved-count,.playmat-side-panel .muted,.playmat-evolve-hint{color:var(--playmat-ui-text-muted)}.playmat-rail .pi-name,.playmat-rail .pi-token,.playmat-rail .pi-reserved-tag,.playmat-rail .shared-reserve-compact h4,.playmat-rail .team-chat-panel h4{color:var(--playmat-ui-text)}.playmat-rail .pi-score{color:var(--accent)}.playmat-rail .pi-owned-item{background:#00000047;color:var(--playmat-ui-text)}.playmat-glass-block{background:var(--playmat-ui-surface);border:1px solid var(--playmat-ui-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000038,inset 0 1px #ffffff14;padding:.45rem}.playmat-rail .player-info-card{background:var(--playmat-ui-surface);border:1px solid var(--playmat-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000002e,inset 0 1px #ffffff0f;color:var(--playmat-ui-text)}.playmat-rail .player-info-card.is-active{border-color:#2ed5738c;box-shadow:0 0 0 1px #2ed5734d,0 4px 16px #0000001f}.playmat-rail .player-info-card.is-me{border-color:#ff475773}.playmat-side-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:.35rem;overflow-x:hidden;overflow-y:auto;padding-right:.05rem}.playmat-side-me{flex:1;min-height:0}.playmat-side-me .player-info-card{background:transparent;border:none;box-shadow:none;padding:.15rem .1rem;min-width:0;max-width:none;width:100%;color:var(--playmat-ui-text)}.playmat-side-reserved{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;gap:.2rem}.playmat-reserved-stack{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:.3rem;overflow-x:hidden;overflow-y:auto;max-height:calc(var(--playmat-card-h) * 1.65);padding-bottom:.15rem;-webkit-overflow-scrolling:touch}.playmat-reserved-stack .pc-card.pc-compact{flex-shrink:0}.playmat-side-evolve{flex-shrink:0;position:relative;border-color:transparent}.playmat-side-evolve:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:conic-gradient(from var(--angle),#ff0000,#ff8000,#ffff00,#00ff00,#0080ff,#8000ff,#ff0000);animation:rainbowBorder 3s linear infinite;z-index:-2}.playmat-side-evolve:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--playmat-ui-surface);z-index:-1}.playmat-evolve-options{display:flex;flex-direction:column;gap:.35rem;margin:.25rem 0 .45rem}.playmat-evolve-options .btn{width:100%;text-align:left}.playmat-evolve-hint{font-size:.68rem;line-height:1.35;margin:.2rem 0 .45rem}.playmat-side-chat{flex-shrink:0}.playmat-rail{position:static;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.3rem}.playmat-rail-title{font-size:.68rem;color:var(--playmat-ui-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .2rem;flex-shrink:0}.playmat-rail-title:first-child{margin-top:0}.playmat-rail .player-info-card.compact{min-width:0;width:100%;max-width:100%;padding:.35rem;font-size:.78rem}.playmat-rail .pi-owned{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:5rem;overflow-y:auto;padding-right:2px}.playmat-rail .pi-owned-name{display:none}.playmat-rail .pi-owned-sprite{width:16px;height:16px}.playmat-rail .pi-reserved-names{flex-wrap:wrap;gap:.15rem}.playmat-rail .pi-reserved-tag{font-size:.62rem;padding:.08rem .25rem}.playmat-opponents-list{display:flex;flex-direction:column;gap:.3rem;min-height:0;overflow-y:auto;padding-right:2px}.playmat-turn-bar{flex-shrink:0;text-align:center;font-size:.72rem;margin-bottom:.15rem;opacity:.9}.playmat-table{flex:1;min-height:0;border-radius:14px;padding:.4rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1f;position:relative;overflow:hidden;display:flex;flex-direction:column}.app.playmat-app.playmat-theme-classic{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(255,214,64,.22) 0%,transparent 55%),linear-gradient(165deg,#f5d547,#e8b923 45%,#d4a017)}.app.playmat-app.playmat-theme-route{background:radial-gradient(ellipse 70% 50% at 30% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(134,239,172,.3) 0%,transparent 45%),linear-gradient(165deg,#bbf7d0,#4ade80,#16a34a 70%,#15803d)}.app.playmat-app.playmat-theme-ocean{background:radial-gradient(ellipse 90% 40% at 50% 100%,rgba(255,255,255,.25) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 20% 30%,rgba(125,211,252,.4) 0%,transparent 50%),linear-gradient(180deg,#bae6fd,#38bdf8 40%,#0284c7 75%,#0369a1)}.app.playmat-app.playmat-theme-volcano{background:radial-gradient(circle at 50% 20%,rgba(251,146,60,.55) 0%,transparent 40%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(127,29,29,.5) 0%,transparent 55%),linear-gradient(180deg,#fdba74,#ea580c 35%,#c2410c 65%,#7c2d12)}.app.playmat-app.playmat-theme-forest{background:radial-gradient(ellipse 60% 80% at 10% 50%,rgba(74,222,128,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 90% 40%,rgba(21,128,61,.35) 0%,transparent 45%),linear-gradient(165deg,#86efac,#22c55e 30%,#15803d,#14532d)}.app.playmat-app.playmat-theme-night{background:radial-gradient(ellipse 50% 40% at 70% 15%,rgba(199,210,254,.15) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(49,46,129,.6) 0%,transparent 55%),linear-gradient(180deg,#4338ca,#312e81 40%,#1e1b4b,#0f172a)}.app.playmat-app.playmat-theme-gym{background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(255,255,255,.08) 0%,transparent 60%),linear-gradient(180deg,#64748b,#475569 40%,#334155,#1e293b)}.app.playmat-app.playmat-theme-pokecenter{background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(255,255,255,.45) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(244,114,182,.25) 0%,transparent 55%),linear-gradient(165deg,#ffe4e6,#fda4af 35%,#f472b6 65%,#db2777)}.app.playmat-app.playmat-theme-masterball{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.2) 0%,transparent 25%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(107,33,168,.5) 0%,transparent 55%),linear-gradient(180deg,#e9d5ff,#c084fc 30%,#9333ea 55%,#6b21a8)}.app.playmat-app.playmat-theme-classic:before{background-image:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15z'/%3E%3C/g%3E%3C/svg%3E");background-size:28px 49px}.app.playmat-app.playmat-theme-route:before{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='12' r='2' fill='%2315803d' fill-opacity='0.12'/%3E%3Ccircle cx='28' cy='8' r='1.5' fill='%2315803d' fill-opacity='0.1'/%3E%3Ccircle cx='22' cy='28' r='2.5' fill='%2314532d' fill-opacity='0.1'/%3E%3Ccircle cx='35' cy='32' r='1.5' fill='%2315803d' fill-opacity='0.08'/%3E%3Cpath d='M0 32 Q20 28 40 34' stroke='%23ffffff' stroke-opacity='0.12' fill='none' stroke-width='3'/%3E%3C/svg%3E");background-size:40px 40px}.app.playmat-app.playmat-theme-ocean:before{background-image:url("data:image/svg+xml,%3Csvg width='80' height='40' viewBox='0 0 80 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q10 10 20 20 T40 20 T60 20 T80 20 V40 H0Z' fill='%23ffffff' fill-opacity='0.08'/%3E%3Cpath d='M0 28 Q10 18 20 28 T40 28 T60 28 T80 28 V40 H0Z' fill='%23ffffff' fill-opacity='0.05'/%3E%3C/svg%3E");background-size:80px 40px}.app.playmat-app.playmat-theme-volcano:before{background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='24,4 44,44 4,44' fill='%23000000' fill-opacity='0.06'/%3E%3Cpolygon points='24,12 36,40 12,40' fill='%237c2d12' fill-opacity='0.08'/%3E%3C/svg%3E");background-size:48px 48px}.app.playmat-app.playmat-theme-forest:before{background-image:url("data:image/svg+xml,%3Csvg width='36' height='48' viewBox='0 0 36 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 4 L32 40 H4 Z' fill='%2314532d' fill-opacity='0.1'/%3E%3Crect x='16' y='38' width='4' height='8' fill='%2378350f' fill-opacity='0.15'/%3E%3C/svg%3E");background-size:36px 48px}.app.playmat-app.playmat-theme-night:before{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='12' r='1' fill='%23ffffff' fill-opacity='0.7'/%3E%3Ccircle cx='45' cy='8' r='1.2' fill='%23ffffff' fill-opacity='0.5'/%3E%3Ccircle cx='30' cy='25' r='0.8' fill='%23ffffff' fill-opacity='0.6'/%3E%3Ccircle cx='52' cy='35' r='1' fill='%23ffffff' fill-opacity='0.4'/%3E%3Ccircle cx='18' cy='42' r='0.7' fill='%23ffffff' fill-opacity='0.55'/%3E%3Ccircle cx='38' cy='50' r='1.1' fill='%23ffffff' fill-opacity='0.45'/%3E%3Ccircle cx='8' cy='28' r='0.6' fill='%23ffffff' fill-opacity='0.35'/%3E%3C/svg%3E");background-size:60px 60px}.app.playmat-app.playmat-theme-gym:before{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='40' x2='80' y2='40' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='2'/%3E%3Cline x1='40' y1='0' x2='40' y2='80' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='2'/%3E%3Ccircle cx='40' cy='40' r='18' stroke='%23ef4444' stroke-opacity='0.12' fill='none' stroke-width='3'/%3E%3C/svg%3E");background-size:80px 80px}.app.playmat-app.playmat-theme-pokecenter:before{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='13' y='6' width='6' height='20' rx='2' fill='%23ffffff' fill-opacity='0.12'/%3E%3Crect x='6' y='13' width='20' height='6' rx='2' fill='%23ffffff' fill-opacity='0.12'/%3E%3C/svg%3E");background-size:32px 32px}.app.playmat-app.playmat-theme-masterball:before{background-image:url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='22' fill='none' stroke='%23ffffff' stroke-opacity='0.1' stroke-width='3'/%3E%3Cline x1='6' y1='28' x2='50' y2='28' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='2'/%3E%3Ccircle cx='28' cy='28' r='6' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");background-size:56px 56px}.app.playmat-app.playmat-theme-has-image{background:#0f1419}.app.playmat-app.playmat-theme-has-image:before{background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1}.app.playmat-app.playmat-theme-pikachu:before{background-image:url(/playmat/playmat-golden.png)}.app.playmat-app.playmat-theme-eevee:before{background-image:url(/playmat/playmat-fluffy.png)}.app.playmat-app.playmat-theme-squirtle:before{background-image:url(/playmat/playmat-ocean-creature.png)}.app.playmat-app.playmat-theme-charizard:before{background-image:url(/playmat/playmat-charizard.png)}.app.playmat-app.playmat-theme-bulbasaur:before{background-image:url(/playmat/playmat-bulbasaur.png)}.app.playmat-app.playmat-theme-mew:before{background-image:url(/playmat/playmat-mystic.png)}.app.playmat-app.playmat-theme-aurora:before{background-image:url(/playmat/playmat-aurora.png)}.app.playmat-app.playmat-theme-has-image:after{background:radial-gradient(ellipse 80% 70% at 50% 45%,#ffffff0f,#00000059)}.app.playmat-app.playmat-theme-night .playmat-tier-label,.app.playmat-app.playmat-theme-gym .playmat-tier-label,.app.playmat-app.playmat-theme-masterball .playmat-tier-label{border-color:#ffffff59;box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff40}.app.playmat-app.playmat-theme-night .playmat-premium-label,.app.playmat-app.playmat-theme-gym .playmat-premium-label{color:#ffffffe6;border-color:#ffffff40}.playmat-theme-picker{position:relative;z-index:120}.top-bar-playmat .playmat-theme-picker{flex-shrink:0}.top-bar-playmat .playmat-theme-trigger{padding:.22rem .48rem .22rem .3rem;font-size:.68rem;border-color:#ffffff38;background:#ffffff14}.top-bar-playmat .playmat-theme-trigger:hover{background:#ffffff24}.playmat-theme-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem .28rem .35rem;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0003;transition:background .15s,transform .15s}.playmat-theme-trigger:hover{background:#0006;transform:translateY(-1px)}.playmat-theme-trigger-swatch{width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid rgba(255,255,255,.65);flex-shrink:0}.playmat-theme-menu{position:fixed;top:auto;right:auto;min-width:240px;max-width:280px;max-height:min(420px,calc(100vh - 5rem));overflow-y:auto;padding:.55rem;border-radius:12px;background:#0f141ef0;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200}.playmat-theme-menu-title{margin:.35rem 0 .45rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.playmat-theme-menu-title:first-child{margin-top:0}.playmat-theme-grid-compact .playmat-theme-option{aspect-ratio:1.4}.playmat-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.playmat-theme-option{position:relative;aspect-ratio:1.2;border-radius:10px;border:2px solid rgba(255,255,255,.2);cursor:pointer;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.playmat-theme-option:hover{transform:scale(1.04);border-color:#ffffff80}.playmat-theme-option.active{border-color:var(--accent);box-shadow:0 0 0 2px #ffd70059}.playmat-theme-option-name{position:absolute;inset:auto 0 0;padding:.25rem .2rem;font-size:.58rem;font-weight:700;color:#fff;text-align:center;background:linear-gradient(transparent,#0000008c);text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1.2;pointer-events:none}.playmat-table-inner{position:relative;z-index:1;flex:1;min-height:0;display:flex;gap:.55rem;align-items:center;justify-content:center}.playmat-grid{flex:0 0 auto;width:max-content;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.32rem;overflow:visible}.playmat-row{display:grid;grid-template-columns:46px max-content;gap:.45rem;flex-shrink:0;justify-content:start;align-items:stretch}.playmat-tier-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;width:46px;padding:.5rem .3rem;border-radius:10px;background:#ffffff52;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #00000024,inset 0 1px #ffffffa6;font-weight:800;color:#000000c7;align-self:stretch}.playmat-tier-label>span:last-child{writing-mode:vertical-rl;text-orientation:mixed;font-size:.88rem;letter-spacing:.14em;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.45)}.playmat-row[data-tier="3"] .playmat-tier-label{background:linear-gradient(180deg,#a78bfa8c,#6d28d961);border-color:#6d28d973;color:#2e1065eb}.playmat-row[data-tier="3"] .playmat-dot{background:#6d28d9;box-shadow:0 0 0 1.5px #ffffffa6}.playmat-row[data-tier="2"] .playmat-tier-label{background:linear-gradient(180deg,#60a5fa8c,#2563eb61);border-color:#2563eb73;color:#172554eb}.playmat-row[data-tier="2"] .playmat-dot{background:#2563eb;box-shadow:0 0 0 1.5px #ffffffa6}.playmat-row[data-tier="1"] .playmat-tier-label{background:linear-gradient(180deg,#4ade808c,#16a34a61);border-color:#16a34a73;color:#14532deb}.playmat-row[data-tier="1"] .playmat-dot{background:#16a34a;box-shadow:0 0 0 1.5px #ffffffa6}.playmat-tier-dots{display:flex;flex-direction:column;gap:4px}.playmat-dot{width:10px;height:10px;border-radius:50%;background:#c0392b;box-shadow:0 0 0 1.5px #ffffff8c}.playmat-row-cards{display:grid;grid-template-columns:repeat(4,var(--playmat-card-w));gap:.35rem;align-items:start}.playmat-row-cards>*{width:var(--playmat-card-w);height:var(--playmat-card-h)}.playmat-row[data-tier="3"] .playmat-row-cards{background:#581c8714;border-radius:8px;padding:.28rem}.playmat-row[data-tier="2"] .playmat-row-cards{background:#2563eb14;border-radius:8px;padding:.28rem}.playmat-row[data-tier="1"] .playmat-row-cards{background:#16a34a14;border-radius:8px;padding:.28rem}.playmat-card-cell{width:var(--playmat-card-w);height:var(--playmat-card-h);display:flex;flex-shrink:0}.playmat-card-cell>.pc-card{flex:1;width:100%;height:100%}.playmat-slot-empty{width:var(--playmat-card-w);height:var(--playmat-card-h);min-height:unset;border-radius:8px;border:2px dashed rgba(0,0,0,.14);background:#ffffff1f}.playmat-premium-col{display:flex;flex-direction:column;justify-content:center;gap:.38rem;width:var(--playmat-card-w);flex:0 0 auto}.playmat-premium-label{font-size:.82rem;font-weight:800;text-align:center;color:#4c1d95e6;padding:.45rem .25rem;border-radius:10px;letter-spacing:.12em;background:linear-gradient(180deg,#d8b4fe8c,#9333ea61);border:1px solid rgba(147,51,234,.45);box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff8c;flex-shrink:0}.playmat-premium-slot{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:var(--playmat-card-w);padding:.28rem 0;background:#9333ea1a;border-radius:8px}.playmat-premium-tier{font-size:.78rem;font-weight:800;color:#4c1d95d9;text-align:center;flex-shrink:0;width:100%;letter-spacing:.08em}.playmat-premium-slot .playmat-card-cell,.playmat-premium-slot .playmat-slot-empty{width:var(--playmat-card-w);height:var(--playmat-card-h);flex-shrink:0}.playmat-layout .playmat-card-cell .pc-card.pc-compact,.playmat-layout .playmat-premium-slot .pc-card.pc-compact{width:var(--playmat-card-w)!important;min-width:var(--playmat-card-w)!important;max-width:var(--playmat-card-w)!important;height:var(--playmat-card-h)!important;min-height:var(--playmat-card-h)!important;max-height:var(--playmat-card-h)!important;border-radius:10px;padding:2px;box-sizing:border-box}.playmat-reserved-stack .pc-card.pc-compact{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;border-radius:10px;padding:2px;box-sizing:border-box}.playmat-layout .pc-compact .pc-inner,.playmat-reserved-stack .pc-compact .pc-inner{border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.playmat-layout .pc-compact .pc-header,.playmat-reserved-stack .pc-compact .pc-header{min-height:1.2rem;padding:.12rem 1.4rem .1rem;flex-shrink:0}.playmat-layout .pc-compact .pc-tier-badge,.playmat-reserved-stack .pc-compact .pc-tier-badge{min-width:1.35rem;height:1.25rem}.playmat-layout .pc-compact .pc-tier-val,.playmat-reserved-stack .pc-compact .pc-tier-val{font-size:.75rem}.playmat-layout .pc-compact .pc-bonus-wrap,.playmat-reserved-stack .pc-compact .pc-bonus-wrap{padding:.06rem .1rem .08rem .16rem}.playmat-layout .pc-compact .pc-bonus-slot,.playmat-reserved-stack .pc-compact .pc-bonus-slot{width:.95rem;height:.95rem}.playmat-layout .pc-compact .pc-evolve-badge,.playmat-reserved-stack .pc-compact .pc-evolve-badge{min-width:1.35rem;height:3.75rem;padding:0 .18rem}.playmat-layout .pc-compact .pc-evolve-sprite,.playmat-reserved-stack .pc-compact .pc-evolve-sprite{width:14px;height:14px}.playmat-layout .pc-compact .pc-evolve-sprite .card-sprite,.playmat-reserved-stack .pc-compact .pc-evolve-sprite .card-sprite{width:16px;height:16px}.playmat-layout .pc-compact .pc-body,.playmat-reserved-stack .pc-compact .pc-body{flex:1 1 auto;min-height:0;overflow:hidden;grid-template-columns:2rem 1fr;gap:.28rem;padding:0 .38rem .15rem;align-items:stretch}.playmat-layout .pc-compact .pc-cost-panel,.playmat-reserved-stack .pc-compact .pc-cost-panel{padding:.14rem .1rem;min-height:0;justify-content:center}.playmat-layout .pc-compact .pc-cost-list,.playmat-reserved-stack .pc-compact .pc-cost-list{gap:.14rem}.playmat-layout .pc-compact .pc-cost-chip,.playmat-reserved-stack .pc-compact .pc-cost-chip{padding:.1rem .12rem;gap:.1rem}.playmat-layout .pc-compact .pc-cost-num,.playmat-reserved-stack .pc-compact .pc-cost-num{font-size:.65rem;min-width:.8rem}.playmat-layout .pc-compact .pc-art-window,.playmat-reserved-stack .pc-compact .pc-art-window{min-height:0;height:100%;border-radius:6px}.playmat-layout .pc-compact .pc-footer,.playmat-reserved-stack .pc-compact .pc-footer{padding:0 .35rem .22rem;flex-shrink:0}.playmat-layout .pc-compact .pc-name-banner,.playmat-reserved-stack .pc-compact .pc-name-banner{padding:.24rem .38rem}.playmat-layout .pc-compact .pc-art-frame .card-sprite,.playmat-reserved-stack .pc-compact .pc-art-frame .card-sprite{width:clamp(40px,calc(var(--playmat-card-w) * .4),54px);height:clamp(40px,calc(var(--playmat-card-w) * .4),54px)}.playmat-layout .pc-compact .pc-element,.playmat-reserved-stack .pc-compact .pc-element{font-size:.52rem;padding:.1rem .3rem;top:3px;right:3px}.playmat-layout .pc-compact .pc-name,.playmat-reserved-stack .pc-compact .pc-name{font-size:.6rem;line-height:1.1}.playmat-layout .pc-compact .pc-actions,.playmat-reserved-stack .pc-compact .pc-actions{flex-shrink:0;min-height:1.4rem;padding:.12rem .18rem .16rem;gap:.12rem}.playmat-layout .pc-compact .pc-actions .btn.small,.playmat-reserved-stack .pc-compact .pc-actions .btn.small{font-size:.55rem;padding:.22rem .12rem}.playmat-layout .pc-tags,.playmat-layout .pc-adv-hint,.playmat-reserved-stack .pc-tags,.playmat-reserved-stack .pc-adv-hint{display:none!important}.playmat-token-bar-bottom{flex-shrink:0;margin:.1rem -.55rem 0;padding:.5rem 1.25rem .6rem;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:.35rem}.playmat-token-bar-bottom .playmat-token-bar-label{font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 8px rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.35)}.playmat-token-bar-bottom .playmat-token-bar-inner{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:min(960px,96vw);flex-wrap:nowrap}.playmat-token-bar-bottom .playmat-token-bar-pool{flex:0 0 auto;display:flex;justify-content:center}.playmat-token-bar-bottom .playmat-pool-chips{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:.42rem;width:max-content;margin:0 auto;padding-bottom:0}.playmat-token-bar-bottom .pool-chip-wrap{gap:.12rem;flex:0 0 auto}.playmat-token-bar-bottom .pool-chip{width:4.85rem;min-width:4.85rem;min-height:4.85rem;padding:.32rem .28rem;gap:.18rem;border-radius:15px;border:2px solid rgba(255,255,255,.32);background:#ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000029,inset 0 1px #ffffff47;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.playmat-token-bar-bottom .pool-chip:hover:not(:disabled):not(.readonly){transform:translateY(-2px);background:#ffffff3d;box-shadow:0 6px 20px #0003,inset 0 1px #ffffff59}.playmat-token-bar-bottom .pool-chip.selected{border-color:#ffffffc7;background:#ffffff47;box-shadow:0 0 0 2px #ffffff52,0 6px 20px #0000002e,inset 0 1px #ffffff59}.playmat-token-bar-bottom .pool-chip strong{font-size:1.22rem;text-shadow:0 1px 4px rgba(0,0,0,.35)}.playmat-token-bar-bottom .pool-chip-ball{width:1.9rem;height:1.9rem}.playmat-token-bar-bottom .pool-x2{width:4.85rem;min-height:22px;padding:.08rem .3rem;font-size:.62rem;border-radius:8px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.playmat-token-bar-bottom .playmat-token-bar-actions{display:flex;gap:.45rem;align-items:center;flex-shrink:0}.playmat-token-bar-bottom .playmat-token-bar-actions .btn{padding:.5rem .9rem;font-size:.85rem;border-radius:12px}.playmat-token-bar-bottom .playmat-token-cta{min-width:5rem;font-weight:800;box-shadow:0 4px 16px #ff475759}.playmat-team-link{margin-top:0;padding:0!important;flex-shrink:0}.playmat-rail-right .team-chat-panel{flex:0 0 auto;min-height:0;max-height:4.5rem;overflow:hidden;font-size:.72rem;margin-top:0}.playmat-rail-right .team-chat-messages{background:#00000047;border:1px solid rgba(255,255,255,.1);color:var(--playmat-ui-text)}.playmat-rail .shared-reserve-compact{min-width:0;padding:.4rem;border-radius:12px;background:var(--playmat-ui-surface);border:1px solid var(--playmat-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--playmat-ui-text)}.playmat-rail .shared-reserve-compact .pc-card{width:100%!important;min-width:0!important;min-height:0!important;height:auto;max-height:130px}.playmat-block-hint{text-align:center;margin:0 0 .2rem;font-size:.72rem}.playmat-evolution{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:200;max-width:420px;width:90%;box-shadow:var(--shadow)}.shared-reserve-compact h4{font-size:.68rem;margin:.2rem 0}.playmat-team-bar{margin-bottom:.2rem;padding:.35rem .65rem!important;font-size:.85rem;background:#ffffff12!important;border:1px solid rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 20px #00000024}@media(min-width:901px)and (max-height:820px){.playmat-layout{grid-template-columns:minmax(0,142px) minmax(0,1fr) minmax(0,200px);--playmat-card-w: clamp(94px, calc((100vw - 380px) / 4.9), 118px);--playmat-card-h: min(calc(var(--playmat-card-w) * 1.48), calc((100dvh - 220px) / 3.08))}}@media(max-width:1100px){.playmat-layout{grid-template-columns:minmax(0,148px) minmax(0,1fr) minmax(0,196px);--playmat-card-w: clamp(98px, calc((100vw - 360px) / 4.85), 122px)}.top-bar-hud{max-width:min(420px,42vw)}}.board-layout-desktop{display:grid;grid-template-columns:1fr 300px;gap:1rem;align-items:start}.desktop-col-side{position:sticky;top:4.5rem}@media(min-width:901px){.game-board.mobile-first{padding:1rem 1.5rem 2rem}.game-board.playmat-mode{padding:.3rem .55rem 0;padding-bottom:0}.mobile-tabs,.my-dock,.opponents-mini{display:none!important}.top-bar-ingame .brand h1{display:none}.top-bar-ingame .brand .subtitle{display:block;font-size:.85rem;margin:0}.top-bar-ingame .brand-icon-img{width:28px;height:28px}}@media(max-width:900px){.game-board:not(.play-layout){padding:.5rem}.status-bar{flex-direction:column;gap:.25rem;font-size:.8rem;padding:.65rem!important}.top-bar{padding:.5rem .75rem}.top-bar .brand h1{font-size:.85rem}.top-bar .subtitle,.top-bar-ingame .brand h1{display:none}.top-bar-ingame .brand .subtitle{display:block;font-size:.8rem;margin:0}.top-bar-ingame .brand-icon-img{width:28px;height:28px}.share-btns .btn{padding:.35rem .5rem;font-size:.7rem}.panel{padding:.75rem;border-radius:10px}.pc-card{width:168px;min-width:168px}.pc-compact{width:132px;min-width:132px}.card-row.card-row-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.card-row.card-row-wrap .pc-card{width:auto;min-width:0;max-width:none}.pc-header{min-height:1.7rem;padding:.28rem 2rem .24rem}.pc-tier-badge{min-width:1.65rem;height:1.55rem}.pc-tier-val{font-size:.92rem}.pc-bonus-wrap{max-width:calc(100% - 1.85rem)}.pc-bonus-slot{width:1.2rem;height:1.2rem}.pc-bonus-slot .ball-icon-sm{width:.95rem;height:.95rem}.pc-evolve-badge{min-width:1.65rem;height:1.55rem}.pc-evolve-sprite{width:18px;height:18px}.pc-evolve-sprite .card-sprite{width:22px;height:22px}.pc-evolve-arrow{width:12px;height:9px}.pc-tags,.pc-adv-hint{display:none!important}.pc-card,.pc-compact{min-height:228px}.pc-art-frame .card-sprite{width:80px;height:80px}.pc-compact .pc-art-frame .card-sprite{width:60px;height:60px}.evolution-panel{left:.5rem;right:.5rem;transform:none;min-width:unset;bottom:calc(8.5rem + env(safe-area-inset-bottom));z-index:200}.game-board.my-turn .evolution-panel,.play-layout.my-turn .evolution-panel{bottom:calc(9.5rem + env(safe-area-inset-bottom))}.lobby-page{padding:.75rem}.lobby-card{padding:1.25rem}.lobby-hero .feature-list{display:none}.pokeball-big{font-size:2.5rem}}@media(max-width:380px){.pc-card{width:158px;min-width:158px}}.team-score-bar{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.team-score{display:flex;flex-direction:column;align-items:center;min-width:5rem;padding:.5rem 1rem;border-radius:10px;font-weight:600}.team-score.red{background:#dc3c3c26;border:1px solid rgba(220,60,60,.4)}.team-score.blue{background:#3c64dc26;border:1px solid rgba(60,100,220,.4)}.team-score strong{font-size:1.5rem;line-height:1.2}.team-score-vs{opacity:.6;font-weight:700}.team-training-tag{font-size:.75rem;opacity:.85;width:100%;text-align:center}.tag.team-tag.red{background:#dc3c3c33;color:#f88}.tag.team-tag.blue{background:#3c64dc33;color:#8af}.lobby-mode-picker{margin:.75rem 0}.team-link-panel{margin:.5rem 0}.team-link-btns{display:flex;gap:.5rem}.pass-color-picker,.pass-count-picker{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.card-combo-badge{font-size:.65rem;color:var(--accent, #f0a030);margin-top:.25rem}.btn.accent{background:linear-gradient(135deg,#e8912d,#c45c26);color:#fff;border:none}.teammate-panel{margin-bottom:.75rem}.shared-reserve{margin-top:.75rem;padding:.75rem;background:#ffffff0a;border-radius:8px}.block-hint{text-align:center;padding:.5rem;color:var(--accent, #f0a030)}.player-list li.team-red{border-left:3px solid #dc3c3c}.player-list li.team-blue{border-left:3px solid #3c64dc}.combo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.combo-modal{width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.combo-net-cost{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.75rem 0;font-size:.85rem}.combo-cost-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:600;background:#00000038}.combo-color,.combo-gold-as-label{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem}.pass-ball-btn{display:inline-flex;align-items:center;gap:.25rem}.combo-split-table{margin:.75rem 0;font-size:.85rem}.combo-split-header,.combo-split-row{display:grid;grid-template-columns:2.5rem 1fr 1fr 2rem;gap:.35rem;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.combo-split-header{opacity:.7;font-size:.75rem}.combo-split-row.mismatch{background:#dc505014}.combo-stepper{display:flex;align-items:center;justify-content:center;gap:.25rem}.combo-stepper em{min-width:1.25rem;text-align:center;font-style:normal;font-weight:700}.combo-split-row .ok{color:#6dd66d}.combo-split-row .warn{color:#f86;font-weight:700}.combo-gold-as-details{margin:.5rem 0;font-size:.8rem}.combo-gold-as-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.35rem 0}.combo-gold-as-row .mini-label{font-size:.7rem;opacity:.7}.combo-error{color:#f86;font-size:.85rem;margin:.5rem 0}.combo-modal-actions{margin-top:.75rem}.btn.tiny{padding:.15rem .4rem;font-size:.75rem;min-width:unset}.team-chat-panel{margin-top:.75rem}.team-chat-panel h4{margin:0 0 .5rem;font-size:.9rem}.team-chat-messages{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem;padding:.35rem;background:#00000026;border-radius:8px}.team-chat-bubble{font-size:.8rem;padding:.35rem .5rem;border-radius:8px;max-width:95%}.team-chat-bubble.mine{align-self:flex-end;background:#3c78dc40}.team-chat-bubble.theirs{align-self:flex-start;background:#ffffff14}.team-chat-bubble strong{display:block;font-size:.65rem;opacity:.75;margin-bottom:.15rem}.team-chat-phrases{display:flex;flex-wrap:wrap;gap:.35rem}.team-chat-btn{font-size:.72rem!important;padding:.35rem .5rem!important}.auth-panel{max-width:420px;margin:2rem auto;padding:1.25rem}.auth-panel h2{margin-top:0}.auth-resume{margin-bottom:1rem;padding:.75rem;background:#ffffff0f;border-radius:10px}.guest-btn{width:100%;margin-top:.75rem}.user-badge{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem}.user-stats-mini{opacity:.8;font-size:.75rem}.lobby-secondary-row{display:flex;gap:.5rem;margin-top:.5rem}.lobby-secondary-row .btn{flex:1}.queue-panel{text-align:center}.queue-status{padding:1rem 0}.rules-page,.leaderboard-page{max-width:720px;margin:1rem auto;padding:1rem}.rules-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.rules-section{margin:1rem 0}.rules-section h3{margin-bottom:.35rem;font-size:1rem}.rules-section ol,.rules-section ul{margin:0;padding-left:1.2rem;line-height:1.6}.ball-rules-list{list-style:none;padding-left:0!important}.ball-rules-list li{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th,.leaderboard-table td{padding:.45rem .35rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.connection-banner{position:sticky;top:0;z-index:100;background:#c0392b;color:#fff;text-align:center;padding:.45rem .75rem;font-size:.85rem}.connection-banner.info{background:#d68910}.tag.offline{background:#c0392b59;color:#ffb4a8}.game-board.my-turn{box-shadow:inset 0 0 0 2px #ffd70040;transition:box-shadow .3s ease}.hud-my-turn{border-color:#ffd70073!important}.hud-turn-pulse{animation:hudPulse 1.2s ease}@keyframes hudPulse{0%,to{box-shadow:none}40%{box-shadow:0 0 20px #ffd70059}}.fx-turn-banner{position:fixed;top:12%;left:50%;transform:translate(-50%);z-index:200;padding:.65rem 1.4rem;background:linear-gradient(135deg,#ffd700f2,#ff7832e6);color:#1a1200;font-weight:800;font-size:1.05rem;border-radius:999px;box-shadow:0 8px 32px #ffb40073;animation:turnBannerIn .45s cubic-bezier(.34,1.4,.64,1);pointer-events:none}.fx-turn-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);animation:turnGlow 1s ease infinite}@keyframes turnBannerIn{0%{opacity:0;transform:translate(-50%) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes turnGlow{0%,to{opacity:.3}50%{opacity:.8}}.fx-toast{position:fixed;top:18%;left:50%;transform:translate(-50%);z-index:190;max-width:min(90vw,420px);padding:.5rem 1rem;background:#1a2332eb;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:.85rem;text-align:center;animation:toastPop .35s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fx-capture{border-color:#ff475780;color:#ffb4a8}.fx-evolve{border-color:#2ed57380;color:#9dffcf}.fx-reserve{border-color:#3742fa80;color:#a8b4ff}.fx-win{border-color:#ffd70099;color:var(--accent);font-weight:700}@keyframes toastPop{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fx-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:180;overflow:hidden}.fx-particle{position:absolute;left:50%;top:42%;width:8px;height:8px;border-radius:50%;background:var(--primary);animation:particleBurst .7s ease-out forwards;animation-delay:calc(var(--i) * .02s);transform:rotate(calc(var(--i) * 30deg)) translateY(0)}.fx-particles.evolve .fx-particle{background:var(--success);width:6px;height:6px}.fx-particle.ring{border-radius:0;width:4px;height:14px;background:linear-gradient(transparent,var(--success),transparent)}@keyframes particleBurst{0%{opacity:1;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-120px) scale(.2)}}.anim-reserve{animation:reservePulse .55s ease}.anim-badge{animation:badgeShine .7s ease}.anim-trainer-pick{animation:trainerPick .45s cubic-bezier(.34,1.3,.64,1)}@keyframes reservePulse{0%{box-shadow:0 0 #3742fa00}50%{box-shadow:0 0 20px #3742fab3;transform:scale(1.03)}to{box-shadow:none;transform:scale(1)}}@keyframes badgeShine{0%{filter:brightness(1)}30%{filter:brightness(1.4);transform:scale(1.06)}to{filter:brightness(1);transform:scale(1)}}@keyframes trainerPick{0%{transform:scale(.92);opacity:.7}to{transform:scale(1);opacity:1}}.board-anim-reserve{animation:boardGlow .5s ease}.board-anim-win{animation:winBoard 1s ease}@keyframes winBoard{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) saturate(1.2)}}.pool-chip.selected{animation:chipSelect .25s ease}@keyframes chipSelect{50%{transform:scale(1.08)}}.btn.primary:active,.btn.secondary:active{transform:scale(.97);transition:transform .08s}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:180;overflow:hidden}.fx-cinematic{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.fx-cinematic.capture{background:radial-gradient(circle at 50% 45%,rgba(255,200,80,.15),transparent 55%)}.fx-cinematic.evolve{background:radial-gradient(circle at 50% 40%,rgba(46,213,115,.12),transparent 60%)}.fx-pokeball{position:absolute;width:min(22vw,96px);height:min(22vw,96px);object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));z-index:2}.fx-pokeball-shake{animation:pokeballShake .55s ease-in-out .05s 2}@keyframes pokeballShake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-12deg) scale(1.05)}40%{transform:rotate(12deg) scale(1.08)}60%{transform:rotate(-8deg) scale(1.05)}80%{transform:rotate(8deg) scale(1.02)}}.fx-burst{position:absolute;width:min(85vw,420px);height:min(85vw,420px);object-fit:contain;mix-blend-mode:screen;opacity:0;z-index:1}.fx-burst-pop{animation:burstPop .85s ease-out .45s forwards}@keyframes burstPop{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}.fx-evolve-rays{width:min(90vw,480px);height:min(90vw,480px);object-fit:contain;mix-blend-mode:screen;animation:evolveRays 1.4s ease-out forwards;filter:drop-shadow(0 0 24px rgba(46,213,115,.5))}@keyframes evolveRays{0%{opacity:0;transform:scale(.5) translateY(20px)}20%{opacity:1;transform:scale(1) translateY(0)}70%{opacity:.85;transform:scale(1.08) translateY(-8px)}to{opacity:0;transform:scale(1.2) translateY(-24px)}}.fx-score-float{position:fixed;left:50%;top:32%;transform:translate(-50%);z-index:210;text-align:center;animation:scoreFloatUp 1.2s ease-out forwards;pointer-events:none}.fx-score-float.rare .fx-score-points{color:#ff9ff3;text-shadow:0 0 12px rgba(255,159,243,.6)}.fx-score-float.legendary .fx-score-points{color:var(--accent);text-shadow:0 0 16px rgba(255,215,0,.8)}.fx-score-points{display:block;font-size:2rem;font-weight:900;color:var(--success);text-shadow:0 2px 8px rgba(0,0,0,.5)}.fx-score-name{display:block;margin-top:.25rem;font-size:.9rem;color:var(--text);opacity:.9}@keyframes scoreFloatUp{0%{opacity:0;transform:translate(-50%) translateY(24px) scale(.7)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}70%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-48px) scale(.95)}}.fx-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:195;overflow:hidden;pointer-events:none}.fx-confetti-piece{position:absolute;left:var(--x);top:-12px;width:8px;height:14px;background:var(--c);border-radius:2px;opacity:0;animation:confettiFall 2.8s ease-out forwards;animation-delay:calc(var(--i) * .04s);transform:rotate(calc(var(--i) * 24deg))}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}:root{--bg: #070b14;--bg-panel: rgba(18, 24, 42, .78);--bg-panel-solid: #141c30;--bg-card: rgba(28, 38, 62, .85);--bg-elevated: rgba(36, 48, 78, .92);--text: #eef2fb;--text-muted: #8b9bb8;--primary: #ff5c6a;--primary-hover: #ff7a85;--primary-deep: #e04452;--secondary: #5b7cfa;--secondary-hover: #7690ff;--accent: #f4c430;--accent-soft: rgba(244, 196, 48, .15);--border: rgba(120, 140, 190, .22);--border-bright: rgba(160, 180, 230, .35);--success: #34d399;--radius: 14px;--radius-sm: 10px;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .25);--glass-blur: blur(16px);--font-display: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}body{font-family:var(--font-display);background:radial-gradient(ellipse 120% 80% at 10% -20%,rgba(91,124,250,.18) 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 95% 0%,rgba(255,92,106,.12) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 50% 110%,rgba(52,211,153,.08) 0%,transparent 45%),var(--bg);background-attachment:fixed}.panel{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border-radius:var(--radius-sm);font-weight:600;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);box-shadow:0 4px 14px #ff5c6a59;color:#fff}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:0 6px 20px #ff5c6a73}.btn.secondary{background:linear-gradient(135deg,var(--secondary) 0%,#4a63d4 100%);box-shadow:0 4px 14px #5b7cfa4d;color:#fff}.btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-hover) 0%,var(--secondary) 100%)}.btn.ghost{background:#ffffff0a;border:1px solid var(--border);color:var(--text)}.btn.ghost:hover:not(:disabled){background:#ffffff14;border-color:var(--border-bright)}.btn.accent{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1200;box-shadow:0 4px 14px #fbbf244d}input,select,textarea{background:#080c1699;border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #5b7cfa40}.loading-screen p{color:var(--text-muted);font-size:.95rem;letter-spacing:.05em}.loading-screen{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(255,92,106,.08) 0%,transparent 60%)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-brand{text-align:center;margin-bottom:1.25rem}.auth-logo{width:56px;height:56px;object-fit:contain;margin-bottom:.75rem;filter:drop-shadow(0 6px 20px rgba(255,92,106,.35))}.auth-brand h1{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff 30%,#ffb4bc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-panel{width:100%;max-width:420px;border:1px solid var(--border-bright)}.auth-panel h2{font-size:1.05rem;margin-bottom:.35rem}.guest-btn{margin-top:1rem;opacity:.85}.alert.error{background:#ff5c6a1f;border:1px solid rgba(255,92,106,.25)}.lobby-secondary-row{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.queue-panel h2{font-size:1.1rem;margin-bottom:.35rem}.leaderboard-table th{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.leaderboard-table tr:hover td{background:#ffffff08}.copy-tip{color:var(--success);font-size:.8rem}.error-toast{background:#ff5c6a26;border:1px solid rgba(255,92,106,.3);border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.8rem}.lobby-page{padding:clamp(1rem,4vw,2.5rem);gap:clamp(1.5rem,4vw,2.5rem)}.lobby-hero{padding:.5rem 0}.hero-bg{top:-3rem;right:-2rem;bottom:-3rem;left:-2rem;background:radial-gradient(circle at 30% 40%,rgba(255,92,106,.14) 0%,transparent 55%),radial-gradient(circle at 70% 60%,rgba(91,124,250,.12) 0%,transparent 50%)}.hero-logo{width:72px;height:72px;object-fit:contain;margin-bottom:1.25rem;filter:drop-shadow(0 8px 24px rgba(255,92,106,.4));animation:heroFloat 4s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lobby-hero h1{font-size:clamp(1.75rem,5vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;background:linear-gradient(135deg,#fff 20%,#ffd4a8 55%,#ff8a96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.35rem}.hero-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.5}.feature-list{margin-top:.5rem;padding:1rem 1.15rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);line-height:1.85}.feature-list li{position:relative;padding-left:.25rem;color:#b8c4dc}.lobby-card{padding:clamp(1.25rem,3vw,2rem);border-color:var(--border-bright)}.lobby-card h2{font-size:1.15rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.lobby-buttons{gap:.65rem}.lobby-buttons .btn.large{padding:.85rem 1.25rem;font-size:1rem}.user-badge{margin-top:1.25rem;padding:.65rem .85rem;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm)}.top-bar{padding:.75rem 1.25rem;background:#0a0e1ad1;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);box-shadow:0 4px 24px #0003}.brand-icon-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(255,92,106,.35))}.brand h1{font-weight:700;letter-spacing:-.01em}.connection-banner{background:#ff5c6a26;border-bottom:1px solid rgba(255,92,106,.3);color:#ffb4bc;text-align:center;padding:.5rem 1rem;font-size:.85rem}.connection-banner.info{background:#34d3991f;border-color:#34d3994d;color:#7dffb0}.game-board{padding:.75rem clamp(.75rem,2vw,1.5rem) 2rem}.winner-banner{background:linear-gradient(135deg,#f4c43033,#ff5c6a26);border:1px solid rgba(244,196,48,.45);box-shadow:0 0 32px #f4c43026;font-weight:700}.status-bar{padding:.65rem 1rem!important;background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.75rem}.play-hud{background:var(--bg-panel)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-soft)}.section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);opacity:.9;margin-bottom:.6rem}.market-panel{background:#0c101c59;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.market-row h3{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em}.token-pool-bar{background:var(--bg-panel)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border)!important;border-radius:var(--radius)!important}.pool-chip{background:#ffffff0f!important;border-color:var(--border)!important;transition:transform .12s,border-color .12s,box-shadow .12s}.pool-chip:hover:not(:disabled){border-color:var(--border-bright)!important;transform:translateY(-1px)}.pool-chip.selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-soft),0 4px 12px #f4c43033!important}.player-info-card{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:border-color .2s,box-shadow .2s}.player-info-card.is-active{border-color:var(--success);box-shadow:0 0 0 1px #34d3994d,0 4px 20px #34d3991f}.player-info-card.is-me{border-color:#ff5c6a73;box-shadow:0 0 0 1px #ff5c6a33}.mobile-tabs{background:#0a0e1ae0!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-soft)}.mobile-tabs button{border-radius:var(--radius-sm);transition:background .15s,color .15s}.mobile-tabs button.active{background:linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 2px 10px #ff5c6a59}.market-tier-tabs button.active{background:linear-gradient(135deg,var(--secondary),#4a63d4);box-shadow:0 2px 10px #5b7cfa4d}.action-bar{background:#0a0e1aeb!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius)!important;box-shadow:0 -4px 24px #00000059}.my-dock{background:var(--bg-panel)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:#ff5c6a66!important;box-shadow:0 4px 24px #00000059}.trainer-card{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--border)}.trainer-card:hover:not(:disabled){border-color:var(--border-bright);transform:translateY(-3px);box-shadow:var(--shadow-soft)}.trainer-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 8px 24px #f4c43026}.lobby-room{border:1px solid var(--border-bright)}.room-code-display strong{text-shadow:0 0 24px rgba(244,196,48,.4)}.player-list li{background:#ffffff0a;border:1px solid var(--border)}.auth-resume{background:var(--accent-soft);border:1px solid rgba(244,196,48,.25);border-radius:var(--radius-sm)}.rules-page,.leaderboard-page{border:1px solid var(--border)}.rules-section h3{color:var(--accent);font-size:.95rem}.combo-modal-overlay{background:#04060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.combo-modal{border:1px solid var(--border-bright);box-shadow:var(--shadow)}.evolution-panel{background:var(--bg-elevated);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--success)!important;box-shadow:0 8px 32px #34d39933}.bottom-sheet{background:var(--bg-elevated)!important;border-top:1px solid var(--border-bright)!important}@media(min-width:901px){*{scrollbar-width:thin;scrollbar-color:rgba(120,140,190,.35) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#788cbe59;border-radius:999px}}