:root{--bg:#0f172a;--bg-elevated:#1f2330;--bg-panel:rgba(15,23,42,0.92);--text:#f1f5f9;--text-muted:#94a3b8;--accent:#2563eb;--accent-2:#3b82f6;--success:#16a34a;--success-2:#22c55e;--danger:#dc2626;--warning:#d97706;--border:rgba(148,163,184,0.35);--amber:#fbbf24;--radius:10px;--nav-h:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;border-radius:8px;padding:.55rem .85rem;min-height:40px;transition:filter .15s ease,border-color .15s ease,background-color .15s ease,transform .1s ease}button.secondary{background:#334155;border:1px solid rgba(148,163,184,.42);color:#f1f5f9}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.btn-add,button.success{background:linear-gradient(90deg,var(--success),var(--success-2));border:1px solid rgba(74,222,128,.5);color:#fff}button.btn-danger,button.btn-remove,button.danger{background:rgba(127,29,29,.3);border:1px solid rgba(248,113,113,.6);color:#fecaca}button.btn-price,button.warning{background:rgba(146,64,14,.34);border:1px solid rgba(251,191,36,.65);color:#fde68a}button.btn-price.active{background:linear-gradient(90deg,#b7791f,#d69e2e);border-color:#fbbf24;color:#fff}button:not(:disabled):hover{filter:brightness(1.1)}button:not(:disabled):active{transform:translateY(1px)}button.ux-card:not(:disabled):active{transform:none}button.ux-card.is-rested:not(:disabled):active{transform:rotate(90deg)}button.binder-share-zone:disabled,button.binder-share-zone:not(:disabled):active{transform:translateY(-50%)}button:focus-visible{outline:2px solid rgba(96,165,250,.9);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(255,106,61,.7)}img{max-width:100%;display:block}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px)}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;background:rgba(17,24,39,.92);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-bar .brand{font-weight:800;font-size:.95rem;letter-spacing:.02em}.top-bar .actions{display:flex;gap:.4rem;align-items:center}.top-bar .actions button{min-height:34px;padding:.25rem .7rem;font-size:.82rem}.lang-select-wrap{display:inline-flex;align-items:center}.lang-select{min-height:34px;padding:.25rem .55rem;font-size:.82rem;border-radius:8px;border:1px solid var(--border);background:#1f2937;color:var(--text)}.lang-menu{position:relative}.lang-menu-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:50;min-width:8.5rem;display:flex;flex-direction:column;gap:2px;padding:.35rem;border-radius:10px;border:1px solid var(--border);background:#111827;box-shadow:0 8px 24px rgba(0,0,0,.35)}.lang-menu-panel button{width:100%;justify-content:flex-start;min-height:34px;padding:.35rem .7rem;font-size:.82rem;background:transparent;border:0;color:var(--text)}.lang-menu-panel button:hover{background:rgba(148,163,184,.16)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sponsor{padding:.45rem .75rem;background:rgba(31,35,48,.85);border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-muted)}.sponsor a{color:var(--amber);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.main{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:.75rem}.bottom-nav{position:fixed;left:4px;right:4px;bottom:max(8px,var(--safe-bottom));z-index:50;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;gap:2px;padding:6px 4px;border-radius:12px;background:rgba(17,24,39,.94);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border-radius:10px;font-size:.62rem;font-weight:700;text-align:center;padding:.28rem .12rem .2rem;color:#e2e8f0;background:transparent;line-height:1.15}.bottom-nav .nav-icon{width:18px;height:18px;flex:0 0 auto}.bottom-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav a.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.deck-login-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.75rem}.binder-library-card.pick-selected,.binder-pocket.pick-selected{outline:2px solid var(--accent);outline-offset:2px}.page-title{font-size:1.25rem;font-weight:800;margin-bottom:.65rem}.home-seo-intro{margin:0 0 .15rem;padding:.7rem .85rem;border-radius:10px;background:color-mix(in srgb,var(--panel,#1a1f2e) 88%,transparent);border:1px solid color-mix(in srgb,var(--border,#334155) 70%,transparent)}.home-seo-intro p{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.55}.play-seo-intro{margin:0 0 .85rem;padding:.75rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--panel,#1a1f2e) 88%,transparent);border:1px solid color-mix(in srgb,var(--border,#334155) 70%,transparent)}.play-seo-intro .play-seo-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.play-seo-intro p{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.55}body.battle-active .play-seo-intro,body.play-active .play-seo-intro{display:none}.card-seo-article{margin:0 0 .25rem;padding:.85rem .95rem;border-radius:10px;background:color-mix(in srgb,var(--panel,#1a1f2e) 88%,transparent);border:1px solid color-mix(in srgb,var(--border,#334155) 70%,transparent)}.card-seo-article .page-title{margin-bottom:.35rem}.card-seo-heading{margin:.75rem 0 .35rem;font-size:.95rem;font-weight:700}.card-seo-effect{margin:0;white-space:pre-wrap;color:var(--text,#e5e7eb);font-size:.9rem;line-height:1.55}.muted{color:var(--text-muted);font-size:.85rem}.row{gap:.5rem;align-items:center}.row,.stack{display:flex}.stack{flex-direction:column;gap:.65rem}.search-row{display:flex;gap:.5rem;align-items:stretch;margin-bottom:.75rem}.search-row input{flex:1 1}.search-row .photo-btn{flex:0 0 auto;min-width:52px;padding:0 .7rem;font-size:1.25rem;line-height:1}.search-row .photo-btn-labeled{display:inline-flex;align-items:center;gap:.3rem;min-width:auto;padding:0 .65rem;font-size:.82rem;font-weight:700}.search-row .photo-btn-labeled .photo-btn-text{white-space:nowrap}.search-guide-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.search-guide-link{text-decoration:none;display:inline-flex;align-items:center}.login-gate-body{margin:.35rem 0 .75rem;line-height:1.45}.collector-add-cta{margin-top:.75rem}.collector-add-link{display:inline-flex;text-decoration:none}.deck-section-head-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.deck-share-qr{width:220px;max-width:100%;background:#fff;padding:.4rem}.binder-share-photo,.deck-share-qr{display:block;margin:.5rem auto .75rem;border-radius:10px}.binder-share-photo{width:100%;max-width:520px;height:auto;border:1px solid rgba(148,163,184,.25);background:#0f172a}.deck-share-url{width:100%;margin-bottom:.65rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-size:.78rem}.deck-structure{display:grid;grid-gap:.65rem;gap:.65rem;margin:.55rem 0 .75rem;padding:.65rem .7rem;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:rgba(15,23,42,.35)}.deck-structure-block strong{display:block;margin-bottom:.35rem;font-size:.85rem}.deck-curve-bars{display:flex;align-items:flex-end;gap:.35rem;min-height:72px}.deck-curve-col{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.12rem}.deck-curve-bar{width:100%;max-width:28px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#38bdf8,#2563eb)}.deck-curve-n{font-size:.72rem;font-weight:700}.deck-curve-k{font-size:.65rem}.deck-structure-line{margin:0;font-size:.82rem}.deck-owned-panel{margin:.35rem 0 .75rem;padding:.55rem .65rem;border:1px solid rgba(251,191,36,.25);border-radius:10px;background:rgba(120,53,15,.18)}.deck-owned-list{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-direction:column;gap:.28rem}.deck-owned-list li{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem}.deck-owned-miss{color:#fbbf24;font-weight:700;white-space:nowrap}.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px;margin-bottom:.65rem}.filter-bar details{position:relative}.filter-summary{list-style:none;cursor:pointer;background:#1f2937;border:1px solid var(--border);border-radius:8px;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.72rem;font-weight:700;padding:0 .5rem;white-space:nowrap}.filter-summary-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.filter-summary:after{content:"";flex:0 0 auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #cbd5e1;transition:transform .18s ease;transform-origin:center}.filter-pop[open] .filter-summary:after{transform:rotate(180deg)}.filter-bar summary:not(.filter-summary){list-style:none;cursor:pointer;background:#1f2937;border:1px solid var(--border);border-radius:8px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;padding:0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-bar summary::-webkit-details-marker{display:none}.filter-panel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:160px;max-height:240px;overflow:auto;background:#111827;border:1px solid var(--border);border-radius:8px;padding:.4rem;box-shadow:0 8px 24px rgba(0,0,0,.35)}.filter-panel label{display:grid;grid-template-columns:1rem minmax(0,1fr);grid-column-gap:.45rem;column-gap:.45rem;align-items:center;font-size:.78rem;padding:.2rem .15rem;width:100%;white-space:nowrap}.filter-panel input[type=checkbox]{width:1rem;min-width:1rem;max-width:1rem;height:1rem;margin:0;justify-self:center}.filter-panel .filter-item-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.card-wall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.price-wall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.price-tile{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:.4rem;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(15,23,42,.55);color:inherit;text-decoration:none}.price-tile:hover{border-color:rgba(251,191,36,.55)}.price-tile-art{aspect-ratio:5/7;overflow:hidden;border-radius:6px;background:#0b1220}.price-tile-art img{display:block;width:100%;height:100%;object-fit:contain}.price-tile-meta{display:flex;flex-direction:column;gap:.12rem;min-width:0}.price-tile-meta strong{font-size:.78rem}.price-tile-name{color:var(--text-muted);font-size:.7rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-tile-yen{font-size:.92rem;font-weight:800;color:#fbbf24}.prices-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.prices-sort select{min-height:34px;padding:.25rem .55rem;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-size:.82rem}.prices-meta-line{margin-top:-.35rem}.prices-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.prices-tab-active{border-color:rgba(59,130,246,.75)!important;background:rgba(37,99,235,.28)!important;color:#eff6ff!important}.price-tile-wrap{display:flex;flex-direction:column;gap:.3rem;min-width:0}.price-tile-sync{font-size:.65rem;line-height:1.2}.price-watch-btn{min-height:30px;padding:.2rem .45rem;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.7);color:var(--text-muted);font-size:.72rem;font-weight:700}.price-watch-btn.is-on{border-color:rgba(251,191,36,.55);color:#fbbf24}.prices-market-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.prices-range{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem}.prices-range input{width:5.2rem;min-height:34px;padding:.25rem .45rem;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text)}.prices-asset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.prices-asset-list>li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .15rem;border-bottom:1px solid rgba(148,163,184,.12);font-size:.86rem}.prices-asset-deck{flex-direction:column!important;align-items:stretch!important}.prices-asset-deck-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem 0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.prices-asset-sublist{list-style:none;margin:.25rem 0 .35rem;padding:0 0 0 .55rem;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid rgba(148,163,184,.2)}.prices-asset-sublist li{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem}.prices-calc-textarea{width:100%;margin-top:.65rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.45;resize:vertical}.prices-calc-total{font-size:1.05rem;font-weight:800}.prices-calc-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.prices-watch-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.card-tile{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.22);border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:4px}.card-tile .thumb{aspect-ratio:5/7;overflow:hidden;border-radius:4px;background:#0b1220}.card-tile .thumb img{width:100%;height:100%;object-fit:contain;object-position:center top}.card-tile .id{font-size:.62rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile .actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.card-tile .actions-compact{grid-template-columns:1.4fr .8fr}.card-tile .actions button{min-height:22px;padding:0 .1rem;font-size:.55rem}.card-tile .wall-more-panel{margin-top:2px}.card-tile .wall-detail-link{display:flex;align-items:center;justify-content:center;min-height:22px;padding:0 .1rem;font-size:.55rem;text-decoration:none;border-radius:4px}.pager{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;align-items:center;margin:.75rem 0}.pager .center{text-align:center;font-size:.85rem;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:auto}.modal{width:min(420px,100%);background:#111827;border:1px solid var(--border);border-radius:12px;padding:1rem}.modal h2{margin-bottom:.75rem;font-size:1.1rem}.modal .tabs{display:flex;gap:.35rem;margin-bottom:.75rem}.modal .tabs button{flex:1 1}.modal .fields{display:flex;flex-direction:column;gap:.5rem}.modal .error{color:#fca5a5;font-size:.85rem;margin-top:.35rem}.auth-info,.modal .auth-info{color:#86efac;font-size:.88rem;margin-top:.35rem}.auth-forgot-link{width:100%;margin-top:.15rem;font-size:.85rem}.auth-forgot-hint{margin:0 0 .15rem;font-size:.85rem;line-height:1.4}.auth-reset-form{max-width:420px}.auth-reset-page .fields{display:flex;flex-direction:column;gap:.5rem}.password-field{position:relative;display:flex;align-items:stretch;width:100%}.password-field input{width:100%;padding-right:4.2rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);min-height:28px;padding:.15rem .45rem;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:700;cursor:pointer}.password-toggle:hover{color:var(--text)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:1rem;gap:1rem}.detail-img{min-width:0;background:rgba(15,23,42,.55);border:1px solid var(--border);border-radius:12px;padding:.75rem}.detail-img img{width:100%;border-radius:8px}.detail-main-img{display:block;width:min(100%,420px);max-height:min(62vh,620px);margin:0 auto;object-fit:contain}.detail-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-gap:6px;gap:6px;margin-top:8px}.detail-thumb{background:#1f2937;border:1px solid var(--border);border-radius:6px;padding:2px;min-height:0}.detail-thumb.active{border-color:rgba(251,191,36,.9);box-shadow:0 0 0 1px rgba(251,191,36,.45)}.detail-thumb img{width:100%;aspect-ratio:5/7;object-fit:contain;border-radius:4px}.detail-info{min-width:0;background:rgba(15,23,42,.55);border:1px solid var(--border);border-radius:12px;padding:.85rem}.detail-info dl{display:grid;grid-template-columns:5.5rem 1fr;grid-gap:.35rem .5rem;gap:.35rem .5rem;font-size:.9rem}.detail-info dt{color:var(--text-muted)}.detail-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.price-panel{margin:1rem 0;padding:.85rem;border:1px solid rgba(251,191,36,.35);border-radius:12px;background:linear-gradient(145deg,rgba(30,41,59,.8),rgba(15,23,42,.9))}.price-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.price-panel-head h3,.price-panel-head p{margin:0}.price-current{color:#fbbf24;font-size:clamp(1.35rem,4vw,2rem);font-weight:800;line-height:1;white-space:nowrap}.price-chart-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto}.price-chart{display:block;width:100%;min-width:500px;height:auto}.price-grid-line{stroke:rgba(148,163,184,.2);stroke-width:1}.price-axis-label{fill:#94a3b8;font-size:12px}.price-line{fill:none;stroke:#fbbf24;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.price-chart circle{fill:#fbbf24;stroke:#0f172a;stroke-width:2}.price-disclaimer{margin:0 0 .65rem;color:#cbd5e1;font-size:.8rem;line-height:1.4}.price-note{margin:.45rem 0 0;color:var(--text-muted);font-size:.8rem}.collector-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.7rem}.collector-stat-card{border:1px solid var(--border);border-radius:10px;background:rgba(2,6,23,.35);padding:.55rem .65rem;display:flex;flex-direction:column;gap:.2rem}.collector-stat-card strong{font-size:1.08rem}.collector-stat-card.full{grid-column:1/-1}.collector-tools{display:grid;grid-template-columns:1fr auto auto;grid-gap:.5rem;gap:.5rem;margin-bottom:.7rem;align-items:center}.collector-search,.collector-sort{min-height:38px}.collector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));grid-gap:.6rem;gap:.6rem}.collector-card{border:1px solid var(--border);border-radius:10px;background:rgba(17,24,39,.72);overflow:hidden;padding:.45rem}.collector-art{display:block}.collector-art img{width:100%;aspect-ratio:5/7;object-fit:contain;border-radius:6px}.collector-meta{margin-top:.4rem;display:flex;flex-direction:column;align-items:stretch;gap:.15rem;font-size:.86rem}.collector-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-width:0}.collector-meta-row .count,.collector-meta-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collector-meta .count{color:var(--amber);font-weight:800;flex-shrink:0}.collector-meta .price-chip{width:100%;text-align:left;margin:0}.collector-actions{margin-top:.45rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem}.collector-actions button{min-height:34px;padding:.25rem .35rem;font-size:.82rem}.collector-empty{padding:.5rem .2rem .2rem}.collector-more-wrap{margin-top:.75rem;display:flex;justify-content:center}.collector-tip{margin-top:-.2rem}.deck-panel{background:rgba(15,23,42,.45);border:1px solid var(--border);border-radius:12px;padding:.85rem;margin-bottom:.85rem}.deck-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.deck-library>.deck-section-head>button{flex:0 0 auto;min-width:max-content;white-space:nowrap}.deck-section-title{margin:0;font-size:1.05rem;font-weight:800}.deck-section-sub{margin:.2rem 0 0;font-size:.78rem;line-height:1.35}.deck-empty{padding:1rem .25rem .35rem}.deck-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.65rem;gap:.65rem}.deck-card{border:1px solid var(--border);border-radius:12px;background:rgba(17,24,39,.72);overflow:hidden;display:flex;flex-direction:column}.deck-card.active{border-color:rgba(251,191,36,.75);box-shadow:0 0 0 1px rgba(251,191,36,.28)}.deck-card-main{display:grid;grid-template-columns:64px 1fr;grid-gap:.65rem;gap:.65rem;align-items:stretch;width:100%;text-align:left;background:transparent;border:0;border-radius:0;padding:.65rem;min-height:0}.deck-card-art{width:64px;border-radius:8px;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.25)}.deck-card-art img{width:100%;aspect-ratio:5/7;object-fit:cover;display:block}.deck-card-art-empty{width:100%;aspect-ratio:5/7;display:grid;place-items:center;font-size:.68rem;color:#94a3b8;text-align:center;padding:.25rem}.deck-card-art-empty.sm{width:48px;aspect-ratio:5/7;border-radius:6px;border:1px solid rgba(148,163,184,.25);background:#0f172a}.deck-card-body{min-width:0;display:flex;flex-direction:column;gap:.35rem}.deck-card-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.deck-card-title{margin:0;font-size:.92rem;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-badge{font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:999px;border:1px solid transparent;line-height:1.2}.deck-badge.editing{color:#fde68a;border-color:rgba(251,191,36,.55);background:rgba(251,191,36,.12)}.deck-badge.ready{color:#86efac;border-color:rgba(74,222,128,.45);background:rgba(22,163,74,.15)}.deck-badge.draft{color:#cbd5e1;border-color:rgba(148,163,184,.4);background:rgba(148,163,184,.1)}.deck-card-meta{display:flex;flex-direction:column;gap:.1rem;font-size:.72rem}.deck-progress{display:grid;grid-template-columns:1fr auto;grid-gap:.4rem;gap:.4rem;align-items:center}.deck-progress.editor{margin-top:.45rem}.deck-progress-track{height:6px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden}.deck-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.deck-progress-label{font-size:.72rem;color:#cbd5e1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.deck-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .65rem .65rem}.deck-card-actions button{min-height:34px;padding:.2rem .7rem;font-size:.78rem}.deck-card-actions button.danger{background:#7f1d1d;border-color:rgba(248,113,113,.55)}.deck-editor-top{display:grid;grid-template-columns:auto 1fr;grid-gap:.85rem;gap:.85rem;align-items:start;margin-bottom:.75rem}.deck-editor-leader{display:flex;gap:.55rem;align-items:center;min-width:0}.deck-editor-leader img{width:56px;border-radius:8px;border:1px solid var(--border)}.deck-editor-leader.empty{color:#94a3b8;font-size:.78rem}.deck-editor-fields{min-width:0}.deck-field-label{display:block;font-size:.78rem;color:#94a3b8;margin-bottom:.3rem}.deck-save-row{display:flex;gap:.5rem;align-items:center}.deck-save-row input{flex:1 1}.deck-save-menu{position:relative;flex-shrink:0}.deck-save-menu-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:12rem;max-width:min(20rem,90vw);display:flex;flex-direction:column;gap:2px;padding:.35rem;border-radius:10px;border:1px solid var(--border);background:#111827;box-shadow:0 8px 24px rgba(0,0,0,.35)}.deck-save-overwrite-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;margin:.15rem 0;padding:.2rem;border-radius:8px;background:rgba(2,6,23,.55)}.deck-save-overwrite-list button.active{border-color:var(--accent);color:#93c5fd}.deck-save-menu-panel button{width:100%;justify-content:flex-start;min-height:34px;padding:.35rem .7rem;font-size:.82rem;background:transparent;border:1px solid var(--border);color:var(--text);font-weight:600}.deck-save-menu-panel button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.deck-save-menu-hint{margin:.15rem .45rem .35rem;font-size:.72rem;line-height:1.35}.deck-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.55rem}.deck-toolbar-group{display:flex;flex-wrap:wrap;gap:.35rem}.deck-toolbar-view-group{padding-left:.55rem;border-left:1px solid var(--border)}.deck-toolbar button{min-height:38px;padding:.45rem .78rem;white-space:nowrap}.deck-toolbar button.deck-tool-neutral{background:#334155;border:1px solid rgba(148,163,184,.42);color:#f1f5f9}.deck-toolbar button.deck-tool-details{background:linear-gradient(90deg,#2563eb,#3b82f6);border:1px solid rgba(96,165,250,.65)}.deck-toolbar button.deck-tool-price{background:rgba(120,78,12,.42);border:1px solid rgba(251,191,36,.68);color:#fde68a}.deck-toolbar button.deck-tool-price.active{background:linear-gradient(90deg,#b7791f,#d69e2e);border-color:#fbbf24;color:#fff}.deck-toolbar button.deck-tool-danger{margin-left:auto;background:rgba(127,29,29,.18);border:1px solid rgba(248,113,113,.65);color:#fca5a5}.deck-toolbar button:not(:disabled):hover{filter:brightness(1.12)}.deck-toolbar button:disabled{opacity:.65;cursor:wait}.deck-msg{margin:0 0 .55rem;color:#fde68a;font-size:.82rem}.deck-details-backdrop{position:fixed;inset:0;z-index:100;height:100dvh;display:grid;place-items:center;padding:.75rem;overflow:auto;overscroll-behavior:contain;background:rgba(2,6,23,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.deck-details-modal{width:min(960px,100%);height:100%;max-height:100%;display:flex;flex-direction:column;gap:.55rem;padding:.7rem;border:1px solid var(--border);border-radius:14px;background:#0f172a;box-shadow:0 24px 70px rgba(0,0,0,.55);overflow:hidden}.deck-details-actions,.deck-details-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-shrink:0}.deck-details-head h2{margin:0;font-size:1.05rem}.deck-details-head .ghost{width:2.25rem;min-width:2.25rem;padding:0;font-size:1.4rem}.deck-details-preview{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#020617}.deck-details-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.deck-details-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted)}.deck-details-actions{justify-content:flex-end;flex-wrap:wrap}.deck-import-modal{width:min(520px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:.55rem;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:#0f172a;box-shadow:0 24px 70px rgba(0,0,0,.55)}.deck-import-hint{margin:0;font-size:.86rem;line-height:1.4}.deck-import-textarea{width:100%;min-height:14rem;resize:vertical;padding:.7rem .8rem;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#020617;color:var(--text);font:500 .92rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.deck-import-textarea:focus{outline:2px solid rgba(56,189,248,.45);outline-offset:1px}.deck-list-heading{margin:.35rem 0 .55rem;font-size:.95rem}.deck-gallery{margin-top:.75rem}@media (max-width:640px){.deck-toolbar{gap:.35rem}.deck-toolbar-view-group{padding-left:0;border-left:0}.deck-toolbar button{min-height:36px;padding:.4rem .62rem;font-size:.78rem}.deck-toolbar button.deck-tool-danger{margin-left:0}.collector-tools{grid-template-columns:1fr}.collector-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.collector-card{padding:.2rem;border-radius:7px}.collector-art img{border-radius:4px}.collector-meta{margin-top:.18rem;gap:.06rem;font-size:.58rem;line-height:1.2}.collector-meta-row{gap:.08rem}.collector-meta .price-chip{font-size:.58rem}.collector-actions{margin-top:.18rem;gap:.15rem}.collector-actions button{min-height:24px;padding:.1rem;font-size:.58rem}.deck-card-grid,.deck-editor-top{grid-template-columns:1fr}.draft-grid{max-height:none;overflow:visible}.deck-details-backdrop{padding:.35rem}.deck-details-modal{width:100%;padding:.5rem;gap:.45rem;border-radius:10px}.deck-details-head h2{font-size:.98rem}.deck-details-actions button{flex:1 1}.deck-import-modal{width:100%;padding:.6rem;border-radius:10px}.deck-import-textarea{min-height:9rem}}.draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-gap:6px;gap:6px;max-height:min(58vh,520px);overflow:auto;padding:2px}.draft-tile{border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(15,23,42,.5);padding:.2rem;min-width:0}.draft-tile.leader img{outline:2px solid rgba(245,158,11,.55);outline-offset:1px}.draft-tile img{width:100%;aspect-ratio:5/7;object-fit:contain;border-radius:5px}.draft-tile a.draft-art{display:block;border-radius:5px;overflow:hidden;line-height:0}.draft-tile a.draft-art:focus-visible{outline:2px solid rgba(251,191,36,.85);outline-offset:1px}.draft-tile .cap{font-size:.58rem;text-align:center;margin:.12rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-chip{display:block;font-size:.68rem;font-weight:800;color:#fbbf24;text-align:center;line-height:1.2;margin-bottom:.1rem}.price-total-line{margin:0 0 .45rem;font-size:.9rem;font-weight:700;color:#fbbf24}.price-total-card strong{color:#fbbf24;font-size:1.05rem}.draft-tile .btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.draft-tile .btns button{min-height:26px;font-size:.68rem;padding:0}.deck-gallery .card-wall{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:5px}.deck-gallery .card-tile{padding:3px}.deck-gallery .card-tile .id{font-size:.58rem}.binder-spread{margin:.45rem auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;max-width:640px;width:100%}.binder-workspace{position:relative;padding-left:calc(36% + .75rem)}.binder-main{position:-webkit-sticky;position:sticky;top:.65rem;z-index:3}.binder-library{position:absolute;left:0;top:0;bottom:0;z-index:2;width:36%;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden;-webkit-overflow-scrolling:touch}.binder-library .collector-grid{grid-template-columns:repeat(5,minmax(42px,1fr));gap:.25rem;flex:1 1;min-height:0;overflow:auto;padding-right:.2rem;align-content:start;align-items:start;grid-auto-rows:max-content}.binder-library .collector-card{padding:.22rem;border-radius:7px;overflow:visible}.binder-library .collector-meta{margin-top:.18rem;font-size:.6rem;gap:.08rem;flex-direction:column;align-items:flex-start;justify-content:flex-start}.binder-library .collector-meta strong{overflow:visible;text-overflow:unset;white-space:normal;word-break:break-all;line-height:1.2;width:100%}.binder-library .collector-meta .count{line-height:1.2}.binder-library .collector-actions{margin-top:.18rem}.binder-library .collector-actions button{min-height:24px;padding:.1rem .2rem;font-size:.62rem}.binder-library-card{cursor:-webkit-grab;cursor:grab}.binder-library-card:active{cursor:-webkit-grabbing;cursor:grabbing}.binder-library-card.dragging{opacity:.55;outline:2px solid rgba(251,191,36,.7)}.binder-sheet{width:100%;aspect-ratio:684/921;background-image:url(/binder-sheet-bg.png);background-size:cover;background-position:50%;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px rgba(148,163,184,.14)}.binder-sheet-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:0;gap:0}.binder-pocket{border-radius:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;min-width:0;min-height:0}.binder-pocket.dragging{outline:2px solid rgba(251,191,36,.75);outline-offset:-2px}.binder-pocket.dragging .binder-pocket-card{opacity:.55}.binder-pocket-card{box-sizing:border-box;width:83%;height:83%;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.binder-pocket-card:active{cursor:-webkit-grabbing;cursor:grabbing}.binder-pocket-card img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:3px;pointer-events:none}.binder-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.35rem}.binder-controls input{flex:1 1;min-width:13rem}.binder-hint{margin:.15rem 0 .3rem;font-size:.75rem}.binder-panel{padding:.65rem}.binder-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.45rem}.binder-stats .collector-stat-card{padding:.4rem .55rem}.binder-stats .collector-stat-card.full{grid-column:auto}.binder-pagination{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.35rem;position:relative;min-height:44px}.binder-trash-zone{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;align-items:center;gap:.4rem;max-width:calc(50% - 4.5rem);padding:.2rem .45rem .2rem .2rem;border-radius:12px;border:1px dashed rgba(148,163,184,.45);background:rgba(15,23,42,.92);box-shadow:0 0 0 1px rgba(15,23,42,.55);color:rgba(148,163,184,.95);transition:color .15s ease,border-color .15s ease,background .15s ease;pointer-events:auto}.binder-trash{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(30,41,59,.85);color:inherit}.binder-trash-label{font-size:.72rem;line-height:1.25;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binder-trash-zone.ready{border-style:solid;border-color:rgba(248,113,113,.8);color:#fecaca;background:rgba(69,10,10,.97);box-shadow:0 8px 24px rgba(0,0,0,.5)}.binder-trash-zone.ready.hot{border-color:rgba(248,113,113,1);background:rgba(153,27,27,.98);color:#fee2e2}.binder-trash-zone.ready .binder-trash{background:rgba(127,29,29,.9)}.binder-share-zone{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;align-items:center;gap:.4rem;max-width:calc(50% - 4.5rem);padding:.2rem .2rem .2rem .45rem;border-radius:12px;border:1px dashed rgba(148,163,184,.45);background:rgba(15,23,42,.92);box-shadow:0 0 0 1px rgba(15,23,42,.55);color:rgba(148,163,184,.95);transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease;cursor:pointer;font:inherit}.binder-share-zone:hover:not(:disabled){border-style:solid;border-color:rgba(96,165,250,.75);color:#bfdbfe;background:rgba(30,58,138,.55)}.binder-share-zone.is-busy,.binder-share-zone:disabled{opacity:.8;cursor:wait}.binder-share-zone.is-busy .binder-share-icon{animation:binder-share-pulse .9s ease-in-out infinite}@keyframes binder-share-pulse{0%,to{opacity:1}50%{opacity:.45}}.binder-share-icon{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(30,41,59,.85);color:inherit;order:2}.binder-share-label{font-size:.72rem;line-height:1.25;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1;min-width:3.5em}.binder-pagination-nav{display:flex;align-items:center;gap:.4rem}.binder-pagination-nav button,.binder-pagination-nav select{min-height:34px}.binder-pagination-nav button{min-width:40px;padding:.25rem .55rem}.binder-pagination-nav select{width:5.25rem;min-width:5.25rem;max-width:5.25rem;padding-inline:.45rem}.photo-box{border:1px dashed var(--border);border-radius:12px;padding:1rem;background:rgba(15,23,42,.45)}.photo-guide-text{margin-top:-.25rem}.photo-camera-wrap{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000}.photo-camera-video{display:block;width:100%;max-height:480px;object-fit:contain;background:#000}.photo-card-guide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(0,0,0,.28)}.photo-card-frame{position:relative;width:min(58%,220px);aspect-ratio:63/88;border:2px solid rgba(253,230,138,.95);border-radius:10px;box-shadow:0 0 0 9999px rgba(0,0,0,.28);background:transparent}.photo-card-frame-label{position:absolute;left:50%;top:-1.55rem;transform:translateX(-50%);font-size:.75rem;color:#fde68a;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.85)}.photo-attr-guide{position:absolute;border:2px solid rgba(125,211,252,.95);border-radius:4px;background:rgba(14,165,233,.12);box-sizing:border-box}.photo-attr-guide-cost{left:2.5%;top:2.5%;width:17%;height:12%}.photo-attr-guide-power{right:3%;left:auto;top:2.5%;bottom:auto;width:28%;height:10%}.photo-attr-guide-counter{left:1.5%;top:34%;width:14%;height:18%}.photo-attr-guide-name{left:8%;right:8%;width:auto;bottom:11%;top:auto;height:9%;border-color:rgba(167,243,208,.9);background:rgba(16,185,129,.1)}.photo-attr-guide-label{position:absolute;left:0;top:-1.1rem;font-size:.62rem;color:#bae6fd;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.85);pointer-events:none}.photo-attr-guide-power .photo-attr-guide-label{left:auto;right:0}.photo-attr-guide-name .photo-attr-guide-label{color:#a7f3d0;top:auto;bottom:calc(100% + .12rem)}.photo-id-guide{position:absolute;right:6%;bottom:7%;width:42%;height:16%;border:2px solid rgba(250,204,21,1);border-radius:4px;background:rgba(250,204,21,.12)}.photo-id-guide-label{position:absolute;right:0;bottom:calc(100% + .2rem);font-size:.68rem;color:#fde68a;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.85)}.photo-box img.preview,.photo-box video{width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#000}.photo-stage-msg{font-size:.85rem}.photo-candidates{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:.5rem}.photo-candidate{display:grid;grid-template-columns:64px 1fr;grid-gap:.75rem;gap:.75rem;align-items:center;text-align:left;background:#1f2937;border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem;cursor:pointer;color:inherit;width:100%}.photo-candidate img{width:64px;height:90px;object-fit:cover;border-radius:6px;background:#0b1220}.photo-candidate-meta{display:flex;flex-direction:column;gap:.2rem}.candidates{display:grid;grid-gap:.4rem;gap:.4rem;margin-top:.75rem}.candidates button{text-align:left;background:#1f2937}.footer-note{margin-top:1.25rem;padding-bottom:.5rem;color:var(--text-muted);font-size:.72rem;text-align:center}@media (max-width:900px){.card-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr)}.price-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.price-tile-yen{font-size:.85rem}.filter-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.binder-workspace{display:flex;flex-direction:column;padding-left:0}.binder-main{position:static}.binder-library{position:static;width:auto;height:auto!important;max-height:none;overflow:visible;display:block}.binder-library .collector-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;overflow:visible;padding-right:0}}@media (max-width:560px){.main{padding:.5rem}.binder-pagination{justify-content:flex-end;gap:.25rem}.binder-trash-zone{max-width:6.5rem;padding-right:.3rem;gap:.25rem}.binder-trash{width:32px;height:32px;flex-basis:32px}.binder-trash-label{font-size:.62rem}.binder-share-zone{max-width:6.5rem;padding-left:.3rem;gap:.25rem}.binder-share-icon{width:32px;height:32px;flex-basis:32px}.binder-share-label{font-size:.62rem}.binder-pagination-nav{gap:.2rem}.binder-pagination-nav button{min-width:34px;padding-inline:.35rem}.binder-pagination-nav select{width:4.8rem;min-width:4.8rem;max-width:4.8rem}.detail-main-img{width:min(100%,330px);max-height:52vh}.binder-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;max-width:100%;margin-left:auto;margin-right:auto}.binder-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.binder-stats .collector-stat-card{padding:.3rem;font-size:.68rem}.binder-controls input{min-width:9rem}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));max-height:none;overflow:visible}}.search-input-wrap{position:relative;flex:1 1}.search-input-wrap input{padding-right:2.2rem}.search-clear-btn{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:1.7rem;min-width:1.7rem;height:1.7rem;min-height:1.7rem;border-radius:999px;padding:0;font-size:1.1rem;line-height:1;background:#374151;border:1px solid var(--border);color:#f8fafc}.search-reset-row{display:flex;justify-content:flex-end;margin-top:-.2rem}.search-reset-row .ghost{min-height:32px;padding:.2rem .6rem;font-size:.8rem}.filter-wrap{display:flex;flex-direction:column;gap:.45rem}.filter-head-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.filter-clear-btn{min-height:30px;font-size:.76rem;padding:.18rem .6rem}.filter-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip{min-height:28px;padding:.16rem .5rem;border-radius:999px;font-size:.73rem;line-height:1;background:rgba(31,41,55,.95);border:1px solid rgba(148,163,184,.45);color:#e2e8f0}.search-result-hint{margin-top:.15rem}body.play-active .bottom-nav,body.play-active .footer-note{display:none}body.play-active .main{max-width:none;padding-bottom:.5rem}body.battle-active .bottom-nav,body.battle-active .footer-note,body.battle-active .top-bar{display:none!important}body.battle-active,html:has(body.battle-active){overscroll-behavior:none}body.battle-active .app-shell,body.battle-active .main{min-height:var(--battle-vvh,100dvh);height:var(--battle-vvh,100dvh);padding:0;overflow:hidden}body.battle-active .main{max-width:none;width:100%;margin:0}.play-lobby{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:.85rem;padding:.75rem 1rem 1.25rem}.play-mode-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:560px){.play-mode-grid{grid-template-columns:1fr 1fr}}.play-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;min-height:96px;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--border);background:linear-gradient(160deg,#1a2333,#111827)}.play-mode-card strong{font-size:1.15rem}.play-panel{display:flex;flex-direction:column;gap:.85rem}.play-back{align-self:flex-start}.play-actions-stack>button{width:100%;min-height:48px}.play-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.play-seat{display:grid;grid-template-columns:1fr;grid-gap:.2rem;gap:.2rem;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:#111827}.play-seat.is-ready{border-color:#3d8f5c}.play-ready-tag{color:#6ee7a8;font-weight:700}.play-field{display:flex;flex-direction:column;gap:.35rem}.play-field input,.play-field select{min-height:42px;border-radius:8px;border:1px solid var(--border);background:#111827;padding:.4rem .65rem}.play-actions{display:flex;flex-wrap:wrap;gap:.55rem}.play-code{font-size:2rem;letter-spacing:.18em;font-weight:800}.battle-board.ux-board{position:fixed;top:var(--battle-vvt,0);left:var(--battle-vvl,0);right:auto;bottom:auto;z-index:200;width:var(--battle-vvw,100vw);height:var(--battle-vvh,100dvh);display:flex;flex-direction:column;gap:.12rem;padding:max(.22rem,env(safe-area-inset-top,0px)) max(.55rem,env(safe-area-inset-right,0px)) max(.45rem,env(safe-area-inset-bottom,0px)) max(.55rem,env(safe-area-inset-left,0px));box-sizing:border-box;background:radial-gradient(ellipse at 70% 15%,rgba(180,60,40,.18),transparent 45%),radial-gradient(ellipse at 40% 85%,rgba(60,40,120,.22),transparent 50%),linear-gradient(180deg,#0a0e18,#101828 50%,#0a101c);overflow:hidden;color:#e2e8f0;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.battle-board.ux-board:-webkit-full-screen{top:0!important;left:0!important;width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important}.battle-board.ux-board:-webkit-full-screen,.battle-board.ux-board:fullscreen{top:0!important;left:0!important;width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important}.battle-portrait-gate{display:none;pointer-events:none}.battle-portrait-gate p{margin:0}.battle-portrait-hint{margin-top:.65rem!important;font-size:.92rem!important;font-weight:500!important;color:#94a3b8;max-width:18rem;line-height:1.45}.battle-modal-layer{position:absolute;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:.75rem;box-sizing:border-box;background:rgba(2,6,23,.52);pointer-events:auto}.battle-modal-layer.is-topmost{z-index:580}.battle-modal-layer.is-passthrough{pointer-events:none;background:rgba(2,6,23,.28);align-items:center;justify-content:center;padding:.75rem}.battle-modal,.battle-modal-layer.is-passthrough .battle-modal{pointer-events:auto}.battle-modal{position:relative;left:auto;top:auto;transform:none;z-index:1;width:min(92vw,440px);max-height:min(86dvh,520px);overflow:auto;border:1px solid rgba(251,191,36,.45);background:rgba(17,24,39,.98);border-radius:14px;padding:.9rem;display:flex;flex-direction:column;gap:.55rem;box-shadow:0 18px 50px rgba(0,0,0,.55)}.battle-modal.is-counter-prompt,.battle-modal.is-decision-prompt{width:min(92vw,400px);max-height:min(70dvh,480px);padding:.75rem .9rem;margin:0}.battle-modal.is-mulligan{width:min(96vw,980px);max-height:min(88dvh,700px)}.ux-mulligan-head{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.15rem}.ux-mulligan-head h3{margin:0}.ux-turn-order-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.ux-turn-order-badge.is-first{color:#fff7ed;background:linear-gradient(90deg,#c2410c,#b45309);border-color:rgba(253,186,116,.65)}.ux-turn-order-badge.is-second{color:#e0f2fe;background:linear-gradient(90deg,#1d4ed8,#0369a1);border-color:rgba(125,211,252,.55)}.battle-modal.is-card-detail{width:min(96vw,980px);max-height:min(90dvh,700px);overflow:hidden}.battle-modal button{pointer-events:auto;position:relative;z-index:2}.ux-hud{position:relative;flex-shrink:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.35rem .6rem;min-height:2.35rem}.ux-hud-left,.ux-hud-right{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;z-index:1}.ux-hud-left{justify-content:flex-start;max-width:min(42%,520px)}.ux-hud-right{justify-content:flex-end;margin-left:auto}.ux-room{letter-spacing:.12em;font-size:.9rem}.ux-phase-pill,.ux-you{font-size:.74rem;padding:.2rem .48rem;border-radius:999px;background:rgba(30,64,175,.45);border:1px solid rgba(96,165,250,.45)}.ux-you{background:rgba(22,163,74,.35);border-color:rgba(74,222,128,.55);color:#bbf7d0;font-weight:700}.ux-busy{position:absolute;left:50%;top:.12rem;transform:translateX(-50%);z-index:6;font-size:.74rem;padding:.2rem .48rem;border-radius:999px;background:rgba(37,99,235,.4);border:1px solid rgba(147,197,253,.55);color:#bfdbfe;font-weight:700;opacity:0;pointer-events:none;white-space:nowrap}.ux-busy.is-on{opacity:1}.ux-pending-effect-hint{font-size:.72rem;padding:.18rem .45rem;border-radius:999px;background:rgba(180,83,9,.35);border:1px solid rgba(251,191,36,.55);color:#fde68a;font-weight:700;white-space:nowrap}.ux-context-row{display:flex;align-items:center;justify-content:space-between;gap:.55rem;flex-shrink:0;padding:.12rem .55rem .28rem;min-height:1.55rem}.ux-context-hint{margin:0;flex:1 1 auto;min-width:0;font-size:.78rem;font-weight:650;color:#cbd5e1}.ux-context-hint,.ux-log-toast{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-log-toast{flex:0 1 auto;max-width:min(42vw,320px);font-size:.7rem;font-weight:700;color:#fef3c7;background:rgba(30,41,59,.92);border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:.16rem .55rem;animation:ux-log-toast-in .22s ease-out}@keyframes ux-log-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ux-decision-chrome{position:absolute;left:50%;top:calc(100% + .12rem);transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:8;pointer-events:none}.ux-chars.has-decision-chrome{overflow:visible}.ux-decision-chrome-btn{pointer-events:auto;min-height:2.35rem;min-width:5.2rem;max-width:7.2rem;padding:.32rem .55rem;border-radius:10px;border:1px solid rgba(147,197,253,.55);background:linear-gradient(180deg,#1d4ed8,#1e3a8a);color:#eff6ff;font-weight:800;font-size:.7rem;line-height:1.15;white-space:normal;box-shadow:0 6px 16px rgba(15,23,42,.4)}.ux-decision-chrome-btn:disabled{opacity:.45}.ux-decision-chrome-btn:hover:not(:disabled){filter:brightness(1.06)}.ux-end{min-height:36px!important;padding:.28rem .8rem!important;font-weight:800!important;background:#2563eb!important}.ux-end:disabled{opacity:.4}.battle-action-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 .15rem;padding:.45rem .7rem;border-radius:8px;background:rgba(127,29,29,.72);border:1px solid rgba(248,113,113,.55);color:#fecaca;font-size:.85rem;z-index:220}.ux-shell{flex:1 1;display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:.4rem;gap:.4rem}.ux-rail,.ux-shell{min-height:0;overflow:hidden}.ux-rail{min-width:0;display:flex;flex-direction:column;gap:.45rem}.ux-rail-title{font-size:.7rem;font-weight:800;letter-spacing:.04em;color:#93c5fd;margin-bottom:.25rem}.ux-log{border-radius:12px;padding:.5rem .6rem;background:rgba(2,6,23,.75);border:1px solid rgba(71,85,105,.55)}.ux-log,.ux-log-list{flex:1 1;min-height:0;display:flex;flex-direction:column}.ux-log-list{overflow:auto;gap:.3rem}.ux-log-line{font-size:.72rem;line-height:1.35;color:#94a3b8;padding-bottom:.25rem;border-bottom:1px solid rgba(51,65,85,.4)}.ux-log-line:last-child{border-bottom:0}.ux-mat-wrap{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.2rem;position:relative}.ux-attack-banner{z-index:6;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.25rem .4rem;max-width:min(52vw,560px);margin:0;padding:.14rem .6rem;border-radius:999px;border:1px solid rgba(251,191,36,.55);background:linear-gradient(90deg,rgba(120,53,15,.92),rgba(30,41,59,.92));box-shadow:0 4px 12px rgba(0,0,0,.35);color:#fff7ed;font-weight:800;font-size:.74rem;letter-spacing:.01em;pointer-events:none;animation:ux-attack-banner-in .28s ease-out}.ux-attack-banner.is-hud-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:ux-attack-banner-in-center .28s ease-out}.ux-attack-banner-side{display:inline-flex;align-items:baseline;gap:.28rem;white-space:nowrap}.ux-attack-banner-from{color:#fda4af}.ux-attack-banner-to{color:#93c5fd}.ux-attack-banner-arrow{color:#fbbf24;font-size:1.05rem;line-height:1;animation:ux-attack-pulse 1.1s ease-in-out infinite}.ux-attack-banner-side.is-atk .ux-attack-banner-power{color:#fda4af}.ux-attack-banner-side.is-def .ux-attack-banner-power{color:#93c5fd}.ux-attack-banner-power{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ux-attack-banner.is-hud-center .ux-attack-banner-note{display:none}.ux-attack-banner-note{color:#cbd5e1;font-size:.66rem;font-weight:600}.ux-playmat{container-type:size;--card-w:clamp(76px,min(12.5cqh,10.4cqi),128px);--card-h:calc(var(--card-w) * 88 / 63);--field-w:var(--card-w);--field-h:var(--card-h);--field-slot:calc(var(--card-h) + 4px);--don-w:var(--card-w);--don-h:var(--card-h);--don-slot:var(--field-slot);--hand-scale:1.08;--hand-peek:0.5;width:100%;max-width:none;height:100%;min-height:0;flex:1 1 auto;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-gap:.45rem;gap:.45rem;margin:0 auto;position:relative}.ux-attack-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;overflow:visible}.ux-attack-arrow-trail{fill:none;stroke:rgba(251,191,36,.28);stroke-width:8;stroke-linecap:round}.ux-attack-arrow-line{fill:none;stroke:#fbbf24;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:10 8;animation:ux-attack-dash .7s linear infinite}.ux-attack-arrow-head{fill:#fbbf24}.ux-card-stack.is-attack-source,.ux-char.is-attack-source{z-index:4}.ux-card-stack.is-attack-source .ux-card,.ux-char.is-attack-source .ux-card{border-color:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.55),0 0 18px rgba(251,113,133,.35)}.ux-card-stack.is-attack-target .ux-card,.ux-char.is-attack-target .ux-card{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.55),0 0 18px rgba(96,165,250,.3)}.ux-card-stack.is-attack-blocker .ux-card,.ux-char.is-attack-blocker .ux-card{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.55),0 0 18px rgba(167,139,250,.3)}.ux-attack-tag{position:absolute;top:-.35rem;left:50%;transform:translateX(-50%);z-index:5;padding:.08rem .35rem;border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.02em;color:#fff;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.35)}.ux-attack-tag.is-source{background:#e11d48}.ux-attack-tag.is-target{background:#2563eb}.ux-attack-tag.is-blocker{background:#7c3aed}@keyframes ux-attack-dash{to{stroke-dashoffset:-18}}@keyframes ux-attack-pulse{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.65;transform:translateX(2px)}}@keyframes ux-attack-banner-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ux-attack-banner-in-center{0%{opacity:0;transform:translate(-50%,calc(-50% - 6px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ux-side{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.16rem;border-radius:16px;padding:.22rem .45rem;border:1px solid rgba(148,163,184,.2);box-sizing:border-box}.ux-side.is-foe{background:linear-gradient(180deg,rgba(90,30,20,.35),rgba(40,18,22,.45));border-color:rgba(248,113,113,.28);justify-content:flex-start;padding-top:.16rem;padding-bottom:.45rem}.ux-side.is-mine{background:linear-gradient(0deg,rgba(30,25,70,.42),rgba(14,36,70,.4));border-color:rgba(96,165,250,.28);justify-content:flex-end;padding-top:.45rem;padding-bottom:.16rem}.ux-field-block{display:flex;flex-direction:column;gap:.14rem;flex:0 0 auto;min-height:0}.ux-roster{flex-shrink:0;display:flex;flex-direction:column;gap:.28rem;padding:.4rem .55rem;border-radius:12px;background:rgba(15,23,42,.88);border:1px solid rgba(100,116,139,.45)}.ux-roster-row{display:flex;align-items:center;gap:.3rem;min-width:0;font-size:.8rem;line-height:1.25}.ux-roster-row.is-foe{color:#fecaca}.ux-roster-row.is-me{color:#e2e8f0}.ux-roster-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ux-roster-ai{font-style:normal;font-size:.62rem;padding:.08rem .32rem;border-radius:999px;background:rgba(148,163,184,.28);color:#e2e8f0}.ux-roster-ai,.ux-turn-tag{flex-shrink:0;font-weight:700}.ux-turn-tag{font-size:.64rem;color:#86efac}.ux-stats{display:flex;gap:.25rem}.ux-chip{display:inline-flex;align-items:center;gap:.22rem;font-size:.66rem;padding:.1rem .35rem;border-radius:8px;background:rgba(2,6,23,.55);border:1px solid rgba(100,116,139,.45)}.ux-chip strong{font-size:.78rem}.ux-chip.tone-life{border-color:rgba(248,113,113,.55)}.ux-chip.tone-hand{border-color:rgba(167,139,250,.55)}.ux-hand-foe{display:flex;justify-content:center;gap:.28rem;align-items:flex-end;flex-shrink:0;padding:0;margin-bottom:0;min-height:calc(var(--card-h) * .5);height:calc(var(--card-h) * .5);overflow:hidden}.ux-hand-foe.is-peek .ux-back{width:calc(var(--card-w) * .92);height:calc(var(--card-h) * .92)}.ux-hand-foe .ux-back{transform:rotate(180deg)}.ux-back{width:calc(var(--card-w) * .92);height:calc(var(--card-h) * .92);border-radius:6px;overflow:hidden;border:1px solid rgba(148,163,184,.4);flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.35)}.ux-back img{width:100%;height:100%;object-fit:cover;display:block}.ux-more{font-size:.7rem;color:#94a3b8}.ux-row{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:0}.ux-row-1{justify-content:space-between;flex:0 0 auto;min-height:var(--field-slot);align-items:flex-start;gap:.4rem;overflow:visible}.ux-row-2-board,.ux-row-2-don,.ux-row-2-left,.ux-row-2-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ux-row-2{justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:.15rem 0;width:100%;flex:0 0 auto}.ux-chars,.ux-row-2{align-items:center;min-height:var(--field-slot);position:relative}.ux-chars{display:flex;gap:.35rem;justify-content:center;flex:1 1;min-width:0;overflow:visible}.ux-chars.has-pass-decision .ux-pass-decision{--chars-content:calc(5 * var(--field-slot) + 1.4rem);position:absolute;left:max(.75rem,calc((100% - var(--chars-content)) / 4));top:50%;transform:translateY(-50%);display:grid;place-items:center;width:4.8rem;z-index:6;pointer-events:none}.ux-pass-decision-btn{pointer-events:auto;width:100%;min-height:2.4rem;padding:.35rem .45rem;font-size:.78rem;font-weight:800;line-height:1.15;border-radius:10px;border:1px solid rgba(148,163,184,.45);background:rgba(30,41,59,.92);color:#e2e8f0;box-shadow:0 6px 18px rgba(0,0,0,.35);white-space:normal}.ux-pass-decision-btn:hover{border-color:rgba(250,204,21,.55);background:rgba(51,65,85,.95)}.ux-char.is-blockable .ux-card{box-shadow:0 0 0 2px rgba(56,189,248,.75)}.ux-card-quick-menu.is-block-menu{gap:.4rem}.ux-side.is-foe .ux-row-2,.ux-side.is-mine .ux-row-2{margin-top:0;margin-bottom:0}.ux-side.is-foe .ux-row-1,.ux-side.is-mine .ux-row-1{margin-top:0;margin-bottom:0;align-items:flex-start}.ux-side.is-mine .ux-hand{margin-top:0;flex:0 0 auto}.ux-char{position:relative;flex:0 0 var(--field-slot);width:var(--field-slot);height:var(--field-slot);display:grid;place-items:center;overflow:visible}.ux-char .ux-slot-empty,.ux-zone.is-board .ux-slot-empty,.ux-zone.is-field .ux-slot-empty{width:var(--card-w);height:var(--card-h)}.ux-don-open{display:flex;flex-direction:column;gap:.12rem;min-width:var(--don-slot);max-width:min(48vw,520px)}.ux-don-cost-row{flex-wrap:wrap;gap:.45rem;min-height:var(--don-slot)}.ux-don-cost-row,.ux-don-stack{display:flex;align-items:center}.ux-don-stack{--don-peek:0.22;flex:0 0 auto;position:relative}.ux-don-stack .ux-don-wrap{position:relative;flex:0 0 auto;transition:transform .12s ease}.ux-don-stack .ux-don-wrap:not(:first-child){margin-left:calc(var(--don-stack-step, var(--don-w)) * -1 * (1 - var(--don-peek)))}.ux-don-stack.is-active{--don-stack-step:var(--don-w)}.ux-don-stack.is-rested{--don-stack-step:var(--don-h)}.ux-don-stack .ux-don-wrap:first-child{z-index:1}.ux-don-stack .ux-don-wrap:nth-child(2){z-index:2}.ux-don-stack .ux-don-wrap:nth-child(3){z-index:3}.ux-don-stack .ux-don-wrap:nth-child(4){z-index:4}.ux-don-stack .ux-don-wrap:nth-child(5){z-index:5}.ux-don-stack .ux-don-wrap:nth-child(6){z-index:6}.ux-don-stack .ux-don-wrap:nth-child(7){z-index:7}.ux-don-stack .ux-don-wrap:nth-child(8){z-index:8}.ux-don-stack .ux-don-wrap:nth-child(9){z-index:9}.ux-don-stack .ux-don-wrap:nth-child(10){z-index:10}.ux-row-2-don.is-mine .ux-don-stack .ux-don-wrap:focus-within,.ux-row-2-don.is-mine .ux-don-stack .ux-don-wrap:hover{z-index:20;transform:translateY(-3px)}.ux-don-wrap{width:var(--don-w);height:var(--don-h);display:grid;place-items:center;flex:0 0 auto}.ux-don-wrap.is-rested{width:var(--don-h);height:var(--don-w)}.ux-don-card{width:var(--don-w);height:var(--don-h);border:0!important;background:transparent!important;box-shadow:0 2px 6px rgba(0,0,0,.35);outline:none;display:block;padding:0!important;margin:0;overflow:hidden;border-radius:6px;line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ux-don-wrap.is-rested .ux-don-card{transform:rotate(90deg)}.ux-don-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}button.ux-don-card.is-active{cursor:pointer;min-height:unset}.ux-don-wrap.is-draggable{cursor:-webkit-grab;cursor:grab}.ux-don-wrap.is-draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.ux-don-wrap.is-draggable .ux-don-card{cursor:-webkit-grab;cursor:grab}body.is-dragging-don .ux-card-stack.is-don-droppable .ux-card,body.is-dragging-don .ux-char.is-don-droppable .ux-card{box-shadow:0 0 0 2px rgba(250,204,21,.55)}.ux-card-stack.is-don-drop .ux-card,.ux-char.is-don-drop .ux-card{box-shadow:0 0 0 3px rgba(74,222,128,.9)!important;filter:brightness(1.08)}.ux-don-slot{width:var(--don-w);height:var(--don-h);border-radius:6px;border:1px dashed rgba(250,204,21,.25);background:rgba(2,6,23,.2);box-sizing:border-box}.ux-zone{width:var(--card-w);display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.ux-zone-label{display:none}.ux-zone.is-board,.ux-zone.is-field{width:var(--field-slot)}.ux-zone.is-board .ux-zone-body,.ux-zone.is-field .ux-zone-body{width:var(--field-slot);min-height:var(--field-slot);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.ux-zone.is-field .ux-card-stack{width:var(--card-w);height:var(--card-h);display:grid;place-items:center;position:relative}.ux-zone.is-board .ux-card-back,.ux-zone.is-board .ux-slot-empty,.ux-zone.is-board .ux-zone-card-img{width:var(--card-w);height:var(--card-h)}.ux-zone.tone-life.is-board{width:calc(var(--card-h) + 12px);max-width:none;align-self:flex-start}.ux-zone.tone-life.is-board .ux-zone-body{width:calc(var(--card-h) + 12px);max-width:none;min-height:0;align-items:center;justify-content:flex-start}.ux-zone.tone-life .ux-slot-empty{width:var(--card-h);height:var(--card-w)}.ux-life-rail{--life-peek:0.22;--life-step:var(--card-w);--life-rail-h:var(--field-slot);position:relative;display:flex;flex-direction:column;align-items:center;width:var(--card-h);max-height:var(--life-rail-h);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent;padding:0 2px;-webkit-overflow-scrolling:touch}.ux-life-rail.is-foe{margin-left:0}.ux-life-rail.is-foe,.ux-life-rail.is-foe .ux-life-stack{flex-direction:column}.ux-life-rail.is-foe .ux-life-wrap:not(:first-child){margin-bottom:0;margin-top:calc(var(--life-step) * -1 * (1 - var(--life-peek)))}.ux-life-rail.is-foe .ux-life-count{top:auto;bottom:2px}.ux-life-rail::-webkit-scrollbar{width:4px;height:auto}.ux-life-rail::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:4px}.ux-life-stack{display:flex;flex-direction:column;align-items:center;width:var(--card-h)}.ux-life-stack,.ux-life-stack .ux-life-wrap{flex:0 0 auto;position:relative}.ux-life-stack .ux-life-wrap:not(:first-child){margin-left:0;margin-top:calc(var(--life-step) * -1 * (1 - var(--life-peek)))}.ux-life-stack .ux-life-wrap:first-child{z-index:1}.ux-life-stack .ux-life-wrap:nth-child(2){z-index:2}.ux-life-stack .ux-life-wrap:nth-child(3){z-index:3}.ux-life-stack .ux-life-wrap:nth-child(4){z-index:4}.ux-life-stack .ux-life-wrap:nth-child(5){z-index:5}.ux-life-stack .ux-life-wrap:nth-child(6){z-index:6}.ux-life-stack .ux-life-wrap:nth-child(7){z-index:7}.ux-life-stack .ux-life-wrap:nth-child(8){z-index:8}.ux-life-stack .ux-life-wrap:nth-child(9){z-index:9}.ux-life-stack .ux-life-wrap:nth-child(10){z-index:10}.ux-life-stack .ux-life-wrap:nth-child(n+11){z-index:11}.ux-life-wrap{width:var(--card-h);height:var(--card-w);display:grid;place-items:center;flex:0 0 auto}.ux-life-card{width:var(--card-w);height:var(--card-h);display:block;overflow:hidden;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.35);border:1px solid rgba(148,163,184,.35);background:#020617;transform:rotate(90deg);line-height:0}.ux-life-card-img{width:100%;height:100%;object-fit:cover;display:block}.ux-life-count{position:absolute;right:2px;bottom:2px;z-index:30;min-width:1.25rem;padding:0 .28rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.35;text-align:center;color:#f8fafc;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.45);pointer-events:none}.ux-zone-body{width:var(--card-w);min-height:var(--card-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem}.ux-card-stack{position:relative;width:100%}.ux-slot-empty{width:var(--card-w);height:var(--card-h);border-radius:8px;border:1px dashed rgba(148,163,184,.32);background:rgba(2,6,23,.22);display:grid;place-items:center;color:rgba(148,163,184,.35);font-size:.75rem;box-sizing:border-box}.ux-slot-empty.dim{opacity:.7}.ux-card-back,.ux-zone-card-img{width:var(--card-w);height:var(--card-h);border-radius:8px;object-fit:cover;display:block;box-sizing:border-box;position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:#020617;flex-shrink:0}.ux-card-back-img{width:100%;height:100%;object-fit:cover;display:block}.ux-card-back-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;min-height:1.35em;padding:.12em .38em;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-weight:800;font-size:.85rem;line-height:1;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.4);box-sizing:border-box;pointer-events:none}.ux-trash-wrap{position:relative;width:var(--card-w);height:var(--card-h);padding:0;border:0;background:transparent;cursor:pointer}.ux-trash-wrap.is-clickable:focus-visible .ux-zone-card-img,.ux-trash-wrap.is-clickable:hover .ux-zone-card-img{outline:2px solid rgba(250,204,21,.85);outline-offset:2px}.ux-trash-wrap .ux-zone-card-img{width:100%;height:100%;pointer-events:none}.ux-slot-empty.is-clickable{cursor:pointer;border-style:dashed;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit;font:inherit}.ux-slot-empty.is-clickable:focus-visible,.ux-slot-empty.is-clickable:hover{border-color:rgba(250,204,21,.65);background:rgba(250,204,21,.08)}.ux-trash-reveal{max-height:min(56dvh,420px);overflow:auto;padding:.15rem .1rem .35rem}.battle-modal.is-trash-viewer{width:min(96vw,980px)}.ux-card-menu{display:flex;flex-direction:column;align-items:center;gap:.55rem}.ux-card-menu-img{width:min(42vw,168px);border-radius:10px;border:1px solid rgba(148,163,184,.4);box-shadow:0 8px 24px rgba(0,0,0,.45)}.ux-card-menu-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.ux-card-menu-meta strong{font-size:.95rem}.ux-card-menu-don{font-size:.72rem;font-weight:800;color:#fde68a}.play-actions-stack{width:100%;flex-direction:column;align-items:stretch}.play-actions-stack button{width:100%}.ux-card-quick-dismiss{position:fixed;inset:0;z-index:540;background:transparent;border:0;padding:0}.ux-card-quick-menu{position:fixed;z-index:541;width:112px;display:flex;flex-direction:column;justify-content:flex-start;gap:.16rem;padding:.2rem;border-radius:8px;border:1px solid rgba(148,163,184,.45);background:rgba(15,23,42,.84);box-shadow:0 8px 24px rgba(0,0,0,.45);transform:translate(-50%,-50%);box-sizing:border-box}.ux-card-quick-menu button{width:100%;min-height:24px!important;padding:.1rem .2rem!important;font-size:.58rem!important;line-height:1.05!important;border-radius:6px!important}.ux-hand-quick-menu{position:fixed;z-index:541;width:112px;display:flex;flex-direction:column;gap:.16rem;padding:.2rem;border-radius:8px;border:1px solid rgba(148,163,184,.45);background:rgba(15,23,42,.92);box-shadow:0 8px 20px rgba(0,0,0,.45);transform:translate(-50%,-50%)}.ux-hand-quick-menu button{width:100%;min-height:24px!important;padding:.1rem .2rem!important;font-size:.58rem!important;border-radius:6px!important}.ux-card-detail{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:min(86vw,560px)}.ux-card-detail-split{width:100%;min-height:min(82dvh,620px);display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,1.35fr);grid-gap:.9rem;gap:.9rem;align-items:stretch}.ux-card-detail-left{display:flex;align-items:center;justify-content:center}.ux-card-detail-img{width:min(34vw,360px);max-height:min(78dvh,580px);object-fit:contain;border-radius:12px;border:1px solid rgba(148,163,184,.45);box-shadow:0 10px 30px rgba(0,0,0,.5)}.ux-card-detail-right{display:flex;flex-direction:column;min-height:0}.ux-card-detail-meta{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left}.ux-card-detail-body{width:100%;flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:rgba(15,23,42,.55);padding:.65rem .8rem;box-sizing:border-box}.ux-card-detail-body h3{margin:0 0 .35rem;font-size:.9rem}.ux-card-detail-body p{margin:0;white-space:pre-wrap;line-height:1.4;font-size:.82rem;overflow-wrap:anywhere}.ux-card-detail-actions{display:flex;justify-content:flex-end;gap:.45rem;padding-top:.55rem;position:relative;z-index:3;pointer-events:auto}.ux-card-detail-actions button{pointer-events:auto;min-height:40px}.battle-error-text{margin:0;color:#fca5a5}.ux-effect-confirm-card{display:flex;justify-content:center;align-items:center;margin-top:.1rem}.ux-effect-confirm-img{width:min(42vw,210px);border-radius:10px;border:1px solid rgba(148,163,184,.4);box-shadow:0 8px 24px rgba(0,0,0,.45)}.ux-search-reveal{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-gap:.45rem;gap:.45rem;justify-items:center}.ux-search-order-row{width:100%;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid rgba(148,163,184,.25)}.ux-search-card.is-ordered,.ux-search-order-row .ux-search-card{position:relative;width:72px;max-width:72px;flex:0 0 auto;opacity:.92;border-color:rgba(96,165,250,.65)}.ux-search-order-num{position:absolute;top:.25rem;left:.25rem;z-index:1;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:999px;background:rgba(15,23,42,.85);color:#e2e8f0;font-size:.72rem;font-weight:700;line-height:1.25rem;text-align:center}.ux-search-card{position:relative;width:100%;max-width:128px;padding:.2rem;border-radius:10px;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.7);display:flex;flex-direction:column;align-items:center}button.ux-search-card{cursor:pointer;font:inherit;color:inherit}.ux-search-card-overlay{position:absolute;inset:0;background:rgba(2,6,23,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;z-index:2;border-radius:8px;padding:.18rem}.ux-search-card-overlay-btn{min-height:34px;min-width:108px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(148,163,184,.75);background:rgba(17,24,39,.98);color:#e2e8f0;font-weight:700;font-size:.78rem;padding:.14rem .55rem;box-shadow:0 6px 16px rgba(0,0,0,.45);cursor:pointer}.ux-search-card-overlay-btn.is-primary{border-color:rgba(74,222,128,.85);color:#bbf7d0}.ux-search-card.is-eligible{border-color:rgba(74,222,128,.75);box-shadow:0 0 0 1px rgba(74,222,128,.35)}.ux-search-card.is-blocked{opacity:.45}.ux-search-card-img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:8px}.battle-modal.is-choice-cards{width:min(96vw,720px)}.ux-choice-cards{flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:flex-start}.ux-choice-cards,.ux-choice-options{width:100%;display:flex;margin:.35rem 0 .55rem}.ux-choice-options{flex-direction:column;gap:.45rem}.ux-choice-option-btn{width:100%;text-align:left;white-space:normal;line-height:1.35;min-height:44px}.ux-choice-waiting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;padding:.55rem 1rem;border-radius:999px;font-size:.86rem;font-weight:700;color:#fef3c7;background:rgba(15,23,42,.88);border:1px solid rgba(251,191,36,.45);pointer-events:none}.ux-choice-card{position:relative;width:clamp(72px,14vw,112px);padding:.15rem!important;min-height:0!important;border-radius:10px!important;border:1px solid rgba(148,163,184,.45)!important;background:rgba(15,23,42,.85)!important;box-shadow:0 4px 12px rgba(0,0,0,.35)}.ux-choice-card.is-menu-open{z-index:3}.ux-choice-card.has-meta{width:clamp(88px,16vw,128px);display:flex;flex-direction:column;gap:.28rem;align-items:stretch}.ux-choice-cards.is-field .ux-choice-card.has-meta{width:clamp(100px,18vw,140px)}.ux-choice-card.is-focused,.ux-choice-card:hover{border-color:rgba(74,222,128,.8)!important;box-shadow:0 0 0 2px rgba(74,222,128,.35)}.ux-choice-card-face{position:relative;aspect-ratio:63/88;overflow:hidden;background:#020617}.ux-choice-card-face,.ux-choice-card-img{display:block;width:100%;border-radius:8px}.ux-choice-card-img{height:100%;object-fit:cover}.ux-choice-rested-mark{position:absolute;left:50%;bottom:.35rem;transform:translateX(-50%);z-index:2;padding:.1rem .35rem;border-radius:4px;font-size:.58rem;font-weight:900;letter-spacing:.02em;color:#fff;background:rgba(87,83,78,.92);border:1px solid rgba(214,211,209,.45);box-shadow:0 1px 4px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap}.ux-choice-meta{display:flex;flex-wrap:wrap;gap:.18rem;justify-content:center;min-height:1.1rem}.ux-choice-chip{padding:.08rem .28rem;border-radius:4px;font-size:.58rem;font-weight:800;line-height:1.15;color:#f8fafc;background:rgba(51,65,85,.95);border:1px solid rgba(148,163,184,.35)}.ux-choice-chip.is-mine{background:#1d4ed8;border-color:rgba(147,197,253,.45)}.ux-choice-chip.is-foe{background:#9f1239;border-color:rgba(251,113,133,.45)}.ux-choice-chip.is-rested{background:#57534e}.ux-choice-chip.is-active{background:#15803d}.ux-choice-chip.is-don{background:#a16207}.ux-choice-chip.is-power{background:#1e3a8a}.ux-choice-chip.is-cost{background:#334155}.ux-choice-chip.is-trash{background:#7c2d12;border-color:rgba(251,146,60,.45)}.ux-card-stack.is-choice-focus,.ux-char.is-choice-focus{z-index:6}.ux-card-stack.is-choice-focus .ux-card,.ux-char.is-choice-focus .ux-card{border-color:#4ade80!important;box-shadow:0 0 0 3px rgba(74,222,128,.65),0 0 18px rgba(74,222,128,.35)!important}.ux-mulligan-hand{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.42rem;gap:.42rem;padding:.15rem .05rem .32rem}.ux-mulligan-card-btn{position:relative;width:100%;padding:0;border:0;background:transparent;border-radius:9px;cursor:pointer;overflow:hidden}.ux-mulligan-card-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.ux-mulligan-card{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:9px;border:1px solid rgba(148,163,184,.35);box-shadow:0 6px 16px rgba(0,0,0,.35)}.ux-mulligan-card-overlay{position:absolute;inset:0;background:rgba(2,6,23,.38);display:flex;align-items:center;justify-content:center;z-index:2}.ux-mulligan-card-overlay-btn{min-height:38px;min-width:122px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(250,204,21,.9);background:rgba(17,24,39,.98);color:#fde68a;font-weight:800;font-size:.9rem;padding:.18rem .72rem;box-shadow:0 0 0 2px rgba(15,23,42,.7),0 8px 20px rgba(0,0,0,.5)}.ux-mulligan-board-toggle{position:fixed;left:50%;top:50%;transform:translateX(-50%);z-index:560}.ux-mulligan-board-toggle button{min-height:42px!important;min-width:150px;padding:.42rem 1rem!important;border-radius:999px!important;border:1px solid rgba(250,204,21,.75)!important;background:rgba(30,64,175,.95)!important;color:#fff!important;font-weight:800!important;box-shadow:0 0 0 2px rgba(15,23,42,.65),0 8px 24px rgba(0,0,0,.45)}.ux-mulligan-board-toggle button:hover{filter:brightness(1.08)}.ux-don-on{position:absolute;right:-4px;bottom:-4px;font-size:.56rem;font-weight:800;background:#eab308;color:#111;border-radius:999px;padding:.04rem .28rem;z-index:2}.ux-hand{display:flex;gap:.32rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-inline:.45rem;scroll-padding-inline:.75rem;align-items:flex-start;flex:0 0 auto;flex-shrink:0;justify-content:flex-start;height:calc(var(--card-h) * var(--hand-scale, 1.08) * var(--hand-peek, .5));min-height:calc(var(--card-h) * var(--hand-scale, 1.08) * var(--hand-peek, .5));max-height:calc(var(--card-h) * var(--hand-scale, 1.08) * var(--hand-peek, .5));position:relative;z-index:6;margin-top:0}.ux-hand:after,.ux-hand:before{content:"";margin-inline:auto}.ux-card.size-hand,.ux-side.is-mine .ux-hand .ux-card.size-hand{width:calc(var(--card-w) * var(--hand-scale, 1.08))!important;flex:0 0 calc(var(--card-w) * var(--hand-scale, 1.08));padding:0!important;min-height:0!important;background:#020617!important}.ux-card{position:relative;flex:0 0 auto;width:var(--card-w);padding:0!important;min-height:0!important;border-radius:8px;border:2px solid rgba(226,232,240,.35);background:#020617!important;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.35);transition:filter .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.ux-card-img{width:100%;aspect-ratio:63/88;object-fit:cover;display:block}.ux-badge{position:absolute;z-index:2;font-weight:900;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ux-badge.cost{top:3px;left:3px;width:1.15rem;height:1.15rem;border-radius:50%;background:#1d4ed8;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:.62rem}.ux-badge.power{top:3px;right:3px;background:#1d4ed8;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.12rem .28rem;font-size:.58rem}.ux-badge.counter{top:3px;left:50%;transform:translateX(-50%);bottom:auto;background:#b45309;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.12rem .32rem;font-size:.58rem;z-index:3}.ux-hand.is-counter-phase .ux-badge.counter{top:1.35rem;font-size:.62rem;padding:.14rem .36rem;box-shadow:0 1px 4px rgba(0,0,0,.45)}.ux-hand.is-counter-phase .ux-card.size-hand.is-legal{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.45)}.ux-hand-quick-menu.is-counter-menu{width:128px}.ux-hand-quick-menu.is-counter-menu button.success:disabled{opacity:.45}.ux-card.is-rested{transform:rotate(90deg);transform-origin:center center;opacity:.95;z-index:1}.ux-status-tags{position:absolute;left:2px;right:2px;bottom:2px;z-index:4;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;pointer-events:none}.ux-status-tag{max-width:100%;padding:.06rem .22rem;border-radius:3px;font-size:.48rem;font-weight:800;line-height:1.15;letter-spacing:.01em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45);box-shadow:0 1px 3px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-card.size-lg .ux-status-tag{font-size:.52rem;padding:.08rem .26rem}.ux-status-tag.is-blocker{background:#1d4ed8}.ux-status-tag.is-double_attack{background:#c2410c}.ux-status-tag.is-banish{background:#7e22ce}.ux-status-tag.is-blockerless{background:#0e7490}.ux-status-tag.is-rush,.ux-status-tag.is-rush_character{background:#15803d}.ux-status-tag.is-cannot_attack{background:#475569}.ux-status-tag.is-cannot_rest{background:#64748b}.ux-status-tag.is-summoning_sick{background:#57534e}.ux-status-tag.is-cannot_be_ko{background:#a16207}.ux-status-tag.is-effects_negated{background:#9f1239}.ux-status-tag.is-taunt{background:#b45309}.ux-status-tag.is-more{background:rgba(15,23,42,.85)}.ux-card.is-legal{border-color:#4ade80;box-shadow:0 0 0 2px rgba(74,222,128,.55),0 0 14px rgba(74,222,128,.35)}.ux-card.is-selected{border-color:#fbbf24;box-shadow:0 0 0 2px rgba(251,191,36,.45)}.ux-card.is-clickable{cursor:pointer}.ux-card:disabled{cursor:default}.battle-winner{text-align:center;font-size:1.02rem;font-weight:800;color:#fbbf24;flex-shrink:0}.ux-replace-banner{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:.75rem;max-width:min(92vw,520px);padding:.65rem .9rem;border-radius:12px;border:1px solid rgba(251,191,36,.45);background:rgba(18,18,24,.92);box-shadow:0 10px 30px rgba(0,0,0,.35);pointer-events:auto}.ux-replace-banner p{margin:0;font-size:.92rem;font-weight:650;color:#fde68a}.ux-bug-btn{font-weight:700!important}.ux-bug-textarea{width:100%;min-height:7rem;margin:.5rem 0 .75rem;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.28);color:inherit;resize:vertical;font:inherit}.play-beta-layer,.ux-match-over-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:rgba(4,6,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-beta-card,.ux-match-over-card{width:min(92vw,420px);padding:1.35rem 1.4rem 1.2rem;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#1a2030,#10141f);box-shadow:0 18px 48px rgba(0,0,0,.45);text-align:center}.play-beta-card h2,.ux-match-over-card h2{margin:.2rem 0 1rem;font-size:clamp(1.35rem,3.5vw,1.8rem);line-height:1.25}.play-beta-card p{margin:0 0 1.1rem;color:rgba(255,255,255,.78);line-height:1.55;text-align:left}.ux-match-over-eyebrow{margin:0;font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-match-over-card.is-win .ux-match-over-eyebrow{color:#4ade80}.ux-match-over-card.is-lose .ux-match-over-eyebrow{color:#fb7185}.play-beta-card .play-actions,.ux-match-over-card .play-actions{justify-content:center}@media (max-width:1100px){.ux-shell{grid-template-columns:160px minmax(0,1fr)}.ux-playmat{--card-w:clamp(70px,min(12.5cqh,10.2cqi),118px)}}@media (max-height:700px){.ux-playmat{--card-w:clamp(64px,min(12cqh,9.8cqi),108px)}}@media (max-width:900px) and (orientation:landscape){.ux-board:not(.is-compact) .ux-shell{grid-template-columns:130px minmax(0,1fr);gap:.28rem}.ux-board:not(.is-compact) .ux-playmat{--card-w:clamp(56px,min(13.5cqh,10cqi),98px);gap:.25rem}.ux-board:not(.is-compact) .ux-side{gap:.22rem;padding-left:.35rem;padding-right:.35rem}.ux-board:not(.is-compact) .ux-row{gap:.22rem}.ux-board:not(.is-compact) .ux-chars{gap:.24rem}.ux-board:not(.is-compact) .ux-back{width:calc(var(--card-w) * .9);height:calc(var(--card-h) * .9)}}.ux-board.is-compact{gap:.06rem;-webkit-tap-highlight-color:transparent}.ux-board.is-compact .ux-hud{min-height:2rem;gap:.2rem .3rem;z-index:40}.ux-board.is-compact .ux-hud-left{max-width:min(62%,640px);gap:.22rem}.ux-board.is-compact .ux-hud-right{gap:.22rem;flex-wrap:nowrap;position:relative;z-index:50}.ux-board.is-compact .ux-busy,.ux-board.is-compact .ux-phase-pill,.ux-board.is-compact .ux-you{font-size:.66rem;padding:.14rem .36rem}.ux-board.is-compact .ux-end{min-height:36px!important;padding:.28rem .62rem!important;font-size:.78rem!important}.ux-hud-more-btn{min-height:36px!important;padding:.24rem .55rem!important;font-weight:700!important}.ux-board.is-compact .ux-bug-btn,.ux-fullscreen-btn{min-height:36px!important;padding:.24rem .55rem!important;font-weight:800!important}.ux-fullscreen-btn{border-color:rgba(125,211,252,.55)!important;background:rgba(8,47,73,.55)!important;color:#e0f2fe!important}.ux-fullscreen-btn.is-active{background:rgba(37,99,235,.45)!important;border-color:rgba(147,197,253,.7)!important}.ux-fullscreen-hint{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 .1rem;padding:.45rem .7rem;border-radius:8px;background:rgba(30,41,59,.92);border:1px solid rgba(125,211,252,.45);color:#e0f2fe;font-size:.82rem;z-index:220}.ux-don-arm-chip{min-height:32px!important;padding:.18rem .5rem!important;font-size:.68rem!important;font-weight:800!important;color:#fef3c7!important;background:rgba(180,83,9,.55)!important;border-color:rgba(251,191,36,.65)!important}.ux-hud-more{position:relative;z-index:60}.ux-hud-more-scrim{position:fixed;inset:0;z-index:590;border:0;background:transparent;padding:0}.ux-hud-more-menu{position:fixed;top:max(2.6rem,calc(env(safe-area-inset-top, 0px) + 2.4rem));right:max(.45rem,env(safe-area-inset-right,0px));z-index:600;display:flex;flex-direction:column;gap:.28rem;min-width:10.5rem;padding:.45rem;border-radius:10px;border:1px solid rgba(148,163,184,.55);background:rgba(15,23,42,.98);box-shadow:0 16px 36px rgba(0,0,0,.55)}.ux-hud-more-room{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.2rem .35rem .35rem;font-size:.72rem;color:#94a3b8;border-bottom:1px solid rgba(71,85,105,.55)}.ux-hud-more-room .ux-room{font-size:.9rem;color:#e2e8f0}.ux-hud-more-menu button{min-height:38px!important;justify-content:center}.ux-board.is-compact .ux-shell{position:relative;grid-template-columns:min(118px,22vw) minmax(0,1fr);gap:.22rem}.ux-board.is-compact .ux-rail{display:flex}.ux-board.is-compact .ux-roster{padding:.28rem .35rem;gap:.18rem}.ux-board.is-compact .ux-roster-row{font-size:.68rem}.ux-board.is-compact .ux-log{padding:.35rem .4rem}.ux-board.is-compact .ux-rail-title{font-size:.62rem}.ux-board.is-compact .ux-log-line{font-size:.62rem;line-height:1.3}.ux-board.is-compact .ux-playmat{--hand-peek:0.5;--hand-scale:1;--card-w:clamp(46px,min(12.8cqi,14cqh),84px);--field-slot:calc(var(--card-h) + 2px);--don-slot:var(--field-slot);gap:clamp(.16rem,1.2cqh,.34rem)}.ux-board.is-compact .ux-playmat:after{content:"";position:absolute;left:3%;right:3%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.45) 18%,rgba(148,163,184,.45) 82%,transparent);pointer-events:none;z-index:2}.ux-board.is-compact .ux-side{gap:.1rem;padding:.06rem .16rem;border-radius:10px;overflow:hidden}.ux-board.is-compact .ux-side.is-foe{justify-content:flex-start;padding-top:.06rem;padding-bottom:clamp(.06rem,.65cqh,.16rem)}.ux-board.is-compact .ux-side.is-mine{justify-content:flex-start;padding-top:clamp(.06rem,.65cqh,.16rem);padding-bottom:0;overflow:hidden}.ux-board.is-compact .ux-field-block{flex:0 0 auto;min-height:0;overflow:hidden;gap:.1rem}.ux-board.is-compact .ux-side.is-foe .ux-hand-foe,.ux-board.is-compact .ux-side.is-mine .ux-hand{flex-shrink:0;margin-top:0}.ux-board.is-compact .ux-side.is-foe .ux-field-block{margin-top:auto;justify-content:flex-end}.ux-board.is-compact .ux-side.is-mine .ux-field-block{justify-content:flex-start}.ux-board.is-compact .ux-side.is-mine .ux-hand{z-index:8;margin-top:auto;margin-bottom:max(0px,env(safe-area-inset-bottom,0px));align-items:flex-start;height:calc(var(--card-h) * var(--hand-scale, 1) * var(--hand-peek, .5));min-height:calc(var(--card-h) * var(--hand-scale, 1) * var(--hand-peek, .5));max-height:calc(var(--card-h) * var(--hand-scale, 1) * var(--hand-peek, .5));overflow-x:auto;overflow-y:hidden}.ux-board.is-compact .ux-hand-foe{align-items:flex-end;min-height:calc(var(--card-h) * var(--hand-peek, .5));height:calc(var(--card-h) * var(--hand-peek, .5));overflow-x:auto;overflow-y:hidden}.ux-board.is-compact .ux-hand-foe .ux-back{transform:rotate(180deg)}.ux-board.is-compact .ux-chars,.ux-board.is-compact .ux-row-1,.ux-board.is-compact .ux-row-2{min-height:var(--field-slot)}.ux-board.is-compact .ux-attack-tag{top:-.18rem;font-size:.5rem;padding:.04rem .24rem}.ux-board.is-compact .ux-card .ux-badge.cost{top:max(1px,calc(var(--card-w) * .045));left:max(1px,calc(var(--card-w) * .045));width:max(.68rem,calc(var(--card-w) * .22));height:max(.68rem,calc(var(--card-w) * .22));font-size:max(.4rem,calc(var(--card-w) * .12))}.ux-board.is-compact .ux-card .ux-badge.power{top:max(1px,calc(var(--card-w) * .045));right:max(1px,calc(var(--card-w) * .045));bottom:auto;left:auto;transform:none;font-size:max(.38rem,calc(var(--card-w) * .11));padding:.04rem .12rem;line-height:1.05}.ux-board.is-compact .ux-card .ux-badge.counter{top:max(1px,calc(var(--card-w) * .045));left:50%;bottom:auto;transform:translateX(-50%);font-size:max(.38rem,calc(var(--card-w) * .1));padding:.04rem .1rem}.ux-board.is-compact .ux-hand.is-counter-phase .ux-badge.counter{top:max(.9rem,calc(var(--card-w) * .34))}.ux-board.is-compact .ux-row,.ux-board.is-compact .ux-row-2-board,.ux-board.is-compact .ux-row-2-don,.ux-board.is-compact .ux-row-2-left,.ux-board.is-compact .ux-row-2-right{gap:.16rem}.ux-board.is-compact .ux-chars{gap:.14rem}.ux-board.is-compact .ux-don-open{max-width:min(34vw,240px)}.ux-board.is-compact .ux-don-stack{--don-peek:0.18}.ux-board.is-compact .ux-don-card.is-active,.ux-board.is-compact .ux-don-wrap.is-draggable .ux-don-card{min-width:44px;min-height:44px;touch-action:none}.ux-board.is-don-armed .ux-card-stack.is-don-droppable .ux-card,.ux-board.is-don-armed .ux-char.is-don-droppable .ux-card,body.is-don-armed .ux-card-stack.is-don-droppable .ux-card,body.is-don-armed .ux-char.is-don-droppable .ux-card{box-shadow:0 0 0 2px rgba(250,204,21,.75)}.ux-board.is-compact .ux-pass-decision-btn{min-height:2.1rem;font-size:.66rem;padding:.28rem .32rem}.ux-board.is-compact .ux-chars.has-pass-decision .ux-pass-decision{--chars-content:calc(5 * var(--field-slot) + 0.56rem);left:max(.2rem,calc((100% - var(--chars-content)) / 5));transform:translateY(-50%);width:min(3.4rem,14vw)}.ux-board.is-compact .ux-card-quick-menu,.ux-board.is-compact .ux-hand-quick-menu{width:min(34vw,112px);gap:.12rem;padding:.18rem;border-radius:8px}.ux-board.is-compact .ux-card-quick-menu button,.ux-board.is-compact .ux-hand-quick-menu button{min-height:28px!important;padding:.18rem .28rem!important;font-size:.62rem!important;line-height:1.1!important;border-radius:6px!important}.ux-board.is-compact .ux-hand-quick-menu.is-counter-menu{width:min(36vw,120px)}.ux-board.is-compact .battle-modal-layer{padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}.ux-board.is-compact .battle-modal-layer,.ux-board.is-compact .battle-modal-layer.is-passthrough{align-items:center;justify-content:center}.ux-board.is-compact .battle-modal{width:min(86vw,340px);max-height:min(78dvh,420px);overflow:auto;padding:.45rem .5rem;gap:.28rem}.ux-board.is-compact .battle-modal.is-mulligan,.ux-board.is-compact .battle-modal.is-search-prompt{width:min(92vw,400px);max-height:min(82dvh,460px);overflow:auto;padding:.38rem .42rem;gap:.22rem}.ux-board.is-compact .battle-modal.is-mulligan h3,.ux-board.is-compact .battle-modal.is-search-prompt h3{font-size:.74rem;margin:0}.ux-board.is-compact .battle-modal.is-mulligan .muted,.ux-board.is-compact .battle-modal.is-search-prompt .muted{font-size:.58rem;line-height:1.15;margin:0}.ux-board.is-compact .battle-modal.is-choice-cards,.ux-board.is-compact .battle-modal.is-counter-prompt,.ux-board.is-compact .battle-modal.is-decision-prompt{width:min(92vw,360px);max-height:min(78dvh,440px);overflow:auto;-webkit-overflow-scrolling:touch;padding:.4rem .48rem;gap:.25rem}.ux-board.is-compact .battle-modal.is-choice-cards h3,.ux-board.is-compact .battle-modal.is-counter-prompt h3,.ux-board.is-compact .battle-modal.is-decision-prompt h3{font-size:.74rem;margin:0}.ux-board.is-compact .battle-modal.is-choice-cards .muted,.ux-board.is-compact .battle-modal.is-counter-prompt .muted,.ux-board.is-compact .battle-modal.is-decision-prompt .muted{font-size:.58rem;line-height:1.15}.ux-board.is-compact .battle-modal .play-actions{position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(180deg,transparent,rgba(17,24,39,.96) 35%);padding-top:.35rem;z-index:2;gap:.22rem;flex-wrap:wrap;margin-top:.1rem}.ux-board.is-compact .ux-context-row{padding:.05rem .4rem .18rem;min-height:1.2rem}.ux-board.is-compact .ux-context-hint{font-size:.62rem}.ux-board.is-compact .ux-log-toast{max-width:min(48vw,220px);font-size:.58rem;padding:.1rem .4rem}.ux-board.is-compact .ux-decision-chrome{left:50%;top:calc(100% + .06rem)}.ux-board.is-compact .ux-decision-chrome-btn{min-height:2rem;min-width:4.4rem;max-width:6.2rem;font-size:.6rem;padding:.22rem .4rem}.ux-board.is-compact .battle-modal .play-actions button{min-height:30px;font-size:.64rem;padding:.16rem .38rem}.ux-board.is-compact .ux-search-reveal{grid-template-columns:repeat(5,minmax(0,1fr));gap:.14rem}.ux-board.is-compact .ux-search-reveal .ux-search-card{width:100%;max-width:none;padding:.06rem;border-radius:6px}.ux-board.is-compact .ux-search-card-img{width:100%;height:auto;max-width:100%;border-radius:5px}.ux-board.is-compact .ux-search-order-row{gap:.14rem;margin-bottom:.22rem;padding-bottom:.22rem}.ux-board.is-compact .ux-search-order-row .ux-search-card,.ux-board.is-compact .ux-search-order-row .ux-search-card.is-ordered{width:40px;max-width:40px;flex:0 0 40px;padding:.04rem;border-radius:5px}.ux-board.is-compact .ux-search-order-num{top:.1rem;left:.1rem;min-width:.95rem;height:.95rem;font-size:.58rem;line-height:.95rem}.ux-board.is-compact .ux-search-card-overlay{gap:.14rem;padding:.1rem}.ux-board.is-compact .ux-search-card-overlay-btn{min-height:24px;min-width:72px;font-size:.58rem;padding:.08rem .28rem}.ux-board.is-compact .battle-modal.is-card-detail{width:min(96vw,560px);max-height:min(86dvh,520px);overflow:hidden}.ux-board.is-compact .ux-choice-cards{gap:.28rem;margin:.2rem 0 .35rem;max-height:min(48dvh,260px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-content:flex-start}.ux-board.is-compact .ux-choice-card,.ux-board.is-compact .ux-choice-card.has-meta{width:clamp(52px,14vw,72px)}.ux-board.is-compact .ux-choice-cards.is-field .ux-choice-card.has-meta{width:clamp(58px,15vw,78px)}.ux-board.is-compact .ux-choice-card-img{width:100%;aspect-ratio:63/88;height:auto;object-fit:cover;border-radius:6px;display:block}.ux-board.is-compact .ux-choice-meta{gap:.12rem}.ux-board.is-compact .ux-choice-chip{font-size:.52rem;padding:.06rem .2rem}.ux-board.is-compact .ux-choice-option-btn{min-height:38px;font-size:.78rem}.ux-board.is-compact .ux-card-detail-split{min-height:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:.4rem;max-height:min(78dvh,460px);overflow:hidden;align-items:stretch}.ux-board.is-compact .ux-card-detail-left{min-width:0}.ux-board.is-compact .ux-card-detail-right{min-width:0;min-height:0}.ux-board.is-compact .ux-card-detail-img{width:min(34vw,160px);max-height:min(58dvh,320px)}.ux-board.is-compact .ux-card-detail-body{max-height:none;overflow-y:auto}.ux-board.is-compact .ux-card-detail-body h3{font-size:.72rem;margin-bottom:.2rem}.ux-board.is-compact .ux-card-detail-body p{font-size:.68rem;line-height:1.35}.ux-board.is-compact .ux-mulligan-hand{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.16rem}.ux-board.is-compact .ux-mulligan-card-btn{border-radius:6px}.ux-board.is-compact .ux-mulligan-card{border-radius:5px}.ux-board.is-compact .ux-mulligan-card-overlay-btn{min-height:26px;min-width:78px;font-size:.62rem;padding:.1rem .38rem}.ux-board.is-compact .ux-mulligan-head h3{font-size:.88rem}.ux-board.is-compact .ux-turn-order-badge{font-size:.68rem;padding:.12rem .42rem}.ux-board.is-compact .ux-replace-banner{bottom:max(.55rem,env(safe-area-inset-bottom));max-width:min(96vw,520px);padding:.55rem .75rem}.ux-board.is-compact .ux-replace-banner p{font-size:.85rem}@media (max-width:900px) and (orientation:landscape){.ux-board.is-compact .ux-shell{grid-template-columns:min(108px,18vw) minmax(0,1fr)}.ux-board.is-compact .ux-playmat{--hand-peek:0.48;--card-w:clamp(44px,min(12.2cqi,13.5cqh),80px);gap:clamp(.16rem,1.2cqh,.34rem)}.ux-board.is-compact .ux-attack-banner.is-hud-center{max-width:min(42vw,420px);font-size:.66rem;padding:.1rem .45rem}}@media (max-height:420px){.ux-board.is-compact .ux-playmat{--hand-peek:0.46;--card-w:clamp(42px,min(11.8cqi,13cqh),74px);gap:clamp(.16rem,1.2cqh,.34rem)}}body.battle-short-vv .ux-board.is-compact .ux-hud{min-height:1.85rem}body.battle-short-vv .ux-board.is-compact .ux-busy,body.battle-short-vv .ux-board.is-compact .ux-phase-pill,body.battle-short-vv .ux-board.is-compact .ux-you{font-size:.62rem;padding:.12rem .32rem}body.battle-short-vv .ux-board.is-compact .ux-bug-btn,body.battle-short-vv .ux-board.is-compact .ux-end,body.battle-short-vv .ux-fullscreen-btn,body.battle-short-vv .ux-hud-more-btn{min-height:32px!important;padding:.18rem .45rem!important;font-size:.7rem!important}body.battle-short-vv .ux-board.is-compact .ux-playmat{--hand-peek:0.44;--hand-scale:1;--card-w:clamp(40px,min(11.5cqi,12.5cqh),70px);gap:clamp(.16rem,1.2cqh,.34rem)}body.battle-short-vv .ux-board.is-compact .ux-side{padding:.04rem .12rem;border-radius:8px}body.battle-short-vv .ux-board.is-compact .ux-side.is-foe{padding-bottom:clamp(.06rem,.65cqh,.16rem)}body.battle-short-vv .ux-board.is-compact .ux-side.is-mine{padding-top:clamp(.06rem,.65cqh,.16rem)}body.battle-short-vv .ux-board.is-compact .ux-shell{grid-template-columns:min(96px,16vw) minmax(0,1fr)}@media ((pointer:coarse) and (orientation:landscape)),(max-height:520px){.battle-board.ux-board{padding-bottom:max(.2rem,env(safe-area-inset-bottom,0px))}.battle-board.ux-board .ux-playmat{--hand-peek:0.5;--hand-scale:1;--card-w:clamp(46px,min(12.8cqi,14cqh),84px);--field-slot:calc(var(--card-h) + 2px);--don-slot:var(--field-slot);gap:clamp(.16rem,1.2cqh,.34rem)}.battle-board.ux-board .ux-side{gap:.1rem;overflow:hidden}.battle-board.ux-board .ux-side.is-foe{justify-content:flex-start;padding-top:.06rem;padding-bottom:clamp(.06rem,.65cqh,.16rem)}.battle-board.ux-board .ux-side.is-mine{justify-content:flex-start;padding-top:clamp(.06rem,.65cqh,.16rem);padding-bottom:0;overflow:hidden}.battle-board.ux-board .ux-field-block{flex:0 0 auto;gap:.1rem;overflow:hidden}.battle-board.ux-board .ux-side.is-foe .ux-field-block{margin-top:auto;justify-content:flex-end}.battle-board.ux-board .ux-side.is-mine .ux-field-block{justify-content:flex-start}.battle-board.ux-board .ux-hand-foe{align-items:flex-end;flex-shrink:0;overflow-x:auto;overflow-y:hidden;min-height:calc(var(--card-h) * var(--hand-peek, .5));height:calc(var(--card-h) * var(--hand-peek, .5))}.battle-board.ux-board .ux-side.is-mine .ux-hand{align-items:flex-start;flex-shrink:0;margin-top:auto;margin-bottom:max(0px,env(safe-area-inset-bottom,0px));overflow-x:auto;overflow-y:hidden;height:calc(var(--card-h) * var(--hand-scale, 1) * var(--hand-peek, .5));min-height:calc(var(--card-h) * var(--hand-scale, 1) * var(--hand-peek, .5));max-height:calc(var(--card-h) * var(--hand-scale, 1) * var(--hand-peek, .5));z-index:8}.battle-board.ux-board .ux-hand-foe .ux-back{transform:rotate(180deg)}.battle-board.ux-board .ux-card .ux-badge.cost{top:max(1px,calc(var(--card-w) * .045));left:max(1px,calc(var(--card-w) * .045));width:max(.68rem,calc(var(--card-w) * .22));height:max(.68rem,calc(var(--card-w) * .22));font-size:max(.4rem,calc(var(--card-w) * .12))}.battle-board.ux-board .ux-card .ux-badge.power{top:max(1px,calc(var(--card-w) * .045));right:max(1px,calc(var(--card-w) * .045));bottom:auto;left:auto;transform:none;font-size:max(.38rem,calc(var(--card-w) * .11));padding:.04rem .12rem}.battle-board.ux-board .ux-hand.is-counter-phase .ux-badge.counter{top:max(.9rem,calc(var(--card-w) * .34))}.battle-board.ux-board .battle-modal-layer{align-items:center;justify-content:center;padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}.battle-board.ux-board .battle-modal{width:min(86vw,340px);max-height:min(78dvh,420px);overflow:auto;-webkit-overflow-scrolling:touch;padding:.45rem .5rem;gap:.28rem}.battle-board.ux-board .battle-modal.is-mulligan,.battle-board.ux-board .battle-modal.is-search-prompt{width:min(92vw,400px);max-height:min(82dvh,460px);overflow:auto;-webkit-overflow-scrolling:touch;padding:.38rem .42rem;gap:.22rem}.battle-board.ux-board .battle-modal.is-mulligan h3,.battle-board.ux-board .battle-modal.is-search-prompt h3{font-size:.74rem;margin:0}.battle-board.ux-board .battle-modal.is-mulligan .muted,.battle-board.ux-board .battle-modal.is-search-prompt .muted{font-size:.58rem;line-height:1.15;margin:0}.battle-board.ux-board .battle-modal.is-choice-cards,.battle-board.ux-board .battle-modal.is-counter-prompt,.battle-board.ux-board .battle-modal.is-decision-prompt{width:min(92vw,360px);max-height:min(78dvh,440px);overflow:auto;-webkit-overflow-scrolling:touch;padding:.4rem .48rem;gap:.25rem}.battle-board.ux-board .battle-modal.is-card-detail{width:min(96vw,560px);max-height:min(86dvh,520px);overflow:hidden}.battle-board.ux-board .ux-choice-cards{max-height:min(48dvh,260px);overflow-y:auto;-webkit-overflow-scrolling:touch;gap:.28rem}.battle-board.ux-board .ux-choice-card,.battle-board.ux-board .ux-choice-card.has-meta{width:clamp(52px,14vw,72px)}.battle-board.ux-board .ux-card-detail-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:.4rem;max-height:min(78dvh,460px);overflow:hidden}.battle-board.ux-board .ux-card-detail-img{width:min(34vw,160px);max-height:min(58dvh,320px)}.battle-board.ux-board .battle-modal .play-actions button{min-height:30px;font-size:.64rem;padding:.16rem .38rem}.battle-board.ux-board .ux-search-reveal{grid-template-columns:repeat(5,minmax(0,1fr));gap:.14rem}.battle-board.ux-board .ux-search-reveal .ux-search-card{width:100%;max-width:none;padding:.06rem;border-radius:6px}.battle-board.ux-board .ux-search-order-row{gap:.14rem;margin-bottom:.22rem;padding-bottom:.22rem}.battle-board.ux-board .ux-search-order-row .ux-search-card,.battle-board.ux-board .ux-search-order-row .ux-search-card.is-ordered{width:40px;max-width:40px;flex:0 0 40px;padding:.04rem;border-radius:5px}.battle-board.ux-board .ux-search-card-overlay-btn{min-height:24px;min-width:72px;font-size:.58rem;padding:.08rem .28rem}.battle-board.ux-board .ux-mulligan-hand{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.16rem}.battle-board.ux-board .ux-mulligan-card-overlay-btn{min-height:26px;min-width:78px;font-size:.62rem;padding:.1rem .38rem}.battle-board.ux-board .ux-chars.has-pass-decision .ux-pass-decision{--chars-content:calc(5 * var(--field-slot) + 0.56rem);left:max(.2rem,calc((100% - var(--chars-content)) / 5));transform:translateY(-50%);width:min(3.4rem,14vw)}.battle-board.ux-board .ux-pass-decision-btn{min-height:2.1rem;font-size:.66rem;padding:.28rem .32rem}}@media (max-width:900px) and (orientation:portrait){.battle-portrait-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;z-index:100;background:#0b1220;padding:1.5rem;text-align:center;font-size:1.15rem;font-weight:700;pointer-events:auto}.battle-modal,.battle-modal-layer,.battle-winner,.ux-hud,.ux-mobile-roster,.ux-shell{visibility:hidden;pointer-events:none}}@media (max-width:900px){.filter-chip{font-size:.68rem}}