:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #334155;--panel-3: #475569;--text: #e2e8f0;--muted: #94a3b8;--accent: #f59e0b;--accent-hi: #fbbf24;--danger: #ef4444;--ok: #22c55e;--purple: #9333ea;--info: #22d3ee;--card-bg: #f8fafc;--card-text: #0f172a;--card-w: 90px;--card-h: 120px;--hand-card-w: 74px;--hand-card-h: 100px;--mini-card-w: 58px;--mini-card-h: 78px;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-lg: 14px;--text-xl: 16px;--shadow-card: 0 2px 6px rgba(0, 0, 0, .4);--shadow-card-hover: 0 6px 14px rgba(0, 0, 0, .55);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .8);--energy-fire: #ef4444;--energy-water: #3b82f6;--energy-grass: #22c55e;--energy-lightning: #eab308;--energy-psychic: #a855f7;--energy-fighting: #b45309;--energy-darkness: #1f2937;--energy-metal: #94a3b8;--energy-dragon: #c084fc;--energy-fairy: #ec4899;--energy-colorless: #cbd5e1}@keyframes tcg-pulse-glow{0%,to{box-shadow:0 2px 8px #00000080,0 0 #22d3ee99}50%{box-shadow:0 2px 8px #00000080,0 0 0 6px #22d3ee00}}@keyframes tcg-attention{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none;overflow-x:hidden}button,select,input,[role=button]{touch-action:manipulation}.home-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;width:100%;max-width:100vw;min-width:0;padding:24px;gap:32px;background:linear-gradient(180deg,#0c1424,#050810)}.home-header{text-align:center;max-width:100%;min-width:0}.home-header h1{font-size:clamp(28px,10vw,42px);margin:0 0 8px;color:#f4ecd6;letter-spacing:-.5px;overflow-wrap:anywhere}.home-dataset{font-size:11px}.home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),360px));justify-content:center;gap:20px;max-width:760px;width:100%;min-width:0}.home-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;text-align:left;color:inherit;font:inherit;width:100%;min-width:0;transition:background .15s,border-color .15s,transform .1s}.home-tile:hover{background:#ffffff14;border-color:#ffffff29}.home-tile:active{transform:translateY(1px)}.home-tile-icon{font-size:28px;line-height:1}.home-tile-title{font-size:20px;font-weight:600;color:#f4ecd6}.home-tile-desc{font-size:13px;line-height:1.5;opacity:.75}.home-secondary{display:flex;gap:16px}.link-button{background:none;border:none;color:#fff9;font:inherit;cursor:pointer;text-decoration:underline;padding:4px 8px}.link-button:hover{color:#ffffffe6}.home-link{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#f4ecd6;font-size:16px;cursor:pointer;padding:2px 8px;margin-right:8px;border-radius:4px;line-height:1}.home-link:hover{background:#ffffff1f}.header .brand{flex-direction:row!important;align-items:center}.app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"header" "opp" "board" "hand" "action";min-height:100dvh;width:100%;max-width:100vw;min-width:0;gap:6px;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.header{grid-area:header;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border-radius:8px;border:1px solid rgba(148,163,184,.12)}.header .brand{display:flex;flex-direction:column;gap:0;min-width:0}.header h1{margin:0;font-size:16px;line-height:1.1;white-space:nowrap}.header .meta{color:var(--muted);font-size:11px;line-height:1.2}.header .meta .dataset{font-size:9px;opacity:.7}.header .controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.header label.field{display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.header label.toggle{display:flex;align-items:center;gap:4px;font-size:11px}.header select{background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:3px 4px;font-size:12px;flex:0 0 auto}.header .utility-group{display:inline-flex;gap:4px;padding:2px;border-radius:6px;background:#ffffff05}.game-menu{position:relative}.game-menu summary{list-style:none;min-height:32px;display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(148,163,184,.35);border-radius:4px;color:var(--muted);cursor:pointer;font-size:var(--text-base)}.game-menu summary::-webkit-details-marker{display:none}.game-menu[open] summary,.game-menu summary:hover{background:var(--panel-2);color:var(--text)}.game-menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:25;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:6px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#0f172afa;box-shadow:0 14px 36px #0000008c}.game-menu:not([open]) .game-menu-panel{display:none}.game-menu-panel button{justify-content:flex-start;text-align:left;width:100%}.ai-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 20px 12px;background:#0f172af7;border:1px solid #6366f1;border-radius:14px;box-shadow:0 6px 22px #0009;font-size:14px;max-width:min(820px,94vw);pointer-events:none;animation:ai-banner-in .18s ease-out}.ai-banner-label{color:#a5b4fc;font-weight:700;white-space:nowrap;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.ai-banner-stream{display:flex;flex-direction:column;gap:3px;align-items:center;width:100%;min-width:0}.ai-banner-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#e2e8f0;transition:opacity .15s ease-out,color .15s ease-out;padding:2px 10px;line-height:1.35}.ai-banner-line:nth-last-of-type(1){opacity:1}.ai-banner-line:nth-last-of-type(2){opacity:.85}.ai-banner-line:nth-last-of-type(3){opacity:.7}.ai-banner-line:nth-last-of-type(4){opacity:.55}.ai-banner-line.latest{color:#f1f5f9;font-weight:600;background:#6366f138;border-radius:6px;animation:ai-banner-line-in .22s ease-out}.ai-banner-line.sys{color:#94a3b8;font-style:italic}@keyframes ai-banner-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes ai-banner-line-in{0%{background:#6366f173}to{background:#6366f12e}}.opp-strip{grid-area:opp;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 8px;background:var(--panel);border:1px solid #334155;border-radius:8px;font-size:11px}.opp-strip .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.opp-strip .badge{background:var(--panel-2);padding:2px 6px;border-radius:4px}.mini-hand{display:flex;gap:3px;flex:1;overflow-x:auto;min-width:0;padding-bottom:2px}.mini-hand .card{width:28px;min-height:38px;padding:2px;font-size:9px;flex:0 0 auto}.mini-hand .card.facedown{font-size:9px}.mini-hand.open .card:not(.facedown){width:var(--mini-card-w);min-height:var(--mini-card-h);padding:3px;font-size:9px}.turn-indicator{padding:4px 12px;border-radius:20px;font-size:var(--text-base);font-weight:700;letter-spacing:1px;display:inline-flex;gap:10px;align-items:baseline;border:2px solid transparent;box-shadow:0 2px 8px #00000080;flex:0 0 auto;animation:tcg-attention .6s ease-out 1}.turn-indicator.yours{background:#f59e0bf2;color:#111;border-color:var(--accent-hi)}.turn-indicator.theirs{background:#06b6d4eb;color:#061121;border-color:#67e8f9;animation:tcg-pulse-glow 2.2s ease-in-out infinite}.turn-indicator .turn-meta{font-weight:500;font-size:var(--text-sm);opacity:.85;letter-spacing:.4px}.game-layout{grid-area:board;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:8px;min-height:0}.board{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"opp-side" "my-side";gap:8px;min-height:0;background:radial-gradient(ellipse at center,rgba(16,185,129,.07),transparent 70%),var(--panel);border-radius:10px;padding:8px;position:relative;border:1px solid rgba(148,163,184,.1)}.game-inspector{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0}.inspector-section{min-width:0;background:#1e293bdb;border:1px solid rgba(148,163,184,.12);border-radius:8px;padding:10px;box-shadow:0 8px 24px #0000002e}.inspector-kicker{margin-bottom:8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.inspector-card-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.inspector-card .card{width:88px;min-height:118px}.inspector-facts h2{margin:0 0 4px;font-size:16px;line-height:1.15}.hp-meter{margin-top:12px;display:flex;flex-direction:column;gap:5px}.hp-meter-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.hp-meter-top strong{color:var(--text)}.hp-track{height:8px;overflow:hidden;border-radius:999px;background:#0f172acc}.hp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ok),var(--accent-hi))}.state-chip-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.state-chip{border:1px solid rgba(148,163,184,.22);color:var(--muted);background:#0f172a7a;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.state-chip.on{color:#bbf7d0;border-color:#22c55e59;background:#16653438}.state-chip.danger{color:#fecaca;border-color:#ef444459;background:#7f1d1d42}.attack-preview-list{display:flex;flex-direction:column;gap:6px}.attack-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:6px;background:#0f172a6b}.attack-preview-row div{min-width:0;display:flex;flex-direction:column;gap:2px}.attack-preview-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attack-preview-row span{color:var(--muted);font-size:10px}.attack-preview-row b{color:var(--accent-hi);font-size:12px}.log-panel{overflow:hidden;display:flex;flex-direction:column}.side.opponent{grid-area:opp-side}.side.me{grid-area:my-side}.side{padding-right:calc(var(--mini-card-w) + 30px + env(safe-area-inset-right,0px))}.side{display:grid;grid-template-rows:auto auto auto;gap:10px;padding:8px;background:#0f172a80;border-radius:8px;min-width:0}.side.opponent{background:#0f172a8c;border-top:1px solid rgba(220,38,38,.25)}.side.opponent>.back-row{order:1}.side.opponent>.bench-slot{order:2}.side.opponent>.active-row{order:3}.side.me>.active-row{order:1}.side.me>.bench-slot{order:2}.side.me>.back-row{order:3}.back-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;min-width:0}.zone-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;margin-top:2px}.prize-zone{display:flex;flex-direction:column;gap:2px;padding:4px 6px;background:#1e293b80;border:1px solid rgba(71,85,105,.6);border-radius:6px}.prize-zone .zone-label{text-align:center;margin:0 0 2px}.prize-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:64px}.prize-card{aspect-ratio:3 / 4;background:linear-gradient(135deg,#7c2d12,#b91c1c),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 3px,transparent 3px 6px);background-blend-mode:overlay;border-radius:3px;min-height:14px;box-shadow:inset 0 0 0 1px #0000004d,0 1px 2px #00000080}.prize-card.empty{background:transparent;border:1px dashed rgba(148,163,184,.35)}.back-row-meta{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;color:var(--muted);font-size:11px}.back-row-meta .player-name{font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--text)}.back-row-meta .meta-chip{background:var(--panel-2);padding:2px 6px;border-radius:4px;font-size:10px}.library-zone{display:flex;gap:6px;align-items:flex-end}.zone-stack{display:flex;flex-direction:column;align-items:center;gap:2px}.zone-stack .stack-slot{position:relative;width:var(--mini-card-w);height:var(--mini-card-h)}.zone-stack .stack-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;background:linear-gradient(135deg,#1e40af,#3730a3);box-shadow:0 1px 2px #0006,inset 0 0 0 1px #ffffff0f}.zone-stack .stack-back-2{transform:translate(2px,-2px)}.zone-stack .stack-back-3{transform:translate(4px,-4px)}.zone-stack .stack-count{position:absolute;bottom:2px;right:2px;background:#000000c7;color:#fff;font-weight:700;font-size:var(--text-sm);padding:1px 6px;border-radius:8px;z-index:2;box-shadow:0 1px 3px #0009;text-shadow:0 1px 2px rgba(0,0,0,.8)}.zone-stack[role=button]{cursor:pointer;transition:filter .12s ease,transform .12s ease}.zone-stack[role=button]:hover{filter:brightness(1.2);transform:translateY(-1px)}.zone-stack.empty .stack-slot{border:1px dashed rgba(148,163,184,.35);border-radius:5px}.zone-stack.empty .stack-count{background:transparent;color:var(--muted)}.zone-stack.discard .stack-slot.discard-top>.card{width:100%;min-height:100%;padding:0}.active-row{display:flex;justify-content:center;align-items:center;min-height:var(--card-h)}.bench-slot{display:block;min-width:0;min-height:var(--card-h)}.bench-row{display:flex;gap:6px;overflow-x:auto;overflow-y:visible;padding-bottom:4px;align-items:center;width:100%;max-width:100%;min-width:0;-webkit-mask-image:linear-gradient(to right,#000,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(to right,#000,#000 calc(100% - 18px),transparent);overscroll-behavior-x:contain}.bench-row{justify-content:safe center}.bench-row>.card{flex:0 0 auto}.card.empty-slot{width:var(--card-w);min-height:var(--card-h);background:repeating-linear-gradient(135deg,rgba(148,163,184,.05) 0 6px,transparent 6px 14px);border:1px dashed rgba(148,163,184,.35);color:#64748b;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);cursor:default;box-shadow:none}.card.empty-slot:hover{transform:none;box-shadow:none}.stadium-slot{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 10px;min-width:0;border-radius:10px;border:1px dashed rgba(124,58,237,.45);background:linear-gradient(180deg,#4c1d958c,#31106e8c);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 18px #00000073,inset 0 0 0 1px #a78bfa1f}.stadium-card-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.stadium-card-wrap>.card{width:var(--mini-card-w);min-height:var(--mini-card-h)}.stadium-caption{font-size:11px;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stadium-empty{font-size:var(--text-xs);color:#94a3b8bf;text-transform:uppercase;letter-spacing:1px;border:1px dashed rgba(124,58,237,.35);border-radius:4px;padding:5px 14px;background:repeating-linear-gradient(135deg,rgba(167,139,250,.05) 0 6px,transparent 6px 14px);font-weight:600}.stadium-empty:before{content:"🏟 ";opacity:.55}.my-hand{grid-area:hand;background:var(--panel);border-radius:8px;padding:4px 8px;display:flex;flex-direction:column;gap:2px;min-height:0}.my-hand-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;color:var(--muted)}.my-hand-header .title{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.my-hand-header .hint{color:#94a3b8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-hand-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;align-items:stretch;min-height:calc(var(--hand-card-h) + 6px)}.my-hand-row>.card{flex:0 0 auto;width:var(--hand-card-w);min-height:var(--hand-card-h);font-size:10px;padding:4px;gap:1px}.my-hand-row>.card .name{font-size:10px}.my-hand-row>.card .hp{font-size:10px}.my-hand-row>.card .atk{font-size:9px}.my-hand-row>.card .type{font-size:9px}.my-hand-row>.card .trainer-text{font-size:8px;-webkit-line-clamp:4}.action-bar{grid-area:action;background:#1e293bf5;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:7px;min-height:0;border:1px solid rgba(148,163,184,.14);box-shadow:0 -8px 24px #00000029}.prompt-banner{grid-area:action;align-self:end;margin-bottom:2px;background:#38bdf82e;border:1px solid rgba(56,189,248,.45);color:#e0f2fe;padding:6px 12px;border-radius:8px;font-size:var(--text-base);font-weight:600}.prompt-banner-label{display:inline-block}.prompt-banner-options{display:inline-flex;gap:8px;margin-left:12px}.prompt-banner-options button{background:#38bdf852;border:1px solid rgba(56,189,248,.6);color:#e0f2fe;padding:3px 10px;border-radius:6px;font-weight:600;cursor:pointer}.prompt-banner-options button:hover{background:#38bdf880}.action-bar .status-line{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--text-base);min-height:22px}.action-bar .status-line .msg{color:var(--accent);flex:1;font-weight:700}.action-bar .status-line .msg.waiting{color:var(--info);animation:tcg-blink 1.8s ease-in-out infinite}@keyframes tcg-blink{0%,to{opacity:1}50%{opacity:.55}}.action-bar .status-line .promote-msg{color:var(--danger);font-weight:700;letter-spacing:.4px;animation:tcg-blink 1.2s ease-in-out infinite}.action-bar .status-line .turn-flags{display:flex;gap:5px;color:var(--muted);font-size:10px;flex-wrap:wrap;justify-content:flex-end}.action-bar .status-line .turn-flags span{padding:3px 7px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#0f172a6b}.action-bar .status-line .turn-flags .on{color:#111827;background:var(--accent);border-color:var(--accent);font-weight:700}.action-bar .action-groups{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.action-bar .group{display:flex;flex-direction:column;gap:4px;min-width:0}.action-bar .group .group-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.action-bar .group .group-buttons{display:flex;gap:5px;flex-wrap:wrap}.action-bar .group.abilities .group-label{color:var(--purple)}.action-bar .group.end{margin-left:auto}.action-bar button{min-height:36px}.action-bar button.ability{border-color:var(--purple);background:linear-gradient(180deg,#9333ea33,#9333ea14);color:#e9d5ff;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 10px;line-height:1.15;min-width:140px}.action-bar button.ability:hover:not(:disabled){background:linear-gradient(180deg,#9333ea59,#9333ea26);border-color:#c084fc}.action-bar button.ability .ability-name{font-weight:600;font-size:var(--text-base)}.action-bar button.ability .ability-source{font-size:var(--text-xs);opacity:.8;letter-spacing:.2px}.action-bar .attack-btn{background:linear-gradient(180deg,#f59e0b40,#f59e0b14);border-color:#f59e0b99;color:#fef3c7;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:150px}.action-bar .attack-btn:hover:not(:disabled){background:linear-gradient(180deg,#f59e0b73,#f59e0b2e);border-color:var(--accent-hi)}.action-bar .attack-btn .atk-name{color:#fff}.action-bar .attack-btn .atk-damage{color:var(--accent-hi);font-weight:700}.log-details{background:var(--panel);border-radius:6px;padding:4px 8px;font-size:11px;color:var(--muted)}.log-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.log-details summary::-webkit-details-marker{display:none}.log-details summary:before{content:"▸ ";display:inline-block;transition:transform .1s}.log-details[open] summary:before{content:"▾ "}.log-content{max-height:120px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;margin-top:4px}.game-inspector .log-content{max-height:none;min-height:0;flex:1;padding-right:2px}.log-content .entry{line-height:1.45;padding:1px 2px}.log-content .entry.p1{color:#fbbf24}.log-content .entry.p2{color:#60a5fa}.log-content .entry.system{color:#94a3b8;font-style:italic}.log-content .entry.turn-sep{border-top:1px dashed rgba(148,163,184,.22);margin-top:4px;padding-top:4px;color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.6px;font-style:normal}.extras{display:flex;flex-direction:column;gap:4px}.card{width:var(--card-w);min-height:var(--card-h);background:var(--card-bg);color:var(--card-text);border-radius:6px;padding:6px;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid transparent;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;touch-action:manipulation}.card:hover:not(.empty-slot):not(.selected){transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b59,var(--shadow-card-hover);transform:translateY(-1px)}.card.illegal:not(.selected){opacity:.55;filter:grayscale(.4)}.card.illegal:hover:not(.selected){opacity:.75}.card.legal-target{outline:2px solid rgba(34,197,94,.85);outline-offset:2px;animation:tcg-legal-pulse 1.4s ease-in-out infinite}.card.legal-target:hover:not(.selected){outline-color:#22c55e}@keyframes tcg-legal-pulse{0%,to{box-shadow:var(--shadow-card),0 0 #22c55e73}50%{box-shadow:var(--shadow-card),0 0 0 6px #22c55e00}}.card.empty-slot.legal-target{border-color:#22c55ed9;color:#22c55e;background:repeating-linear-gradient(135deg,rgba(34,197,94,.08) 0 6px,transparent 6px 14px)}.card.drag-source{opacity:.35;transition:opacity 80ms ease}.card.drop-hover{outline:3px solid rgba(56,189,248,1);outline-offset:2px;box-shadow:0 0 0 6px #38bdf840;animation:none}.card.empty-slot.drop-hover{border-color:#38bdf8;background:#38bdf81f}.my-hand-row>.card{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.my-hand-row>.card .card-img{-webkit-user-drag:none;pointer-events:none}.drag-ghost{position:fixed;pointer-events:none;width:var(--hand-card-w);min-height:var(--hand-card-h);transform:translate(-50%,-50%) rotate(2deg);opacity:.92;z-index:200;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}.drag-ghost>.card{width:100%;min-height:var(--hand-card-h);cursor:grabbing}.card.facedown{background:linear-gradient(135deg,#1e40af,#3730a3);color:#fff;justify-content:center;align-items:center;background-image:linear-gradient(135deg,#1e40af,#3730a3),repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 3px,transparent 3px 6px)}.card .name{font-weight:600;font-size:12px;line-height:1.15}.card .type{color:#64748b;font-size:10px;line-height:1.15}.card .hp{color:#dc2626;font-weight:600}.card .dmg{color:var(--danger);font-weight:700}.card .atks{margin-top:auto;display:flex;flex-direction:column;gap:2px}.card .atk{font-size:10px;display:flex;justify-content:space-between;gap:4px;cursor:help}.card .energy{font-size:10px;color:#2563eb}.card .abilities{display:flex;flex-direction:column;gap:2px}.card .ability{font-size:10px;color:#9333ea;cursor:help;line-height:1.15}.card .ability-tag{background:#9333ea;color:#fff;padding:0 3px;border-radius:2px;font-size:9px;font-weight:700}.card .trainer-text{font-size:9px;margin-top:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#475569}.card .statuses{display:flex;gap:2px;flex-wrap:wrap}.card .status{font-size:var(--text-xs);font-weight:700;padding:1px 4px;border-radius:3px;color:#fff;min-width:26px;text-align:center;letter-spacing:.3px;outline:1px solid rgba(255,255,255,.35);box-shadow:0 1px 3px #0000008c;text-shadow:0 1px 1px rgba(0,0,0,.6)}.status-asleep{background:#6366f1}.status-burned{background:#dc2626}.status-confused{background:#d97706}.status-paralyzed{background:#ca8a04}.status-poisoned{background:#7c3aed}.card .tools{display:flex;gap:2px;flex-wrap:wrap}.card .tool{font-size:9px;background:#059669;color:#fff;padding:0 3px;border-radius:2px;cursor:help}.card.card-imaged{padding:0;background:transparent;overflow:hidden;position:relative}.card.card-imaged>img.card-img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;border-radius:inherit}.card.card-imaged:has(>.name){padding:6px;background:var(--card-bg)}.card.in-play .in-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:3px;gap:2px}.card.in-play .hp-badge{align-self:flex-end;background:#0f172aeb;color:#fff;font-weight:700;font-size:var(--text-base);padding:2px 7px;border-radius:10px;letter-spacing:.2px;min-width:38px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);box-shadow:0 1px 3px #00000080,inset 0 0 0 1px #ffffff1f}.card.in-play .hp-badge[data-low=true]{background:#ef4444fa;box-shadow:0 0 8px #ef44448c,inset 0 0 0 1px #fff3}.card.in-play .statuses{align-self:flex-start;display:flex;gap:2px;flex-wrap:wrap}.card.in-play .in-play-overlay .energy-row{align-self:flex-start;display:flex;gap:3px;flex-wrap:wrap;max-width:70%}.card.in-play .in-play-overlay .energy-pip{position:relative;width:20px;height:20px;padding:4px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.75);box-shadow:0 2px 5px #0000009e,0 0 0 1px #ffffff4d,inset 0 1px 2px #ffffff6b,inset 0 -2px 4px #00000057;line-height:1;letter-spacing:.02em}.card.in-play .in-play-overlay .energy-pip:before{content:"";position:absolute;inset:2px 3px auto 4px;height:6px;border-radius:50%;background:#ffffff73;filter:blur(.2px)}.card.in-play .in-play-overlay .energy-pip svg{position:relative;z-index:1;display:block;width:100%;height:100%;fill:currentColor;stroke:#0000002e;stroke-width:.65;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.72))}.card.in-play .in-play-overlay .energy-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1}.card.in-play .in-play-overlay .energy-wild-mark:before{position:relative;z-index:1;content:"*";font-size:11px;font-weight:900;line-height:1}.card.in-play .in-play-overlay .energy-sr-code{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.card.in-play .in-play-overlay .energy-pip.energy-Fire{background:radial-gradient(circle at 35% 25%,#fed7aa 0,#fed7aa 16%,#f97316 38%,#dc2626 72%,#7f1d1d)}.card.in-play .in-play-overlay .energy-pip.energy-Water{background:radial-gradient(circle at 35% 25%,#bae6fd 0,#bae6fd 16%,#38bdf8 40%,#2563eb 76%,#1e3a8a)}.card.in-play .in-play-overlay .energy-pip.energy-Grass{background:radial-gradient(circle at 35% 25%,#bbf7d0 0,#bbf7d0 16%,#22c55e 42%,#15803d 78%,#14532d)}.card.in-play .in-play-overlay .energy-pip.energy-Lightning{background:radial-gradient(circle at 35% 25%,#fef9c3 0,#fef9c3 18%,#fde047 42%,#eab308 76%,#854d0e);color:#111;text-shadow:0 1px 1px rgba(255,255,255,.6)}.card.in-play .in-play-overlay .energy-pip.energy-Psychic{background:radial-gradient(circle at 35% 25%,#f5d0fe 0,#f5d0fe 16%,#d946ef 40%,#9333ea 74%,#4c1d95)}.card.in-play .in-play-overlay .energy-pip.energy-Fighting{background:radial-gradient(circle at 35% 25%,#fed7aa 0,#fed7aa 16%,#f97316 36%,#b45309 72%,#451a03)}.card.in-play .in-play-overlay .energy-pip.energy-Darkness{background:radial-gradient(circle at 35% 25%,#a78bfa 0,#a78bfa 12%,#4c1d95 42%,#111827 78%,#020617)}.card.in-play .in-play-overlay .energy-pip.energy-Metal{background:radial-gradient(circle at 35% 25%,#f8fafc 0,#f8fafc 16%,#cbd5e1 38%,#64748b 72%,#334155);color:#111;text-shadow:0 1px 1px rgba(255,255,255,.5)}.card.in-play .in-play-overlay .energy-pip.energy-Dragon{background:conic-gradient(from 25deg,#fde047,#a855f7,#2563eb,#22c55e,#fde047)}.card.in-play .in-play-overlay .energy-pip.energy-Fairy{background:radial-gradient(circle at 35% 25%,#fbcfe8 0,#fbcfe8 16%,#f472b6 40%,#db2777 76%,#831843)}.card.in-play .in-play-overlay .energy-pip.energy-Colorless{background:radial-gradient(circle at 35% 25%,#fff 0,#fff 16%,#e2e8f0 42%,#94a3b8 76%,#475569);color:#111;text-shadow:0 1px 1px rgba(255,255,255,.5)}.card.in-play .in-play-overlay .energy-pip.energy-wild{background:conic-gradient(var(--energy-fire),var(--energy-lightning),var(--energy-grass),var(--energy-water),var(--energy-psychic),var(--energy-fighting),var(--energy-darkness),var(--energy-fire))}.card.in-play .in-play-overlay .tool-row{align-self:flex-end;display:flex;flex-direction:column;gap:4px;align-items:flex-end;max-height:62px}.card.in-play .in-play-overlay .tool-badge{width:23px;height:23px;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.68);background:#0f172ad1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #000000ad,0 0 0 1px #0f172a8c}.card.in-play .in-play-overlay .tool-icon{--tool-fg: #fff;--tool-bg1: #64748b;--tool-bg2: #0f172a;position:relative;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;color:var(--tool-fg);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.55),transparent 24%),linear-gradient(135deg,var(--tool-bg1),var(--tool-bg2))}.card.in-play .in-play-overlay .tool-icon:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:6px;border:1px solid rgba(255,255,255,.16);pointer-events:none}.card.in-play .in-play-overlay .tool-icon svg{position:relative;z-index:1;width:82%;height:82%}.card.in-play .in-play-overlay .tool-icon svg path,.card.in-play .in-play-overlay .tool-icon svg circle{fill:currentColor;stroke:#0000004d;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65))}.card.in-play .in-play-overlay .tool-mark{position:absolute;z-index:2;right:2px;bottom:2px;min-width:9px;height:9px;padding:0 2px;border-radius:999px;background:#0f172ad6;color:#fff;font-size:6px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #ffffff59}.card.in-play .in-play-overlay .tool-more{min-width:21px;height:17px;padding:1px 4px;border-radius:999px;background:#0f172aeb;color:#fff;font-size:9px;font-weight:800;text-align:center;box-shadow:0 1px 4px #000000a6}.card.in-play .in-play-overlay .attachment-layer{position:absolute;z-index:5;pointer-events:none}.card.in-play .in-play-overlay .attachment-layer-energy{left:4px;bottom:4px}.card.in-play .in-play-overlay .attachment-layer-tools{right:4px;bottom:4px}.card.in-play .in-play-overlay .energy-row.energy-stack{align-self:auto;display:flex;align-items:center;gap:0;max-width:none;flex-wrap:nowrap;filter:drop-shadow(0 8px 8px rgba(0,0,0,.42))}.card.in-play .in-play-overlay .energy-token{position:relative;width:28px;height:28px;margin-left:-6px;padding:6px;border-radius:50%;border:2px solid rgba(8,12,18,.96);outline:1px solid rgba(255,255,255,.38);background:radial-gradient(circle at 35% 25%,#ffffff9e,#fff0 21%),radial-gradient(circle at 50% 58%,#252b33 0,#252b33 58%,#07090d);color:#090909;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transform:translateY(calc(var(--stack-index, 0) * -1px));box-shadow:0 5px 7px #00000085,0 0 0 1px #000000c2,0 0 8px var(--energy-glow, rgba(255, 255, 255, .18)),inset 0 1px 1px #ffffff57,inset 0 -4px 5px #00000094}.card.in-play .in-play-overlay .energy-token:first-child{margin-left:0}.card.in-play .in-play-overlay .energy-token:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.62),transparent 22%),radial-gradient(circle at 50% 58%,var(--energy-center, #e2e8f0) 0 36%,var(--energy-mid, #94a3b8) 64%,var(--energy-edge, #334155) 100%);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -3px 4px #00000061}.card.in-play .in-play-overlay .energy-token:after{content:"";position:absolute;inset:3px 5px auto 6px;height:7px;border-radius:999px;background:linear-gradient(180deg,#ffffffb8,#fff0);transform:rotate(-16deg);pointer-events:none}.card.in-play .in-play-overlay .energy-token svg{position:relative;z-index:2;width:86%;height:86%;fill:currentColor;stroke:#ffffff2e;stroke-width:.72;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 1px 1px rgba(0,0,0,.78))}.card.in-play .in-play-overlay .energy-token.energy-Fire{--energy-center: #ff3644;--energy-mid: #d90f21;--energy-edge: #64070f;--energy-glow: rgba(255, 34, 55, .52)}.card.in-play .in-play-overlay .energy-token.energy-Water{--energy-center: #49c8ff;--energy-mid: #1472ff;--energy-edge: #0b236b;--energy-glow: rgba(56, 189, 248, .44)}.card.in-play .in-play-overlay .energy-token.energy-Grass{--energy-center: #5ced75;--energy-mid: #13a538;--energy-edge: #063f18;--energy-glow: rgba(34, 197, 94, .44)}.card.in-play .in-play-overlay .energy-token.energy-Lightning{--energy-center: #fff76a;--energy-mid: #ffc400;--energy-edge: #8a4b00;--energy-glow: rgba(250, 204, 21, .46);color:#111}.card.in-play .in-play-overlay .energy-token.energy-Psychic{--energy-center: #ec8bff;--energy-mid: #9b35e6;--energy-edge: #35105f;--energy-glow: rgba(217, 70, 239, .46)}.card.in-play .in-play-overlay .energy-token.energy-Fighting{--energy-center: #d79745;--energy-mid: #91511a;--energy-edge: #351a08;--energy-glow: rgba(180, 83, 9, .42)}.card.in-play .in-play-overlay .energy-token.energy-Darkness{--energy-center: #4b4f5b;--energy-mid: #1e2430;--energy-edge: #02040a;--energy-glow: rgba(15, 23, 42, .58);color:#f4f4f5}.card.in-play .in-play-overlay .energy-token.energy-Metal{--energy-center: #f2f5f8;--energy-mid: #9faab8;--energy-edge: #3b4655;--energy-glow: rgba(203, 213, 225, .44);color:#111}.card.in-play .in-play-overlay .energy-token.energy-Dragon{--energy-center: #f5d63b;--energy-mid: #8b5cf6;--energy-edge: #1e40af;--energy-glow: rgba(168, 85, 247, .42)}.card.in-play .in-play-overlay .energy-token.energy-Fairy{--energy-center: #ffb8df;--energy-mid: #e5489c;--energy-edge: #801640;--energy-glow: rgba(244, 114, 182, .42)}.card.in-play .in-play-overlay .energy-token.energy-Colorless{--energy-center: #ffffff;--energy-mid: #cbd5e1;--energy-edge: #526071;--energy-glow: rgba(226, 232, 240, .42);color:#111}.card.in-play .in-play-overlay .energy-token.energy-wild{--energy-center: #ffffff;--energy-mid: #22c55e;--energy-edge: #7c3aed;--energy-glow: rgba(255, 255, 255, .48)}.card.in-play .in-play-overlay .energy-token.energy-wild:before{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.64),transparent 21%),conic-gradient(var(--energy-fire),var(--energy-lightning),var(--energy-grass),var(--energy-water),var(--energy-psychic),var(--energy-fighting),var(--energy-darkness),var(--energy-fire))}.card.in-play .in-play-overlay .energy-stack-count{background:radial-gradient(circle at 35% 25%,#fff 0,#fff 14%,#e2e8f0 32%,#334155);color:#0f172a;font-size:10px;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.65)}.card.in-play .in-play-overlay .tool-row.tool-stack{align-self:auto;display:flex;flex-direction:column;align-items:flex-end;gap:0;max-height:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.44))}.card.in-play .in-play-overlay .tool-chip{position:relative;width:29px;height:40px;margin-top:-17px;overflow:visible;border-radius:5px;border:1px solid rgba(255,255,255,.62);background:linear-gradient(135deg,#e2e8f0f5,#475569f5);display:inline-flex;align-items:center;justify-content:center;transform:rotate(calc(-5deg + var(--stack-index, 0) * 5deg));box-shadow:0 6px 9px #00000085,0 0 0 1px #0f172a8c,inset 0 1px #ffffff7a}.card.in-play .in-play-overlay .tool-chip:first-child{margin-top:0}.card.in-play .in-play-overlay .tool-card-tab{position:absolute;top:2px;right:2px;bottom:2px;left:2px;overflow:hidden;border-radius:3px;background:#0f172adb}.card.in-play .in-play-overlay .tool-card-tab img{width:100%;height:100%;object-fit:cover;display:block}.card.in-play .in-play-overlay .tool-card-tab .tool-icon{width:100%;height:100%}.card.in-play .in-play-overlay .tool-chip-glint{position:absolute;inset:3px 4px auto 4px;height:10px;border-radius:999px;background:linear-gradient(180deg,#ffffff9e,#fff0);pointer-events:none}.card.in-play .in-play-overlay .tool-chip-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.active-slot .card.in-play .in-play-overlay .attachment-layer-energy{left:6px;bottom:6px}.active-slot .card.in-play .in-play-overlay .energy-token{width:30px;height:30px;padding:6px;margin-left:-7px}.active-slot .card.in-play .in-play-overlay .attachment-layer-tools{right:6px;bottom:6px}.active-slot .card.in-play .in-play-overlay .tool-chip{width:34px;height:47px}.bench-slot .card.in-play .in-play-overlay .energy-token{width:22px;height:22px;padding:5px;margin-left:-6px}.bench-slot .card.in-play .in-play-overlay .tool-chip{width:24px;height:34px}.muted{color:var(--muted);font-size:11px}button{background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:6px 10px;font-size:var(--text-base);cursor:pointer;min-height:32px;transition:background .1s ease,transform .08s ease,box-shadow .1s ease,border-color .1s ease}button:hover:not(:disabled){background:var(--panel-3);transform:translateY(-1px);box-shadow:0 4px 10px #00000059}button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0006}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed;background:repeating-linear-gradient(45deg,var(--panel-2) 0 6px,rgba(255,255,255,.03) 6px 12px);color:var(--muted)}button.primary{background:var(--accent);color:#1f2937;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hi);border-color:var(--accent-hi)}button.secondary{background:transparent;border-color:#94a3b859;color:var(--muted);font-weight:500}button.secondary:hover:not(:disabled){background:var(--panel-2);border-color:var(--panel-3);color:var(--text)}.winner{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;justify-content:center;align-items:center;z-index:10}.winner .box{background:var(--panel);padding:24px;border-radius:12px;text-align:center}.winner h2{margin-top:0;color:var(--accent)}@media (max-width: 900px){:root{--card-w: 82px;--card-h: 110px;--hand-card-w: 68px;--hand-card-h: 92px}.header h1{font-size:14px}.header .meta{font-size:10px}.game-layout{grid-template-columns:1fr}.game-inspector{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.game-inspector .log-panel{grid-column:1 / -1;max-height:150px}.side{padding-right:calc(var(--mini-card-w) + 18px + env(safe-area-inset-right,0px))}.stadium-slot{right:8px;padding:6px 8px}}@media (max-height: 760px){:root{--card-h: 108px;--hand-card-h: 90px}.log-content{max-height:80px}}@media (max-width: 640px){:root{--card-w: 78px;--card-h: 104px;--hand-card-w: 66px;--hand-card-h: 88px}.app{padding:4px;gap:4px}.header{padding:4px 8px;gap:4px}.header h1{font-size:13px}.header .meta{font-size:10px}.header .controls-row{gap:6px;width:100%}.header label.field{flex:1 1 calc(50% - 6px);min-width:0}.header select{width:100%;min-width:0;font-size:11px;padding:2px 3px;max-width:100%}.header .utility-group{flex:1 1 100%;min-width:0;flex-wrap:wrap}.header .utility-group button,.header .controls-row>button{flex:1 1 calc(50% - 4px);min-width:0}.game-menu{margin-left:auto}.game-menu summary{min-height:40px}.game-menu-panel{right:0;left:auto;width:min(220px,calc(100vw - 16px));min-width:0;max-height:calc(100svh - 120px);overflow-y:auto}.game-inspector{grid-template-columns:1fr;gap:4px}.inspector-section{padding:8px}.inspector-card-row{grid-template-columns:auto minmax(0,1fr)}.inspector-card .card{width:64px;min-height:86px}.attack-preview-panel,.game-inspector .log-panel{display:none}.side{gap:6px;padding:4px}.back-row{grid-template-columns:auto 1fr auto;gap:4px;align-items:center}.prize-zone{padding:2px 4px}.prize-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr;width:120px;gap:2px}.prize-card{min-height:8px}.prize-zone .zone-label{font-size:8px}.back-row-meta .player-name{font-size:10px}.back-row-meta .meta-chip{font-size:9px;padding:1px 4px}.library-zone{gap:3px}.zone-stack .stack-slot{width:calc(var(--mini-card-w) * .7);height:calc(var(--mini-card-h) * .7)}.zone-stack .zone-label{font-size:8px}.side{padding-right:calc(var(--mini-card-w) + 24px + env(safe-area-inset-right,0px))}.stadium-slot{right:6px;padding:6px 8px}.stadium-caption{font-size:9px}.opp-strip{padding:3px 6px;gap:6px;font-size:10px}.mini-hand .card{width:22px;min-height:30px}.my-hand-header .hint{display:none}.action-bar{position:sticky;bottom:max(4px,env(safe-area-inset-bottom));z-index:12;padding:8px;border-radius:12px 12px 8px 8px}.action-bar .action-groups{flex-direction:column;align-items:stretch;gap:6px}.action-bar .group{width:100%}.action-bar .group .group-buttons{flex-wrap:wrap;gap:4px}.action-bar .group .group-buttons>button{flex:1 1 calc(50% - 4px);min-width:0}.action-bar .attack-btn{min-width:0;grid-template-columns:1fr;gap:2px;text-align:left}.action-bar button{min-height:44px;font-size:12px;padding:6px 8px}.action-bar .group .group-label{font-size:8px}.action-bar .group.end{margin-left:0;width:100%}.action-bar .group.end button{width:100%}.action-bar .status-line .turn-flags{display:none}button{min-height:44px}.header button{min-height:40px;padding:6px 10px}.bsel-btn{width:44px;height:44px;min-height:0;font-size:18px}.card-zoom-close{width:44px;height:44px;top:4px;right:4px}.log-details summary{min-height:32px;padding:6px 0;font-size:11px}.opp-strip .mini-hand{display:none}.my-hand-row{-webkit-mask-image:linear-gradient(to right,#000,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000,#000 calc(100% - 24px),transparent);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.my-hand-row>.card{scroll-snap-align:start}.action-bar button.ability{min-width:0}}@media (max-width: 480px){.header h1{font-size:12px}}@media (max-width: 360px){:root{--card-w: 70px;--card-h: 96px;--hand-card-w: 60px;--hand-card-h: 82px}.game-menu{margin-left:0;margin-right:auto}.game-menu-panel{left:0;right:auto}.card.in-play .in-play-overlay .energy-pip{width:15px;height:15px;padding:2px}.card.in-play .in-play-overlay .tool-badge{width:17px;height:17px}.card.in-play .hp-badge{font-size:11px;min-width:32px;padding:2px 5px}.modal{padding:10px;gap:8px}}@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){:root{--card-w: 96px;--card-h: 130px;--hand-card-w: 80px;--hand-card-h: 110px}}@media (max-height: 500px) and (max-width: 900px) and (orientation: landscape){:root{--card-w: 70px;--card-h: 92px;--hand-card-w: 56px;--hand-card-h: 76px}.header{padding:2px 6px}.header h1{font-size:12px}.header .meta{font-size:9px}.opp-strip,.action-bar{padding:2px 4px}.action-bar button{min-height:40px;padding:4px 8px;font-size:11px}.log-details{font-size:10px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));animation:tcg-fade-in .15s ease-out}@keyframes tcg-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--panel),#18233a);border-radius:12px;padding:18px;width:min(720px,100%);max-height:90dvh;display:flex;flex-direction:column;gap:10px;overflow-y:auto;border:1px solid rgba(148,163,184,.15);box-shadow:var(--shadow-modal);animation:tcg-modal-in .18s cubic-bezier(.16,1,.3,1)}@keyframes tcg-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.modal-header h2{margin:0;font-size:16px;color:var(--accent)}.modal-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.modal-hint code{background:var(--panel-2);padding:1px 4px;border-radius:3px;font-size:11px}.decklist-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:6px;padding:8px;resize:vertical;min-height:180px}.deck-name-field{font-size:11px;color:var(--muted);gap:4px}.deck-name-field input{background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:6px 8px;font-size:13px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.import-result{font-size:12px;color:var(--text);display:flex;flex-direction:column;gap:6px;background:var(--panel-2);padding:8px;border-radius:6px}.import-result details{font-size:11px}.import-result details summary{cursor:pointer;padding:2px 0}.import-result details summary.error{color:var(--danger);font-weight:600}.import-result ul{margin:4px 0 4px 18px;padding:0;font-size:11px;color:var(--muted)}.import-result code{font-size:11px;color:var(--danger)}.saved-decks{background:var(--panel-2);padding:8px;border-radius:6px;font-size:12px}.saved-decks-header{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.saved-decks ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.saved-decks li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:3px 4px;border-radius:4px}.saved-decks li:hover{background:#94a3b814}.saved-decks li .count{font-size:10px;color:var(--muted)}.saved-decks li button.delete{font-size:10px;padding:3px 6px;background:transparent;border:1px solid var(--panel-3);color:var(--muted)}.saved-decks li button.delete:hover{border-color:var(--danger);color:var(--danger)}.pick-modal{max-width:90vw;width:min(1000px,100%)}.discard-viewer{max-width:95vw;width:min(1100px,100%)}.deck-builder-modal{max-width:95vw;width:min(1200px,100%);max-height:92dvh}.deck-doctor-modal{max-width:95vw;width:min(1100px,100%);max-height:92dvh;display:flex;flex-direction:column}.deck-doctor-body{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:12px;flex:1;min-height:0;overflow:hidden}.dd-input{display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border-radius:6px;padding:10px;overflow-y:auto}.dd-mode{display:flex;gap:4px}.dd-mode button{flex:1;padding:6px 8px;background:var(--panel-3);color:var(--text);border:1px solid transparent;border-radius:4px;font-size:12px;cursor:pointer}.dd-mode button.active{border-color:var(--accent);background:#38bdf826;color:var(--accent)}.dd-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.dd-field span{font-size:11px;color:var(--muted)}.dd-field select,.dd-field textarea{background:var(--panel-3);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:6px 8px;font-size:12px;font-family:inherit}.dd-field textarea{resize:vertical;min-height:200px}.dd-actions{display:flex;gap:8px;align-items:center;margin-top:4px}.dd-copy-hint{font-size:11px}.dd-clipboard-fallback{display:flex;flex-direction:column;gap:4px;margin-top:8px}.dd-clipboard-fallback textarea{background:var(--panel-3);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:6px 8px;font-size:11px;font-family:monospace}.dd-empty{padding:12px;font-size:12px}.dd-loading{padding:8px 12px;background:var(--panel-2);color:var(--muted);font-size:12px}.dd-report{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:4px}.dd-game-plan{background:var(--panel-2);border-radius:6px;padding:10px}.dd-game-plan-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:6px}.dd-game-plan-header h3{margin:0;font-size:14px}.dd-archetype{font-size:11px;color:var(--muted)}.dd-archetype strong{color:var(--accent)}.dd-composition{display:flex;flex-direction:column;gap:3px;font-size:12px;margin-bottom:8px}.dd-composition-row strong{color:var(--muted);font-weight:600;margin-right:4px}.dd-note{font-size:11px;color:var(--muted);font-style:italic}.dd-priorities{margin-top:6px}.dd-priorities h4{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.dd-section{background:var(--panel-2);border-radius:6px;padding:10px}.dd-section h3{margin:0 0 6px;font-size:13px}.dd-finding{border-left:3px solid var(--panel-3);padding:6px 8px;margin-bottom:6px;background:#0f172a59;border-radius:0 4px 4px 0}.dd-finding[data-severity=error]{border-left-color:var(--danger)}.dd-finding[data-severity=warning]{border-left-color:#f59e0b}.dd-finding[data-severity=suggestion]{border-left-color:var(--accent)}.dd-finding.compact{padding:4px 8px;margin-bottom:4px}.dd-finding-title{font-size:12px;font-weight:600;display:flex;gap:6px;align-items:center}.dd-finding-icon{flex:0 0 auto}.dd-finding-detail{font-size:11px;color:var(--muted);margin-top:3px}.dd-finding-evidence{margin:4px 0 0;padding-left:18px;font-size:11px;color:var(--muted)}.dd-finding-fix{margin-top:4px;font-size:11px}.dd-finding-fix summary{cursor:pointer;color:var(--accent)}.dd-finding-fix ul{margin:4px 0 0;padding-left:18px;color:var(--muted)}@media (max-width: 768px){.deck-doctor-body{grid-template-columns:1fr}.dd-browse-controls{flex-wrap:wrap;gap:8px;padding:8px}.dd-browse-controls select{max-width:100%;min-width:0}.dd-actions{flex-wrap:wrap}}.dd-toptabs{display:flex;gap:4px;border-bottom:2px solid var(--panel-3);margin-bottom:12px;padding:0 4px}.dd-toptabs button{flex:0 0 auto;padding:8px 16px;background:transparent;color:var(--muted);border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;font-size:13px;font-weight:500;cursor:pointer}.dd-toptabs button.active{background:var(--panel-2);color:var(--accent);border-color:var(--panel-3);border-bottom:2px solid var(--accent);margin-bottom:-2px}.dd-toptabs button:hover:not(.active){background:#ffffff0a}.dd-browse{padding:0 4px}.dd-browse-header h3{margin:0;font-size:14px}.dd-browse-controls{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;background:var(--panel-2);border-radius:6px}.dd-field-data{margin-top:12px;border-top:1px solid var(--panel-3);padding-top:12px}.dd-field-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.dd-field-header h4{margin:0;font-size:13px}.dd-field-stats{font-size:12px;line-height:1.6;margin-bottom:8px}.dd-field-controls{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.dd-pairing-list{max-height:360px;overflow-y:auto;border:1px solid var(--panel-3);border-radius:4px;background:var(--panel)}.dd-pairing-table{width:100%;border-collapse:collapse;font-size:11px}.dd-pairing-table thead{position:sticky;top:0;background:var(--panel-2);z-index:1}.dd-pairing-table th{text-align:left;padding:4px 6px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--panel-3);white-space:nowrap}.dd-pairing-table td{padding:3px 6px;border-bottom:1px solid var(--panel-3);vertical-align:top}.dd-pairing-table tr.dd-pairing-upset{background:#f59e0b0f}.dd-pairing-event{font-size:10px;color:var(--muted);white-space:nowrap}.dd-pairing-vs{color:var(--muted);text-align:center;font-size:10px}.dd-pairing-player{white-space:nowrap}.dd-pairing-result{text-align:center;font-weight:600}.dd-result-win{color:#7cd180}.dd-result-loss{color:#e57373}.dd-result-tie{color:var(--muted)}.dd-pairing-upset-flag{color:#f59e0b;margin-left:2px}.dd-pairing-decks{font-size:10px;white-space:nowrap}.dd-pairing-decks a{color:var(--accent);text-decoration:none}.dd-pairing-decks a:hover{text-decoration:underline}.dd-pairing-toggle{text-align:center;width:24px}.dd-pairing-toggle button{font-size:10px;padding:0 4px;color:var(--muted)}.dd-pairing-toggle button:hover{color:var(--accent)}.dd-pairing-decklists-row td{background:#ffffff05;padding:12px;border-bottom:1px solid var(--panel-3)}.dd-pairing-decklists{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.dd-pairing-decklists{grid-template-columns:1fr}}.dd-deck-column{background:var(--panel);border:1px solid var(--panel-3);border-radius:6px;padding:8px 10px}.dd-deck-header{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;font-size:12px;border-bottom:1px solid var(--panel-3);padding-bottom:4px}.dd-deck-link{margin-left:auto;color:var(--accent);text-decoration:none;font-size:12px}.dd-deck-link:hover{text-decoration:underline}.dd-deck-empty{font-size:11px;padding:4px 0}.dd-deck-empty code{background:var(--panel-2);padding:1px 4px;border-radius:3px;font-size:10px}.dd-deck-list{font-size:11px;line-height:1.4}.dd-deck-section{margin-bottom:6px}.dd-deck-section-title{font-weight:600;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.dd-deck-entries{list-style:none;margin:0;padding:0}.dd-deck-entries li{display:flex;gap:4px;font-variant-numeric:tabular-nums}.dd-deck-count{display:inline-block;width:16px;text-align:right;font-weight:600;color:var(--accent)}.dd-deck-name{flex:1}.dd-deck-set{font-size:9px;white-space:nowrap}.dd-deck-total{margin-top:4px;font-size:10px;text-align:right}.dd-tabs{display:flex;gap:4px;border-bottom:1px solid var(--panel-3);margin-bottom:8px}.dd-tabs button{flex:0 0 auto;padding:6px 12px;background:transparent;color:var(--muted);border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;font-size:12px;cursor:pointer}.dd-tabs button.active{background:var(--panel-2);color:var(--accent);border-color:var(--panel-3)}.dd-grade-banner{background:var(--panel-2);border-radius:6px;padding:8px 10px;font-size:12px;margin-bottom:8px;border-left:3px solid var(--panel-3)}.dd-grade-banner[data-grade=A]{border-left-color:var(--ok)}.dd-grade-banner[data-grade=B]{border-left-color:var(--accent)}.dd-grade-banner[data-grade=C]{border-left-color:#f59e0b}.dd-grade-banner[data-grade=D]{border-left-color:var(--danger)}.dd-grade-banner[data-grade=favored]{border-left-color:var(--ok)}.dd-grade-banner[data-grade=even]{border-left-color:var(--accent)}.dd-grade-banner[data-grade=unfavored]{border-left-color:var(--danger)}.dd-grade-banner[data-grade=unknown],.dd-grade-banner[data-grade=insufficient-data]{border-left-color:var(--muted)}.dd-static-disclaimer{font-size:10px;font-style:italic;margin:4px 0 8px}.dd-snapshot-header{font-size:11px;color:var(--muted);padding:6px 0}.dd-banner{border-radius:6px;padding:8px 10px;font-size:11px;margin-bottom:8px}.dd-banner-warn{background:#f59e0b1f;color:#fbbf24}.dd-banner-error{background:#ef444424;color:#fca5a5}.dd-methodology{background:var(--panel-2);border-radius:6px;padding:8px 10px;font-size:11px;margin-bottom:8px}.dd-methodology summary{cursor:pointer;font-weight:600}.dd-methodology p,.dd-methodology li{font-size:11px;color:var(--muted)}.dd-methodology ul{margin:4px 0;padding-left:18px}.dd-section-inner{background:var(--panel-2);border-radius:6px;padding:8px 10px;margin-top:8px}.dd-section-inner h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.search-notice-modal{max-width:420px;width:100%}.deck-builder-modal .pick-counter.good{color:var(--ok)}.deck-builder-modal .pick-counter.over{color:var(--danger)}.builder-toolbar{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,2fr) auto auto auto;gap:8px;align-items:end;padding:6px 0;border-bottom:1px solid var(--panel-2)}.builder-toolbar .deck-name-field{gap:3px}.builder-toolbar .deck-name-field input,.builder-toolbar .builder-search,.builder-toolbar select{background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:5px 8px;font-size:12px;min-width:0}.builder-toolbar .builder-search{grid-column:2 / 3}.builder-body{display:grid;grid-template-columns:3fr 1fr;gap:10px;min-height:0;flex:1;overflow:hidden}.builder-results{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-y:auto;padding:4px;background:var(--panel-2);border-radius:6px}.builder-results-meta{font-size:10px;color:var(--muted);padding:2px 4px;text-transform:uppercase;letter-spacing:.5px}.builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.builder-card{position:relative;cursor:pointer;border-radius:6px;transition:transform .08s ease,box-shadow .12s ease}.builder-card:hover:not(.capped){transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.builder-card.picked{outline:2px solid var(--accent);outline-offset:1px}.builder-card.capped{opacity:.45;cursor:not-allowed}.builder-card .card{width:100%;min-height:0;aspect-ratio:5 / 7;font-size:11px;padding:4px}.builder-card .card .name{font-size:11px}.builder-card .card .type,.builder-card .card .atk,.builder-card .card .hp,.builder-card .card .trainer-text{font-size:10px}.builder-count{position:absolute;top:2px;left:2px;background:var(--accent);color:#111;font-weight:700;font-size:11px;padding:1px 6px;border-radius:999px;box-shadow:0 1px 2px #00000073;z-index:1}.builder-variant-badge{position:absolute;bottom:2px;right:2px;background:#0f172ad9;color:var(--accent);font-weight:600;font-size:9px;padding:1px 5px;border-radius:999px;border:1px solid rgba(148,163,184,.25);z-index:1;pointer-events:none}.builder-more{align-self:center;margin-top:6px}.builder-selected{display:flex;flex-direction:column;min-width:0;background:var(--panel-2);border-radius:6px;overflow-y:auto}.builder-selected-header{padding:6px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--panel-3);background:var(--panel-2)}.builder-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--panel-3);background:var(--panel-2)}.builder-preview-img{width:100%;max-width:240px;aspect-ratio:5 / 7;object-fit:contain;border-radius:6px;background:var(--panel-3)}.builder-preview-name{font-size:12px;font-weight:600;text-align:center}.builder-preview-printing{font-size:10px;color:var(--muted);text-align:center}.builder-preview-empty{padding:20px 8px;font-size:11px;color:var(--muted);text-align:center}.builder-selected-list{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px;font-size:11px}.builder-selected-list li{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:4px;align-items:center;padding:2px 4px;border-radius:4px}.builder-selected-list li:hover{background:#94a3b814}.bsel-count{font-weight:700;color:var(--accent);min-width:22px}.bsel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bsel-printing{color:var(--muted);font-size:9px;background:transparent;border:1px solid transparent;padding:1px 4px;border-radius:4px;cursor:default;font-family:inherit;white-space:nowrap}.bsel-printing.swappable{cursor:pointer;border-color:#94a3b840;color:var(--text)}.bsel-printing.swappable:hover{background:var(--accent);color:#111;border-color:var(--accent)}.bsel-printing-arts{opacity:.7;font-size:8px}.bsel-btn{background:var(--panel-3);color:var(--text);border:none;width:22px;height:22px;border-radius:4px;padding:0;min-height:0;font-size:14px;line-height:1;cursor:pointer}.bsel-btn:hover{background:var(--accent);color:#111}.builder-violations{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fca5a5;border-radius:6px;padding:6px 8px;font-size:11px;display:flex;flex-direction:column;gap:2px}@media (max-width: 900px){.builder-body{grid-template-columns:1fr}.builder-toolbar{grid-template-columns:1fr 1fr}.builder-toolbar .builder-search{grid-column:1 / 3}}.variant-picker-backdrop{z-index:1100}.variant-picker-modal{max-width:720px;width:min(720px,92vw);display:flex;flex-direction:column;gap:8px}.modal-close{background:transparent;border:none;color:var(--muted);font-size:22px;width:32px;height:32px;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text)}.replay-history-modal{max-width:720px;width:90vw}.modal-body{display:flex;flex-direction:column;gap:16px;min-width:0}.external-results-import{display:flex;flex-direction:column;gap:8px;min-width:0;border-top:1px solid rgba(148,163,184,.14);padding-top:12px}.external-results-import h3,.replay-section-heading h3{margin:0;font-size:14px;color:var(--accent)}.replay-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.replay-section-heading .muted{flex:0 0 auto;font-size:11px}.external-results-import textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:6px;padding:8px;resize:vertical}.external-result-review-list{margin:4px 0 0;padding-left:16px;font-size:11px}@media (max-width: 640px){.replay-history-modal{width:100%;max-width:100%}.replay-history-modal .modal-body{gap:18px}.replay-section-heading{align-items:flex-start}.external-results-import>.muted{font-size:12px;line-height:1.4}.replay-table-wrap{overflow-x:visible}.replay-table,.replay-table tbody,.replay-table tr,.replay-table td{display:block;width:100%}.replay-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.replay-card-row,.external-result-card-row{margin:0 0 10px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0f172ab8;box-shadow:0 10px 28px #00000040}.replay-card-row:last-child,.external-result-card-row:last-child{margin-bottom:0}.replay-table td{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.1);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.replay-table td:last-child{border-bottom:0;padding-bottom:0}.replay-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;line-height:1.3;text-transform:uppercase}.external-result-review-cell{grid-template-columns:84px minmax(0,1fr)}.external-result-review-list{margin-top:6px;padding-left:14px;line-height:1.35}.replay-row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;justify-content:stretch}.replay-row-actions:before{grid-column:1 / -1}.replay-row-actions button,.replay-row-actions .muted{width:100%;min-height:40px;padding:8px 10px;text-align:center}}.replay-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.replay-table th,.replay-table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(148,163,184,.14)}.replay-table th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:var(--text-xs, 11px);letter-spacing:.04em}.replay-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.replay-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.replay-row-actions button{padding:4px 8px;font-size:var(--text-sm)}.replay-row-actions button.danger{background:#ef44441f;border-color:#ef444466;color:#fca5a5}.cloud-upload-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--text-sm);color:var(--text);cursor:pointer}.cloud-upload-toggle input[type=checkbox]{cursor:pointer}.variant-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:4px;overflow-y:auto;max-height:70vh}.variant-picker-tile{background:var(--panel-2);border:2px solid transparent;border-radius:8px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:stretch;font-family:inherit;color:var(--text)}.variant-picker-tile:hover{border-color:var(--accent)}.variant-picker-tile.current{border-color:var(--accent);background:#38bdf81a}.variant-picker-tile img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:4px;background:var(--panel-3)}.variant-picker-printing{font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-picker-check{color:var(--accent);font-weight:700}.builder-mobile-tabs{display:none}@media (max-width: 768px){.builder-mobile-tabs{display:flex;gap:6px;padding:4px 0}.builder-mobile-tabs button{flex:1;min-height:40px;background:#7c3aed1a;color:var(--card-text);border:1px solid rgba(124,58,237,.25);border-radius:6px;font-size:12px;font-weight:600}.builder-mobile-tabs button.active{background:#7c3aed66;border-color:#7c3aedb3;color:#fff}.builder-body.mobile-tab--browse>.builder-selected,.builder-body.mobile-tab--selected>.builder-results{display:none}}.card-zoom-backdrop{cursor:zoom-out;z-index:100}.card-zoom{position:relative;max-width:90vw;max-height:92dvh;display:flex;align-items:center;justify-content:center}.card-zoom img{max-width:90vw;max-height:92dvh;border-radius:12px;box-shadow:0 20px 60px #000c}.card-zoom-fallback{transform:scale(3);transform-origin:center}.card-zoom-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;border:2px solid var(--accent);background:var(--panel);color:var(--accent);font-weight:700;font-size:16px;cursor:pointer}.card-zoom-close:hover{background:var(--accent);color:#111}.attack-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;line-height:1.1;min-width:100px}.attack-btn .atk-name{font-weight:600;font-size:12px}.attack-btn .atk-damage{font-size:11px;color:var(--accent)}.zone-stack.discard[role=button]:hover{filter:brightness(1.15);transition:filter .1s ease}.pick-modal .pick-source-note{font-size:11px;color:var(--muted);background:var(--panel-2);padding:6px 8px;border-radius:4px;margin:2px 0 6px;border-left:3px solid var(--accent)}.pick-tabs{display:flex;gap:4px;margin:4px 0 6px}.pick-tab{flex:1;background:var(--panel-2);border:1px solid transparent;color:var(--muted);padding:6px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:background .1s ease,color .1s ease,border-color .1s ease}.pick-tab:hover{color:var(--text)}.pick-tab.active{background:var(--panel);color:var(--text);border-color:var(--accent)}.pick-modal .pick-counter{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.pick-pool{display:flex;gap:8px;flex-wrap:wrap;overflow-y:auto;max-height:55dvh;padding:6px 4px;background:var(--panel-2);border-radius:6px;justify-content:center}.pick-card{position:relative;cursor:pointer;border-radius:8px;transition:transform .08s ease}.pick-card:hover{transform:translateY(-2px)}.pick-card.picked{outline:3px solid var(--accent);outline-offset:2px}.pick-card.picked:after{content:"✓";position:absolute;top:4px;right:4px;background:var(--accent);color:#111;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;z-index:1}.pick-card.ineligible{opacity:.4;cursor:not-allowed}.pick-card.ineligible:hover{transform:none}.pick-card.active:after{content:"";display:none}.pick-card.bench:after{content:"";display:none}.pick-card.active{outline-color:var(--accent)}.pick-card.bench{outline:3px solid #22c55e;outline-offset:2px}.slot-badge{position:absolute;top:4px;left:4px;font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:4px;color:#111;z-index:2}.slot-badge.active-badge{background:var(--accent)}.slot-badge.bench-badge{background:#22c55e}.setup-modal{max-width:95vw;width:min(1100px,100%)}.pregame-modal{max-width:560px;width:100%}.pregame-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.pregame-mode .mode-option{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--panel-3);border-radius:6px;cursor:pointer;font-size:11px;color:var(--muted)}.pregame-mode .mode-option b{color:var(--text);font-size:13px}.pregame-mode .mode-option.active{border-color:var(--accent);background:#f59e0b1f}.pregame-mode .mode-option input{display:none}.handoff-backdrop{background:#0f172afa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.handoff-modal{max-width:440px;width:100%;text-align:center;padding:28px 24px}.handoff-modal .handoff-icon{font-size:54px;color:var(--accent);line-height:1}.handoff-modal h2{margin:14px 0 6px;color:var(--accent)}.handoff-modal .handoff-text{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 16px}.handoff-modal .modal-actions{justify-content:center}.coin-modal{max-width:420px;width:100%}.coin-modal .modal-actions{justify-content:center;gap:12px}.mulligan-modal{max-width:480px;width:100%}.mulligan-modal .mulligan-body{padding:6px 0 14px;display:flex;flex-direction:column;gap:10px}.mulligan-modal .mulligan-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.mulligan-modal .modal-actions{justify-content:center}.pregame-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:start;padding:12px 0}.pregame-slot{display:flex;flex-direction:column;gap:6px;min-width:0;align-items:stretch}.pregame-slot-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;text-align:left}.pregame-slot select{background:var(--panel-2);color:var(--text);border:1px solid var(--panel-3);border-radius:4px;padding:6px 8px;font-size:13px;width:100%;min-width:0}.pregame-slot-note{font-size:10px;color:var(--muted);line-height:1.35;overflow-wrap:break-word}.pregame-slot-note.error{color:var(--danger);font-weight:600}.pregame-vs{font-size:14px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;align-self:center;white-space:nowrap;padding-top:22px}.pregame-options{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--panel-2);flex-wrap:wrap}.pregame-options>:first-child{flex:1 1 auto;min-width:0}.pregame-options>button{margin-left:auto}.pregame-modal .modal-actions{justify-content:flex-end}.pregame-modal .modal-actions .primary{min-width:160px}:root{--bg: #120631;--panel: #1c0d44;--panel-2: #2b1764;--panel-3: #3a2280;--text: #fff8ff;--muted: #8a7bba;--accent: #ff2d8e;--accent-hi: #ff5ba8;--danger: #ff5b6e;--ok: #39e08a;--purple: #7b3cff;--info: #00e0ff;--card-bg: #fbf6ea;--card-text: #1c0d44;--card-w: 96px;--card-h: 130px;--hand-card-w: 78px;--hand-card-h: 108px;--mini-card-w: 60px;--mini-card-h: 82px;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-lg: 14px;--text-xl: 16px;--shadow-card: 0 8px 24px rgba(255, 45, 142, .25), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-card-hover: 0 12px 30px rgba(255, 45, 142, .45), 0 0 0 1px rgba(255, 255, 255, .14);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06);--surface-raised: linear-gradient(180deg, #2b1764 0%, #1c0d44 100%);--surface-sunken: #0e0530;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent-glow: 0 0 0 2px rgba(255, 45, 142, .45), 0 0 24px rgba(255, 45, 142, .5);--info-glow: 0 0 0 2px rgba(0, 224, 255, .45), 0 0 18px rgba(0, 224, 255, .4);--radius: 14px;--radius-lg: 22px;--energy-fire: #ef4444;--energy-water: #3b82f6;--energy-grass: #22c55e;--energy-lightning: #eab308;--energy-psychic: #a855f7;--energy-fighting: #b45309;--energy-darkness: #1f2937;--energy-metal: #94a3b8;--energy-dragon: #c084fc;--energy-fairy: #ec4899;--energy-colorless: #cbd5e1}body{background:radial-gradient(120% 80% at 50% 0%,#2a0e5e,#120631 55%,#07021a);color:var(--text)}button:not(.link-button):not(.icon-btn){letter-spacing:.01em}button.primary,.modal-actions .primary{background:var(--accent);color:#fff;border:none;box-shadow:0 0 0 1px #ffffff26,0 6px 16px #ff2d8e73}button.primary:hover{background:var(--accent-hi)}.home-tile-play{background:linear-gradient(135deg,#ff2d8e,#7b3cff);border:none;color:#fff;box-shadow:0 12px 32px #ff2d8e59}.home-tile-play:hover{background:linear-gradient(135deg,#ff5ba8,#8a4dff)}.home-tile-play .home-tile-icon,.home-tile-play .home-tile-title{color:#fff}.home-tile-play .home-tile-desc{color:#ffffffd9}.header{background:linear-gradient(180deg,#ffffff0f,#ffffff05),#1c0d44;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{box-shadow:var(--shadow-card)}.card:hover{box-shadow:var(--shadow-card-hover)}.side.opponent{background:#ff5b6e0f;border-top:2px solid var(--danger)}.side.player{background:#ff2d8e0a}@keyframes tcg-pulse-glow{0%,to{box-shadow:0 2px 8px #00000080,0 0 #ff2d8e99}50%{box-shadow:0 2px 8px #00000080,0 0 0 8px #ff2d8e00}}.bench-frame{position:relative;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px 10px 10px}.bench-frame-label{position:absolute;top:-9px;left:14px;background:var(--info);color:#0a1116;font-weight:700;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap;z-index:1}.side.opponent .bench-frame-label{background:var(--danger);color:#fff}.active-frame{position:relative;display:inline-block}.active-frame-label{position:absolute;top:-9px;left:14px;background:var(--accent);color:#fff;font-weight:700;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px #00000059;z-index:1}.active-frame[data-side=opp] .active-frame-label{background:var(--danger)}.divider-band{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(180deg,var(--surface-sunken, #0e0530) 0%,var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0}.divider-band-left{display:flex;align-items:center;gap:10px;min-width:0}.divider-band-right{flex:0 0 auto}.turn-disc{width:32px;height:32px;border-radius:999px;background:var(--accent);color:#1f1408;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:-.01em;box-shadow:0 2px 6px #00000040,0 0 0 1px #ffffff26;flex:0 0 auto}.divider-band-meta{min-width:0}.divider-band-label{font-weight:700;font-size:12px;color:var(--text);line-height:1.1;letter-spacing:-.005em}.divider-band-slots{display:flex;gap:8px;margin-top:4px}.slot-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--text);background:var(--surface-sunken, var(--panel-2));border:1px solid var(--border);border-radius:999px;padding:2px 8px}.slot-chip[data-exhausted=true]{color:var(--muted);opacity:.7}.slot-chip-label{color:var(--muted);letter-spacing:.04em}.slot-chip-count{color:var(--ok)}.slot-chip[data-exhausted=true] .slot-chip-count{color:var(--danger)}.stadium-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-raised, var(--panel-2));border:1px solid var(--border-strong);border-radius:999px;padding:5px 12px 5px 6px;cursor:pointer;color:var(--text);font-size:11.5px;font-weight:600}.stadium-chip:hover{background:var(--panel-3)}.stadium-chip-empty{cursor:default;opacity:.6}.stadium-chip-swatch{width:18px;height:18px;border-radius:4px;background:repeating-linear-gradient(45deg,var(--accent) 0px,var(--accent) 3px,var(--purple) 3px,var(--purple) 6px);flex:0 0 auto}.stadium-chip-swatch.empty{background:var(--surface-sunken, var(--panel));border:1px dashed var(--border)}.stadium-chip-name{font-weight:600}.stadium-chip-by{font-size:10px}.in-play-overlay .ability-gem{position:absolute;top:6px;right:6px;width:12px;height:12px;background:var(--info, #00e0ff);border-radius:2px;transform:rotate(45deg);box-shadow:0 0 0 1.5px #00000073,0 0 8px #00e0ffb3;z-index:3;pointer-events:none}.action-bar .attack-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:52px;min-width:140px;padding:8px 12px;text-align:left}.action-bar .attack-btn[data-primary=true]{background:var(--accent);color:#fff;border:none;box-shadow:0 0 0 1px #ffffff26,0 4px 14px #ff2d8e73}.action-bar .attack-btn[data-primary=true]:hover{background:var(--accent-hi)}.action-bar .attack-btn .atk-name{font-weight:700;font-size:13px;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar .attack-btn .atk-row{display:flex;align-items:center;gap:8px}.atk-damage-chip{display:inline-block;background:#0000004d;color:#fff;font-weight:700;font-size:11px;padding:2px 6px;border-radius:4px;letter-spacing:0;font-variant-numeric:tabular-nums}.action-bar .attack-btn[data-primary=true] .atk-damage-chip{background:#00000040}.atk-cost-pips{display:inline-flex;gap:3px}.atk-cost-pip{width:10px;height:10px;border-radius:999px;background:var(--energy-colorless);box-shadow:0 0 0 1px #00000073}.atk-cost-pip[data-type=Fire]{background:var(--energy-fire)}.atk-cost-pip[data-type=Water]{background:var(--energy-water)}.atk-cost-pip[data-type=Grass]{background:var(--energy-grass)}.atk-cost-pip[data-type=Lightning]{background:var(--energy-lightning)}.atk-cost-pip[data-type=Psychic]{background:var(--energy-psychic)}.atk-cost-pip[data-type=Fighting]{background:var(--energy-fighting)}.atk-cost-pip[data-type=Darkness]{background:var(--energy-darkness)}.atk-cost-pip[data-type=Metal]{background:var(--energy-metal)}.atk-cost-pip[data-type=Dragon]{background:var(--energy-dragon)}.atk-cost-pip[data-type=Fairy]{background:var(--energy-fairy)}.atk-cost-pip[data-type=Colorless]{background:var(--energy-colorless)}.action-bar-selection{display:flex;align-items:center;gap:8px;padding:6px 14px 4px;border-bottom:1px solid var(--border)}.action-bar-selection .selection-tag{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.action-bar-selection[data-location=bench] .selection-tag{color:var(--info)}.action-bar-selection .selection-name{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar-selection .selection-clear{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:10px;font-weight:600;cursor:pointer}.action-bar-selection .selection-clear:hover{background:var(--panel-2);color:var(--text)}.hand-layout-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--border);border-radius:999px;overflow:hidden}.hand-layout-toggle button{background:transparent;border:none;color:var(--muted);padding:3px 10px;font-size:10px;font-weight:700;cursor:pointer;letter-spacing:.04em}.hand-layout-toggle button.active{background:var(--accent);color:#fff}.hand-layout-toggle button:hover:not(.active){color:var(--text);background:var(--panel-2)}.my-hand[data-layout=fan] .my-hand-row{padding-top:18px;padding-bottom:8px;align-items:flex-end}.my-hand[data-layout=fan] .my-hand-card{display:inline-block}.my-hand-card{flex:0 0 auto}.my-hand-grip{width:40px;height:4px;background:var(--border-strong);border-radius:999px;margin:4px auto 6px;opacity:.6}.bottom-nav{display:flex;gap:4px;width:100%;max-width:100vw;min-width:0;padding:8px calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));background:#1c0d44eb;border-top:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0;left:0;right:0;z-index:10}.home-view .bottom-nav{position:absolute;bottom:0;left:0;right:0}.bottom-nav-tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;background:transparent;border:none;border-radius:10px;color:var(--muted);cursor:pointer;font:inherit;padding:6px 4px}.bottom-nav-tab:hover{background:#ffffff0d;color:var(--text)}.bottom-nav-tab.active{color:var(--accent);background:#ff2d8e1f}.bottom-nav-icon{font-size:18px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:600;letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis}.action-bar .group.abilities.bench-primary .group-label{color:var(--info)}.action-bar .ability.primary{background:var(--info);color:#0a1116;border:none;box-shadow:0 0 0 1px #ffffff26,0 4px 14px #00e0ff73;min-height:52px;min-width:200px;padding:8px 14px}.action-bar .ability.primary:hover{filter:brightness(1.1)}.action-bar .ability.primary .ability-name{font-weight:700;font-size:13px;color:#0a1116}.action-bar .ability.primary .ability-source{font-size:10px;color:#0a1116b3}.no-ability-placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-sunken, var(--panel));border:1px dashed var(--border);border-radius:var(--radius);padding:10px 18px;font-size:11.5px;color:var(--muted);min-height:52px}.opp-strip .opp-meta-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.opp-strip .opp-strip-right{margin-left:auto;display:flex;align-items:center}.opp-name-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-sunken, var(--panel-2));border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;color:var(--text)}.opp-name-dot{width:6px;height:6px;border-radius:999px;background:var(--danger);display:inline-block}.opp-name-hand{font-size:10px}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;background:var(--surface-sunken, var(--panel-2));border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font:inherit}.meta-chip:disabled{cursor:default;opacity:1}.meta-chip:not(:disabled):hover{background:var(--panel-3)}.meta-chip-swatch{position:relative;width:14px;height:18px;flex:0 0 auto}.meta-chip-swatch-back,.meta-chip-swatch-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:var(--purple)}.meta-chip-swatch-back{opacity:.45;transform:translate(2px,2px)}.meta-chip[data-color=danger] .meta-chip-swatch-back,.meta-chip[data-color=danger] .meta-chip-swatch-front{background:var(--danger)}.meta-chip[data-color=accent] .meta-chip-swatch-back,.meta-chip[data-color=accent] .meta-chip-swatch-front{background:var(--accent)}.meta-chip[data-color=info] .meta-chip-swatch-back,.meta-chip[data-color=info] .meta-chip-swatch-front{background:var(--info)}.meta-chip-body{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.meta-chip-count{font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text)}.meta-chip-label{font-size:9px;color:var(--muted);margin-top:1px;letter-spacing:.04em;text-transform:uppercase}.app,.header,.opp-strip,.game-layout,.board,.side,.divider-band,.my-hand,.my-hand-row,.action-bar,.action-bar .action-groups,.action-bar .group,.action-bar .group-buttons{min-width:0;max-width:100%}.header,.opp-strip,.game-layout,.board,.my-hand,.action-bar{width:100%}.header .brand,.header .controls-row,.opp-meta-chips,.opp-strip-right,.divider-band-left,.divider-band-meta,.divider-band-right{min-width:0}.my-hand-row{width:100%;max-width:100%}.my-hand-row>.my-hand-card{flex:0 0 var(--hand-card-w);width:var(--hand-card-w);max-width:var(--hand-card-w);min-width:0}.my-hand-row>.my-hand-card>.card{width:var(--hand-card-w);min-height:var(--hand-card-h);font-size:10px;padding:4px;gap:1px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.my-hand-row>.my-hand-card>.card .card-img{-webkit-user-drag:none;pointer-events:none}.my-hand-row>.my-hand-card>.card .name{font-size:10px}.my-hand-row>.my-hand-card>.card .hp{font-size:10px}.my-hand-row>.my-hand-card>.card .atk{font-size:9px}.my-hand-row>.my-hand-card>.card .type{font-size:9px}.my-hand-row>.my-hand-card>.card .trainer-text{font-size:8px;-webkit-line-clamp:4}.modal{max-height:90svh}.deck-builder-modal,.deck-doctor-modal,.card-zoom,.card-zoom img{max-height:92svh}.pick-pool{max-height:55svh}@supports not (height: 100svh){.modal{max-height:90vh}.deck-builder-modal,.deck-doctor-modal,.card-zoom,.card-zoom img{max-height:92vh}.pick-pool{max-height:55vh}}@media (max-width: 900px){:root{--card-w: 82px;--card-h: 110px;--hand-card-w: 68px;--hand-card-h: 92px;--mini-card-w: 54px;--mini-card-h: 74px}}@media (max-width: 640px){:root{--card-w: 78px;--card-h: 104px;--hand-card-w: 66px;--hand-card-h: 88px;--mini-card-w: 50px;--mini-card-h: 68px}.app{min-height:100svh;width:100%;max-width:100%;overflow-x:clip}.header,.opp-strip,.game-layout,.board,.my-hand,.action-bar{max-width:calc(100vw - 8px)}.header .brand,.header .controls-row{flex:1 1 100%}.header select{max-width:min(150px,100%)}.opp-strip{overflow:hidden}.opp-meta-chips{flex:1 1 auto}.opp-strip-right{flex:0 1 auto}.opp-name-label,.stadium-chip-name,.stadium-chip-by{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-name-chip,.stadium-chip{min-width:0;max-width:100%}.divider-band{flex-wrap:wrap;gap:8px}.divider-band-left{flex:1 1 220px}.divider-band-right{flex:1 1 100%;max-width:100%}.stadium-chip{width:100%}.my-hand{overflow:hidden}.my-hand-header{min-width:0}.hand-layout-toggle{flex:0 0 auto}.hand-layout-toggle button{min-height:40px;padding-inline:8px}.action-bar .group .group-buttons>button,.action-bar .ability.primary,.action-bar .attack-btn,.no-ability-placeholder{min-width:0;max-width:100%}.action-bar .group .group-buttons>button{overflow-wrap:anywhere}.action-bar .attack-btn{width:100%}.action-bar .attack-btn .atk-name,.action-bar .ability .ability-name,.action-bar .ability .ability-source{white-space:normal;overflow-wrap:anywhere}.action-bar .attack-btn .atk-row{min-width:0;max-width:100%;flex-wrap:wrap}.action-bar .ability.primary,.no-ability-placeholder{width:100%}.modal-backdrop{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.pregame-grid{grid-template-columns:1fr;gap:10px}.pregame-vs{padding-top:0}.pregame-mode{grid-template-columns:1fr}.pregame-options>:first-child,.pregame-options>button{flex:1 1 100%;margin-left:0}}@media (max-width: 480px){.home-view{position:relative;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.home-tiles{grid-template-columns:1fr}}@media (max-width: 360px){:root{--card-w: 70px;--card-h: 96px;--hand-card-w: 60px;--hand-card-h: 82px;--mini-card-w: 44px;--mini-card-h: 60px}}@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){:root{--card-w: 96px;--card-h: 130px;--hand-card-w: 80px;--hand-card-h: 110px;--mini-card-w: 60px;--mini-card-h: 82px}}@media (max-height: 500px) and (max-width: 900px) and (orientation: landscape){:root{--card-w: 70px;--card-h: 92px;--hand-card-w: 56px;--hand-card-h: 76px;--mini-card-w: 42px;--mini-card-h: 56px}.app{min-height:100svh}.home-view{justify-content:flex-start;padding-top:18px;padding-bottom:calc(74px + env(safe-area-inset-bottom,0px));gap:18px}.home-tiles{gap:12px}.home-tile{padding:16px}.bottom-nav{padding-top:4px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.bottom-nav-tab{min-height:44px}.bottom-nav-icon{font-size:16px}.bottom-nav-label{font-size:9px}.game-menu-panel{max-height:calc(100svh - 140px);overflow-y:auto}.action-bar .attack-btn,.action-bar .ability.primary,.no-ability-placeholder{min-height:40px}}