: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;color:inherit;text-decoration:none}.top-bar .brand:hover{color:#fff}.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)}.user-menu-logout{color:#fecaca!important}.user-menu-logout:hover{background:rgba(248,113,113,.16)!important}.topbar-bug-btn{color:#fbbf24!important;border-color:rgba(251,191,36,.35)!important}.topbar-bug-backdrop{z-index:80}.topbar-bug-modal{width:min(420px,100%)}.topbar-bug-textarea{min-height:8rem}.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(8,1fr);grid-gap:1px;gap:1px;padding:6px 2px;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:.52rem;font-weight:700;text-align:center;padding:.28rem .06rem .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,.page-seo-intro{margin:0 0 .85rem;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 h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.home-seo-intro p,.page-seo-intro p{margin:0 0 .45rem;color:var(--text-muted);font-size:.88rem;line-height:1.55}.home-seo-intro p:last-child,.page-seo-intro p:last-child{margin-bottom:0}.page-seo-intro .page-title{margin-bottom:.4rem}.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}.seo-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events: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}form.community-search,form.search-row,form.tournaments-toolbar{margin:0}.search-row input{flex:1 1}.search-submit-btn{flex:0 0 auto;min-width:3.4rem;padding:0 .75rem;font-size:.88rem;font-weight:700;white-space:nowrap}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.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-charts{display:flex;gap:.7rem;min-width:0;align-items:stretch}.deck-structure-charts .deck-structure-block{min-width:0;flex-grow:var(--curve-share,1);flex-shrink:1;flex-basis:0}.deck-structure-charts .deck-structure-block:not(:last-child){padding-right:.55rem;border-right:1px solid rgba(148,163,184,.18)}.deck-structure-charts .deck-curve-bar{max-width:22px}.deck-structure-charts .deck-curve-k{font-size:.58rem}.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-bar.is-power{background:linear-gradient(180deg,#fbbf24,#d97706)}.deck-curve-bar.is-counter{background:linear-gradient(180deg,#34d399,#059669)}.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}.tournaments-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.tournaments-search{flex:1 1;min-width:min(100%,180px);min-height:34px;padding:.25rem .55rem;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-size:.82rem;width:100%}.tournaments-filter-wrap{margin-top:.15rem}.tournaments-panel-search{display:block;width:100%;margin:0 0 .45rem;min-height:32px;padding:.25rem .5rem;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text);font-size:.78rem}.tournament-table-wrap{width:100%;overflow-x:auto;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(15,23,42,.45)}.tournament-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.82rem;line-height:1.3}.tournament-table td,.tournament-table th{padding:.45rem .55rem;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(148,163,184,.14);white-space:nowrap}.tournament-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;font-weight:600;font-size:.75rem;letter-spacing:.02em;color:#94a3b8;background:#0f172a}.tournament-row{cursor:pointer}.tournament-row:hover{background:rgba(59,130,246,.08)}.tournament-col-like{width:4.2rem;text-align:center!important}.tournament-like-btn{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:0!important;min-width:3.2rem;padding:.22rem .45rem!important;border-radius:999px!important;border:1px solid rgba(148,163,184,.35)!important;background:rgba(15,23,42,.65)!important;color:#cbd5e1!important;font-size:.78rem!important;font-weight:650;line-height:1;box-shadow:none!important}.tournament-like-btn:hover{border-color:rgba(248,113,113,.55)!important;color:#fecaca!important}.tournament-like-btn.is-liked{border-color:rgba(248,113,113,.65)!important;background:rgba(127,29,29,.35)!important;color:#fda4af!important}.tournament-col-leader{white-space:normal;min-width:9.5rem}.tournament-leader-cell{display:inline-flex;align-items:center;gap:.5rem;max-width:14rem}.tournament-leader-art{flex:0 0 36px;width:36px;aspect-ratio:5/7;border-radius:4px;overflow:hidden;background:#0b1220}.tournament-leader-name{font-weight:600;white-space:normal;line-height:1.25}.tournaments-attr{font-size:.78rem}.tournament-details-modal{width:min(1100px,100%)}.tournament-details-body{display:flex;align-items:flex-start;gap:.45rem;min-height:0;flex:1 1 auto}.tournament-details-modal .deck-details-preview{flex:1 1 auto;width:100%;max-height:calc(96dvh - 4.25rem);max-width:min(100%,calc((96dvh - 4.25rem) * 1080 / 1350));margin-inline:0}.tournament-details-title-wrap{min-width:0;flex:1 1}.tournament-details-title-wrap h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-preview{position:relative}.tournament-preview-fallback{position:absolute;inset:0;overflow:auto;padding:.45rem;display:flex;flex-direction:column;gap:.45rem;background:#020617}.tournament-preview-leader{width:min(42%,160px);margin:0 auto}.tournament-preview-leader img{position:static;width:100%;height:auto;display:block;border-radius:8px}.tournament-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:.35rem;gap:.35rem}.tournament-preview-tile{position:relative;border-radius:6px;overflow:hidden;background:#0f172a}.tournament-preview-tile img{position:static;width:100%;height:auto;display:block}.tournament-preview-tile span{position:absolute;right:2px;bottom:2px;padding:0 4px;border-radius:4px;background:rgba(2,6,23,.82);color:#fbbf24;font-size:.65rem;font-weight:700}.tournament-preview-fallback-note{margin:0;font-size:.75rem;text-align:center}.tournament-details-actions{display:flex;flex-direction:column;flex:0 0 auto;align-items:stretch;gap:.3rem;width:4.85rem;padding-top:.05rem}.tournament-action-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;width:100%;min-width:0;min-height:0!important;height:auto;padding:.28rem!important;border-radius:6px!important;font-size:.66rem!important;font-weight:650;line-height:1.2;text-decoration:none;text-align:center;white-space:normal;box-shadow:none!important;cursor:pointer;border:none}.tournament-action-btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:1px solid rgba(147,197,253,.35)}.tournament-action-btn-secondary{background:#334155;color:#f1f5f9;border:1px solid rgba(148,163,184,.42)}.tournament-action-btn:disabled{opacity:.55;cursor:not-allowed}.tournament-action-msg{margin:0;font-size:.8rem}@media (max-width:640px){.tournament-details-modal{width:min(100%,100vw - .5rem)}.tournament-details-body{flex-direction:column}.tournament-details-actions{flex-direction:row;flex-wrap:wrap;width:100%}.tournament-action-btn{flex:1 1 auto;width:auto;font-size:.7rem!important;padding:.3rem .4rem!important}.tournament-details-modal .deck-details-preview{width:100%;min-width:0;min-height:min(52dvh,420px);max-height:calc(96dvh - 10rem);max-width:min(100%,calc((96dvh - 10rem) * 1080 / 1350));margin-inline:auto}}.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}.card-detail-extras{display:flex;flex-direction:column;gap:1rem;margin-top:1.1rem}.card-detail-extras.is-under-thumbs{margin-top:.85rem}.detail-img .card-detail-extras.is-under-thumbs .card-detail-section{background:rgba(2,6,23,.35)}.detail-img .card-comment-list{max-height:min(42vh,420px);overflow-y:auto;padding-right:.15rem}.card-detail-section{padding:.85rem;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(15,23,42,.45)}.card-detail-section-head h3{margin:0 0 .2rem;font-size:1rem}.card-detail-section-head p{margin:0;font-size:.82rem}.card-tourney-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.7rem}.card-tourney-row{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;grid-gap:.55rem;gap:.55rem;align-items:center;padding:.45rem .55rem;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.35);color:inherit;text-decoration:none}.card-tourney-row:hover{border-color:rgba(96,165,250,.45);background:rgba(30,58,138,.22)}.card-tourney-art{width:2.4rem;height:3.2rem;overflow:hidden;border-radius:5px;background:#020617}.card-tourney-art img{width:100%;height:100%;object-fit:cover;display:block}.card-tourney-main{min-width:0;display:flex;flex-direction:column;gap:.15rem}.card-tourney-main strong{font-size:.88rem}.card-tourney-main .muted,.card-tourney-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tourney-main .muted{font-size:.74rem}.card-tourney-qty{font-size:.78rem;font-weight:700;color:#93c5fd}.card-detail-more{margin:.55rem 0 0;font-size:.82rem}.card-comment-compose{margin-top:.7rem;display:flex;flex-direction:column;gap:.45rem}.card-comment-compose textarea,.card-comment-report textarea{width:100%;resize:vertical;min-height:4.5rem;padding:.55rem .65rem;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#020617;color:var(--text);font:inherit}.card-comment-compose-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem}.card-comment-anon{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.card-comment-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.65rem}.card-comment-item{padding:.65rem .7rem;border-radius:10px;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.28)}.card-comment-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;margin-bottom:.35rem;font-size:.82rem}.card-comment-body{margin:0;white-space:pre-wrap;line-height:1.45;font-size:.9rem}.card-comment-actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.card-comment-actions .ghost{min-height:0!important;padding:.2rem .45rem!important;font-size:.78rem!important}.card-comment-like.is-liked{color:#fda4af!important}.card-comment-report{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.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(540px,100%);height:auto;max-height:min(96dvh,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;width:100%;min-width:0;aspect-ratio:1080/1350;max-height:calc(96dvh - 7.5rem);max-width:min(100%,calc((96dvh - 7.5rem) * 1080 / 1350));margin-inline:auto;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-structure-charts{flex-direction:column}.deck-structure-charts .deck-structure-block{flex:none;width:100%}.deck-structure-charts .deck-structure-block:not(:last-child){padding-right:0;padding-bottom:.55rem;border-right:none;border-bottom:1px solid rgba(148,163,184,.18)}.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.cover-active .bottom-nav,body.cover-active .footer-note,body.cover-active .sponsor{display:none}body.cover-active .app-shell{padding-bottom:0}body.cover-active .main{max-width:none;padding:0;flex:1 1;display:flex;flex-direction:column;min-height:0}.cover{position:relative;flex:1 1;min-height:calc(100dvh - var(--nav-h));display:flex;overflow:hidden;isolation:isolate}.cover-bg{z-index:0;pointer-events:none}.cover-bg,.cover-bg-wash{position:absolute;inset:0}.cover-bg-wash{background:linear-gradient(165deg,#070b16,#0f172a 42%,#0a1222)}.cover-bg-table{position:absolute;left:50%;top:42%;width:min(120vw,980px);height:min(70vw,560px);transform:translate(-50%,-42%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(37,99,235,.28) 0,rgba(15,23,42,.15) 42%,transparent 70%);box-shadow:inset 0 0 80px rgba(8,12,24,.55);animation:cover-breathe 10s ease-in-out infinite alternate}.cover-bg-beam{position:absolute;inset:-20% -10%;background:linear-gradient(118deg,transparent 28%,rgba(56,189,248,.06) 46%,rgba(37,99,235,.1) 52%,transparent 68%);animation:cover-beam 16s ease-in-out infinite alternate}.cover-bg-dots{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(rgba(148,163,184,.55) .7px,transparent .8px),repeating-linear-gradient(-18deg,transparent,transparent 11px,rgba(148,163,184,.04) 0,rgba(148,163,184,.04) 12px);background-size:18px 18px,auto;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000 10%,transparent 78%);mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000 10%,transparent 78%)}.cover-bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 40%,transparent 30%,rgba(2,6,16,.72) 100%),linear-gradient(180deg,rgba(2,6,16,.25),transparent 28%,rgba(2,6,16,.75))}.cover-stage{position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:880px;margin:0 auto;padding:clamp(1rem,3vh,2rem) clamp(1.1rem,4vw,2.25rem) max(1rem,env(safe-area-inset-bottom,0px) + .85rem)}.cover-content{max-width:34rem;opacity:1;animation:cover-rise .9s cubic-bezier(.22,1,.36,1) forwards}.cover-kicker{margin:0 0 .45rem;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-cover),"Syne","Segoe UI",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#93c5fd}.cover-kicker:before{content:"";width:1.25rem;height:1px;background:linear-gradient(90deg,transparent,#60a5fa)}.cover-brand{margin:0 0 .35rem;font-family:var(--font-cover),"Syne","Segoe UI","PingFang SC","Noto Sans SC",sans-serif;font-size:clamp(2.1rem,6.5vw,3.6rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;color:#f8fafc;text-wrap:balance;text-shadow:0 12px 40px rgba(2,6,16,.45)}.cover-host{margin:0 0 .55rem;font-size:clamp(.85rem,2vw,.95rem);font-weight:650;letter-spacing:.02em;color:#93c5fd}.cover-tagline{margin:0 0 1.1rem;max-width:28rem;font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.45;color:#cbd5e1}.cover-ctas{display:flex;flex-wrap:wrap;gap:.55rem}.cover-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem 1.1rem;border-radius:999px;font-weight:750;font-size:.9rem;text-decoration:none;transition:transform .12s ease,filter .15s ease,background-color .15s ease,border-color .15s ease}.cover-cta:active{transform:translateY(1px) scale(.98)}.cover-cta-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:1px solid rgba(147,197,253,.4);box-shadow:0 10px 28px rgba(37,99,235,.28)}.cover-cta-primary:hover{filter:brightness(1.06)}.cover-cta-secondary{background:rgba(15,23,42,.35);color:#e2e8f0;border:1px solid rgba(148,163,184,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cover-cta-secondary:hover{background:rgba(30,41,59,.65);border-color:rgba(148,163,184,.7)}.cover-unofficial{margin:.75rem 0 0;font-size:.74rem;color:#94a3b8}.cover-unofficial a{color:#93c5fd;text-decoration:underline;text-underline-offset:3px}@keyframes cover-breathe{0%{opacity:.85;transform:translate(-50%,-42%) scale(1)}to{opacity:1;transform:translate(-50%,-44%) scale(1.04)}}@keyframes cover-beam{0%{opacity:.55;transform:translateX(-1.5%)}to{opacity:.95;transform:translateX(1.5%)}}@keyframes cover-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cover-bg-beam,.cover-bg-table,.cover-content{animation:none;opacity:1;transform:none}}.legal-doc{max-width:720px}.legal-crumb{font-size:.85rem;color:var(--text-muted)}.legal-crumb a{color:#93c5fd;text-decoration:underline;text-underline-offset:2px}.legal-updated{margin-top:-.35rem}.legal-para{line-height:1.65;color:#e2e8f0}.legal-links{margin-top:.5rem;font-size:.9rem}.footer-note a,.legal-links a{color:#93c5fd;text-decoration:underline;text-underline-offset:2px}.footer-unofficial{font-weight:700}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:720px;margin:0 auto;gap:.85rem;padding:.9rem 1.1rem 1.6rem}.play-lobby,.play-lobby-titles{display:flex;flex-direction:column}.play-lobby-titles{gap:.28rem;min-width:0}.play-lobby-sub{margin:0;max-width:36rem;line-height:1.45}.play-mode-grid{display:grid;grid-template-columns:1fr;grid-gap:.7rem;gap:.7rem}@media (min-width:640px){.play-mode-grid{grid-template-columns:1fr 1fr}.play-mode-card.is-featured{grid-column:1/-1}}.play-matching-wait{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650;margin:.35rem 0 .75rem}.ux-match-over-note{margin:.35rem 0 .75rem;line-height:1.45;max-width:28rem}.play-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.32rem;text-align:left;min-height:108px;padding:1rem 1.05rem;border-radius:12px;border:1px solid var(--border);background:linear-gradient(160deg,#1a2333,#111827)}.play-mode-card strong{font-size:1.12rem;font-weight:750}.play-mode-card .muted{line-height:1.4}.play-mode-kicker{font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.play-mode-card.is-featured{min-height:118px;padding:1.15rem 1.2rem;border-color:rgba(96,165,250,.5);background:linear-gradient(155deg,#1e3a5f,#122033 58%,#111827)}.play-mode-card.is-featured strong{font-size:1.28rem}.play-mode-card.is-ranked{border-color:rgba(251,191,36,.55);background:linear-gradient(155deg,#3d2e12,#1a2333 58%,#111827)}.play-mode-card.is-ranked .play-mode-kicker{color:#fcd34d}.play-lobby-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:-.15rem 0 .65rem}.play-rank-summary{margin:0 0 .5rem;font-weight:650}.play-rank-page .play-rank-elite-grid{display:grid;grid-gap:.85rem;gap:.85rem;margin:1rem 0 1.25rem}@media (min-width:720px){.play-rank-page .play-rank-elite-grid{grid-template-columns:repeat(3,1fr)}}.play-rank-list{list-style:none;padding:0;margin:.35rem 0 0;display:flex;flex-direction:column;gap:.35rem}.play-rank-board .play-rank-pos{display:inline-block;min-width:1.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.play-rank-elite-block{border-radius:12px;border:1px solid var(--border);background:rgba(17,24,39,.72);padding:.85rem .95rem}.play-rank-elite-block h3{margin:0 0 .55rem;font-size:1rem;font-weight:750}.play-rank-elite-block.is-king{border-color:rgba(251,191,36,.55);background:linear-gradient(155deg,rgba(120,53,15,.42),rgba(17,24,39,.92) 70%);box-shadow:0 0 24px rgba(251,191,36,.12)}.play-rank-elite-block.is-king h3{color:#fde68a;text-shadow:0 0 12px rgba(251,191,36,.35)}.play-rank-elite-block.is-emperor{border-color:rgba(168,85,247,.5);background:linear-gradient(155deg,rgba(88,28,135,.38),rgba(17,24,39,.92) 70%);box-shadow:0 0 22px rgba(168,85,247,.1)}.play-rank-elite-block.is-emperor h3{color:#e9d5ff}.play-rank-elite-block.is-warlord{border-color:rgba(34,211,238,.45);background:linear-gradient(155deg,rgba(14,116,144,.35),rgba(17,24,39,.92) 70%);box-shadow:0 0 20px rgba(34,211,238,.08)}.play-rank-elite-block.is-warlord h3{color:#a5f3fc}.play-rank-me{border-radius:12px;border:1px solid var(--border);background:rgba(17,24,39,.72);padding:.9rem 1rem;margin-bottom:.25rem}.play-rank-me.rank-elite-king{border-color:rgba(251,191,36,.55);box-shadow:inset 0 0 0 1px rgba(251,191,36,.15),0 0 28px rgba(251,191,36,.1)}.play-rank-me.rank-elite-emperor{border-color:rgba(168,85,247,.5);box-shadow:inset 0 0 0 1px rgba(168,85,247,.12),0 0 24px rgba(168,85,247,.08)}.play-rank-me.rank-elite-warlord{border-color:rgba(34,211,238,.45);box-shadow:inset 0 0 0 1px rgba(34,211,238,.12),0 0 22px rgba(34,211,238,.07)}.play-rank-me-line{margin:.15rem 0 .35rem}.play-rank-me-score{font-weight:650}.play-rank-summary.rank-elite-emperor,.play-rank-summary.rank-elite-king,.play-rank-summary.rank-elite-warlord{padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border)}.play-rank-summary.rank-elite-king{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.08)}.play-rank-summary.rank-elite-emperor{border-color:rgba(168,85,247,.4);background:rgba(168,85,247,.08)}.play-rank-summary.rank-elite-warlord{border-color:rgba(34,211,238,.38);background:rgba(34,211,238,.07)}.rank-elite-name{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%}.rank-elite-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.12rem .42rem;border-radius:999px;line-height:1.2;white-space:nowrap}.rank-elite-name-text{font-weight:800}.rank-elite-name.is-sm .rank-elite-name-text{font-size:.95rem}.rank-elite-name.is-md .rank-elite-name-text{font-size:1rem}.rank-elite-name.is-lg .rank-elite-name-text{font-size:1.08rem}.rank-elite-king .rank-elite-tag{color:#78350f;background:linear-gradient(90deg,#fde68a,#fbbf24);box-shadow:0 0 10px rgba(251,191,36,.35)}.rank-elite-king .rank-elite-name-text{color:#fde68a;text-shadow:0 0 10px rgba(251,191,36,.35)}.rank-elite-emperor .rank-elite-tag{color:#faf5ff;background:linear-gradient(90deg,#c084fc,#9333ea);box-shadow:0 0 10px rgba(168,85,247,.3)}.rank-elite-emperor .rank-elite-name-text{color:#e9d5ff;text-shadow:0 0 10px rgba(168,85,247,.28)}.rank-elite-warlord .rank-elite-tag{color:#083344;background:linear-gradient(90deg,#67e8f9,#0891b2);box-shadow:0 0 10px rgba(34,211,238,.28)}.rank-elite-warlord .rank-elite-name-text{color:#a5f3fc;text-shadow:0 0 10px rgba(34,211,238,.22)}.rank-elite-tier{display:inline-block;padding:.18rem .55rem;border-radius:8px;border:1px solid transparent;font-weight:800}.rank-elite-tier.rank-elite-king{color:#fde68a;border-color:rgba(251,191,36,.55);background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(180,83,9,.12));box-shadow:0 0 14px rgba(251,191,36,.15)}.rank-elite-tier.rank-elite-emperor{color:#e9d5ff;border-color:rgba(168,85,247,.5);background:linear-gradient(135deg,rgba(168,85,247,.16),rgba(88,28,135,.12))}.rank-elite-tier.rank-elite-warlord{color:#a5f3fc;border-color:rgba(34,211,238,.45);background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(14,116,144,.1))}.play-rank-board li.is-elite{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .35rem;padding:.45rem .55rem;border-radius:10px;border:1px solid transparent}.play-rank-board li.is-elite.rank-elite-king{border-color:rgba(251,191,36,.35);background:linear-gradient(90deg,rgba(251,191,36,.1),transparent 85%)}.play-rank-board li.is-elite.rank-elite-emperor{border-color:rgba(168,85,247,.32);background:linear-gradient(90deg,rgba(168,85,247,.1),transparent 85%)}.play-rank-board li.is-elite.rank-elite-warlord{border-color:rgba(34,211,238,.28);background:linear-gradient(90deg,rgba(34,211,238,.08),transparent 85%)}.play-rank-board-meta{flex:1 1 auto;min-width:0}.rank-elite-rating{margin-left:.15rem}.play-mode-card.is-quiet{min-height:108px;background:rgba(15,23,42,.55);border-color:rgba(71,85,105,.45)}.play-mode-card-link{cursor:pointer}.play-panel{gap:.75rem}.play-panel,.play-setup-card{display:flex;flex-direction:column}.play-setup-card{border-radius:12px;border:1px solid var(--border);background:rgba(17,24,39,.72);overflow:hidden}.play-setup-block{display:flex;flex-direction:column;gap:.65rem;padding:.9rem 1rem}.play-setup-block+.play-setup-block{border-top:1px solid rgba(148,163,184,.18)}.play-setup-block-title{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.play-setup-note{margin:0;padding:0 1rem .75rem;font-size:.85rem;line-height:1.45}.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;width:100%}.play-field>span{font-size:.84rem;font-weight:600;color:var(--text-muted)}.play-field input,.play-field select,.play-field textarea{min-height:42px;border-radius:8px;border:1px solid var(--border);background:#111827;padding:.4rem .65rem;color:inherit;font:inherit}.play-field textarea{min-height:6rem;resize:vertical;line-height:1.4}.play-import{display:flex;flex-direction:column;gap:.45rem;margin:0;width:100%}.play-import-toggle{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;padding:.45rem .65rem;border-radius:10px;border:1px solid rgba(71,85,105,.45);background:rgba(15,23,42,.35);text-align:left;cursor:pointer;list-style:none}.play-import-toggle::-webkit-details-marker{display:none}.play-import-details:not([open]) .when-open,.play-import-details[open] .when-closed{display:none}.play-import-body{display:flex;flex-direction:column;gap:.45rem;margin-top:.45rem}.play-import-toggle-hint{font-size:.82rem;opacity:.75}.play-import-applied{margin:0;padding-left:.15rem}.play-actions{display:flex;flex-wrap:wrap;gap:.55rem}.play-actions-primary{width:100%}.play-actions-primary>button{width:100%;min-height:48px;font-size:1rem}.play-setup-card .play-actions-stack{padding:0 1rem 1rem;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-hotseat-handoff{margin:.35rem auto 0;max-width:36rem;text-align:center;font-size:.82rem;font-weight:700;color:#fde68a;background:rgba(120,53,15,.55);border:1px solid rgba(251,191,36,.45);border-radius:8px;padding:.35rem .7rem;animation:ux-hotseat-pulse 1.1s ease-in-out 2}@keyframes ux-hotseat-pulse{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,0)}40%{box-shadow:0 0 0 4px rgba(251,191,36,.35)}}.ux-decision-chrome-btn.is-secondary{opacity:.92;font-weight:600}.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-log-card-wrap{position:relative;display:inline}.ux-log-card{display:inline;margin:0;padding:0;border:0;background:transparent;color:#93c5fd;font:inherit;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:rgba(147,197,253,.45);text-decoration-color:rgba(147,197,253,.45);text-underline-offset:2px;cursor:pointer;min-height:0;min-width:0}.ux-log-card-wrap.is-open .ux-log-card,.ux-log-card:hover{color:#bfdbfe;-webkit-text-decoration-color:rgba(191,219,254,.8);text-decoration-color:rgba(191,219,254,.8)}.ux-log-card-preview{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);z-index:80;width:96px;padding:.35rem;border-radius:10px;background:rgba(2,6,23,.96);border:1px solid rgba(96,165,250,.45);box-shadow:0 10px 28px rgba(0,0,0,.55);pointer-events:none}.ux-log-card-preview.is-portal{position:fixed;left:0;top:0;transform:none;z-index:10050;width:112px;pointer-events:none}.ux-log-card-preview-img{display:block;width:100%;height:auto;border-radius:6px}.ux-log-card-preview-meta{display:block;margin-top:.25rem;font-size:.62rem;color:#94a3b8;text-align:center;word-break:break-all}.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:clamp(.5rem,1.6cqh,.85rem);gap:clamp(.5rem,1.6cqh,.85rem);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-name .rank-elite-name{display:inline-flex;max-width:100%;min-width:0}.ux-roster-name .rank-elite-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-match-over-winner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.15rem;margin: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;padding:.15rem 0;width:100%;min-height:var(--field-slot);flex:0 0 auto}.ux-chars,.ux-row-2{overflow-x:auto;overflow-y:visible;align-items:center;position:relative}.ux-chars{container-type:inline-size;--char-gap:0.55rem;--char-unit:min(var(--field-slot),calc((100cqi - 4 * var(--char-gap)) / 5));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--char-gap);gap:var(--char-gap);justify-items:center;flex:1 1;min-width:0;min-height:var(--char-unit);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ux-chars.has-pass-decision .ux-pass-decision{--chars-content:calc(5 * var(--char-unit, var(--field-slot)) + 4 * var(--char-gap, 0.55rem));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-foe .ux-row-1{margin-bottom:clamp(.1rem,.75cqh,.32rem)}.ux-side.is-mine .ux-row-1{margin-top:clamp(.1rem,.75cqh,.32rem)}.ux-side.is-mine .ux-hand{margin-top:0;flex:0 0 auto}.ux-char{position:relative;z-index:1;width:100%;max-width:var(--char-unit);aspect-ratio:1/1;max-height:var(--char-unit);display:grid;place-items:center;overflow:visible}.ux-char:focus-within,.ux-char:hover{z-index:6}.ux-char .ux-card.size-lg,.ux-char .ux-card.size-md{width:min(var(--card-w),calc(var(--char-unit) * 63 / 88));height:min(var(--card-h),var(--char-unit))}.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:12}.ux-life-stack .ux-life-wrap:nth-child(2){z-index:11}.ux-life-stack .ux-life-wrap:nth-child(3){z-index:10}.ux-life-stack .ux-life-wrap:nth-child(4){z-index:9}.ux-life-stack .ux-life-wrap:nth-child(5){z-index:8}.ux-life-stack .ux-life-wrap:nth-child(6){z-index:7}.ux-life-stack .ux-life-wrap:nth-child(7){z-index:6}.ux-life-stack .ux-life-wrap:nth-child(8){z-index:5}.ux-life-stack .ux-life-wrap:nth-child(9){z-index:4}.ux-life-stack .ux-life-wrap:nth-child(10){z-index:3}.ux-life-stack .ux-life-wrap:nth-child(n+11){z-index:2}.ux-life-wrap{width:var(--card-h);height:var(--card-w);display:grid;place-items:center;flex:0 0 auto}.ux-life-wrap.is-face-up{z-index:30!important}.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-card.is-face-up{border-color:rgba(250,204,21,.85);box-shadow:0 0 0 1px rgba(250,204,21,.35),0 2px 8px rgba(0,0,0,.4)}.ux-search-card.is-picked{outline:2px solid rgba(56,189,248,.95);outline-offset:2px;box-shadow:0 0 0 3px rgba(14,165,233,.25)}.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-don-attached{position:absolute;left:50%;top:50%;--don-attach-w:var(--card-w);transform:translate(calc(-50% - var(--don-attach-w) * .45),-50%);z-index:0;pointer-events:none;display:flex;flex-direction:row;align-items:flex-end;gap:.18rem}.ux-char .ux-don-attached{--don-attach-w:min(var(--card-w),calc(var(--char-unit, var(--field-slot)) * 63 / 88))}.ux-card-stack .ux-card,.ux-char .ux-card{position:relative;z-index:2}.ux-don-attached .ux-don-on{position:relative;right:auto;bottom:auto;flex:0 0 auto;margin:0 0 .12rem;z-index:3;font-size:.72rem;font-weight:800;line-height:1;padding:.12rem .34rem;border-radius:999px;background:#eab308;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.45)}.ux-board.is-compact .ux-field-block,.ux-board.is-compact .ux-row-1,.ux-board.is-compact .ux-row-2,.ux-board.is-compact .ux-side.is-foe .ux-field-block,.ux-board.is-compact .ux-side.is-mine .ux-field-block,.ux-char,.ux-zone.is-field .ux-card-stack{overflow:visible}.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-direction:column;flex-wrap:nowrap;gap:2px;align-items:stretch;justify-content:flex-end;pointer-events:none}.ux-status-tag{max-width:none;width:100%;box-sizing:border-box;padding:.14rem .28rem;border-radius:4px;font-size:.68rem;font-weight:800;line-height:1.2;letter-spacing:.01em;text-align:center;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:visible;text-overflow:clip;border:1px solid rgba(255,255,255,.28)}.ux-card.size-lg .ux-status-tag{font-size:.74rem;padding:.16rem .32rem}.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_be_ko{background:#a16207}.ux-status-tag.is-taunt{background:#b45309}.ux-status-tag.is-more{background:rgba(15,23,42,.85)}.ux-status-tag.is-cannot_attack,.ux-status-tag.is-restriction.is-cannot_attack{background:#b91c1c}.ux-status-tag.is-cannot_rest,.ux-status-tag.is-restriction.is-cannot_rest{background:#c2410c}.ux-status-tag.is-restriction.is-summoning_sick,.ux-status-tag.is-summoning_sick{background:#57534e}.ux-status-tag.is-effects_negated,.ux-status-tag.is-restriction.is-effects_negated{background:#be123c}.ux-card.has-restriction .ux-card-img{filter:brightness(.88) saturate(.9)}.ux-card.has-restriction-cannot_attack{border-color:rgba(248,113,113,.85);box-shadow:0 0 0 2px rgba(220,38,38,.35),0 3px 10px rgba(0,0,0,.35)}.ux-card.has-restriction-cannot_rest{border-color:rgba(251,146,60,.9)}.ux-card.has-restriction-effects_negated{border-color:rgba(251,113,133,.9)}.ux-card.has-restriction-cannot_attack:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(-32deg,transparent 0 10px,rgba(127,29,29,.16) 10px 12px)}.ux-board.is-compact .ux-status-tag{font-size:.62rem;padding:.12rem .24rem}.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{--char-gap:0.4rem}.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:visible;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{--char-gap:0.28rem}.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) + 1.12rem);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) + 1.12rem);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}}.play-history-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.65rem}.play-history-item{margin:0}.play-history-link{display:flex;gap:.85rem;align-items:center;padding:.75rem .85rem;border-radius:10px;border:1px solid var(--border,rgba(255,255,255,.12));text-decoration:none;color:inherit;background:rgba(0,0,0,.15)}.play-history-link:hover{border-color:rgba(255,255,255,.28)}.play-history-leaders{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.play-history-leader-img{width:44px;height:62px;object-fit:cover;border-radius:4px}.play-history-vs{font-size:.72rem;opacity:.65}.play-history-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.play-lobby-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.play-history-link-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:2.2rem;padding:.4rem .75rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);text-decoration:none;font-weight:650;font-size:.88rem}.play-history-link-btn:hover{border-color:rgba(148,163,184,.7);background:rgba(148,163,184,.08)}.play-history-link-btn:active{transform:translateY(1px)}@media (max-width:760px){.play-lobby-head{align-items:flex-start}}.play-back-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.4rem .8rem;border-radius:9px;border:1px solid rgba(148,163,184,.45);background:rgba(51,65,85,.55);color:#e5edf6;text-decoration:none;font-weight:650;line-height:1}.play-back-link-btn:hover{border-color:rgba(148,163,184,.7);background:rgba(71,85,105,.62)}.play-back-link-btn:active{transform:translateY(1px)}.replay-shell{display:flex;flex-direction:column;min-height:100dvh}.replay-topbar{display:flex;align-items:center;gap:.65rem;position:fixed;top:0;left:0;right:0;z-index:320;padding:.45rem .65rem;background:rgba(12,14,20,.96);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.replay-topbar-title{font-weight:600}.replay-winner-badge{margin-left:auto;font-size:.85rem;color:#4ade80}.replay-controls{position:static;z-index:auto;width:100%;max-height:calc((var(--battle-vvh, 100dvh) * .5) - .2rem);box-sizing:border-box;padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom, 0px));background:rgba(2,6,23,.94);border:1px solid rgba(71,85,105,.5);border-radius:10px;display:flex;flex-direction:column;align-items:stretch;gap:.3rem;overflow:auto}.replay-controls-nav{display:flex;align-items:center;justify-content:space-between;gap:.2rem}.replay-controls-nav button{min-width:1.8rem;padding:.2rem .35rem;font-size:.72rem;white-space:nowrap}.replay-frame-label{font-size:.7rem;opacity:.75;white-space:nowrap}.replay-scrubber{width:100%}.replay-perspective{display:flex;align-items:center;justify-content:space-between;gap:.25rem;font-size:.68rem}.replay-perspective-select{width:100%;font-size:.68rem;padding:.16rem .26rem}.ux-replay-controls-slot{flex:1 1 50%}.ux-chat-slot,.ux-replay-controls-slot{min-height:0;display:flex;align-items:stretch}.ux-chat-slot{flex:1.35 1 58%}.ux-replay-log-slot{flex:1 1 50%;min-height:0;display:flex;flex-direction:column}.ux-log.is-chat-split .ux-replay-log-slot{flex:0.85 1 42%}.ux-log.is-chat-split,.ux-log.is-replay-split{gap:.35rem}.ux-log.is-chat-split .ux-log-list,.ux-log.is-replay-split .ux-log-list{flex:1 1;min-height:0}.ux-chat,.ux-chat-list{min-height:0;flex:1 1;display:flex;flex-direction:column;gap:.28rem}.ux-chat-list{overflow:auto}.ux-chat-line{font-size:.7rem;line-height:1.35;color:#cbd5e1}.ux-chat-line.is-mine .ux-chat-name{color:#93c5fd}.ux-chat-name{display:block;font-weight:700;font-size:.64rem;color:#94a3b8}.ux-chat-text{word-break:break-word}.ux-chat-form{display:flex;gap:.28rem;align-items:stretch;flex-shrink:0}.ux-chat-input{flex:1 1;min-width:0;min-height:1.7rem;border-radius:6px;border:1px solid rgba(71,85,105,.7);background:rgba(15,23,42,.85);padding:.18rem .4rem;font-size:.7rem}.ux-chat-send{min-height:1.7rem!important;padding:0 .45rem!important;font-size:.68rem!important}.ux-chat-readonly{margin:0;font-size:.62rem}.ux-board.is-compact .ux-chat-input,.ux-board.is-compact .ux-chat-line,.ux-board.is-compact .ux-chat-send{font-size:.6rem}.ux-replay-controls-slot .replay-controls{max-height:none}.ux-hand.is-replay-foe .ux-card.size-hand{pointer-events:none;opacity:.95;transform:rotate(180deg)!important;transform-origin:center center}.ux-hand.is-replay-foe{align-items:flex-end}.ux-hand.is-replay-foe .ux-card.size-hand.is-rested{transform:rotate(270deg)!important}.play-mode-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.play-spectator-prefs{display:flex;flex-direction:column;gap:.55rem;margin:0;width:100%}.play-check{display:grid;grid-template-columns:1.05rem minmax(0,1fr);grid-column-gap:.55rem;column-gap:.55rem;align-items:start;width:100%;font-size:.9rem;line-height:1.4;cursor:pointer}.play-check input[type=checkbox]{width:1.05rem;height:1.05rem;min-width:1.05rem;margin:.1rem 0 0;accent-color:var(--accent-2)}.play-check span{min-width:0;text-align:left}.play-spectate-filters{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.play-spectate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.play-spectate-item{margin:0}.play-spectate-link{width:100%;text-align:left;padding:.55rem .65rem;border-radius:10px;border:1px solid rgba(71,85,105,.55);background:rgba(15,23,42,.65);display:flex;flex-direction:column;gap:.2rem}.play-spectate-link:hover{border-color:rgba(96,165,250,.55)}.play-spectate-mode{font-size:.72rem;color:#93c5fd}.play-spectate-names{font-weight:650}.play-spectate-meta{font-size:.78rem;opacity:.8}.community-page{max-width:920px;margin:0 auto;padding:1rem 1rem calc(72px + var(--safe-bottom, 0px))}.community-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.community-header h1{margin:0 0 .35rem;font-size:1.55rem}.community-header-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.community-header-actions a.btn-primary-link,a.community-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .85rem;border-radius:8px;font-weight:700;min-height:44px;text-decoration:none;box-sizing:border-box}.community-header-actions a.btn-primary-link{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:1px solid transparent}a.community-nav-btn{background:#334155;border:1px solid rgba(148,163,184,.5);color:#f1f5f9}a.community-nav-btn:active,a.community-nav-btn:hover{background:#3f5168;border-color:rgba(148,163,184,.75)}.community-back-row{margin:0 0 .85rem}.community-filters{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.community-chips{display:flex;flex-wrap:wrap;gap:.4rem}.community-chips button.is-active{background:rgba(37,99,235,.35);border:1px solid rgba(96,165,250,.55)}.community-sort label{display:inline-flex;gap:.4rem;align-items:center;font-size:.9rem;color:var(--text-muted)}.community-thread-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.community-thread-list li{border:1px solid var(--border);border-radius:12px;background:rgba(15,23,42,.72);overflow:hidden}.community-thread-list li.is-pinned{border-color:rgba(251,191,36,.45)}.community-thread-list a{display:block;padding:.85rem 1rem}.community-thread-title{display:block;margin:.25rem 0 .35rem;font-size:1.05rem}.community-post-meta,.community-thread-meta,.community-thread-stats{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.82rem}.community-badge{display:inline-block;padding:.1rem .4rem;border-radius:999px;background:rgba(251,191,36,.2);color:#fbbf24;font-size:.72rem;font-weight:700}.community-badge.is-lock{background:rgba(148,163,184,.25);color:#cbd5e1}.community-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.community-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.community-form input:not([type=checkbox]),.community-form select,.community-form textarea,.community-reply-box textarea,.community-report-box textarea{width:100%;border-radius:8px;border:1px solid var(--border);background:rgba(15,23,42,.85);color:var(--text);padding:.55rem .7rem}.community-check{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:.5rem!important;font-weight:500!important;width:-moz-fit-content;width:fit-content;max-width:100%}.community-check input[type=checkbox]{width:1.05rem!important;min-width:1.05rem;max-width:1.05rem;height:1.05rem;flex-shrink:0;margin:0;padding:0;accent-color:var(--accent)}.community-thread-detail{border:1px solid var(--border);border-radius:12px;padding:1rem;background:rgba(15,23,42,.72);margin-bottom:1.25rem}.community-post-body{white-space:pre-wrap;word-break:break-word;margin:.65rem 0;line-height:1.55}.community-posts{display:flex;flex-direction:column;gap:.75rem}.community-post{border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem;background:rgba(30,41,59,.55)}.community-post.is-nested{margin-left:1rem;margin-top:.55rem;border-color:rgba(71,85,105,.55)}.community-post.is-deleted{opacity:.65}.community-post-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.community-reply-box,.community-report-box{margin-top:.55rem;display:flex;flex-direction:column;gap:.45rem}.community-admin-section{margin:1.5rem 0}.community-admin-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.community-admin-list li{border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background:rgba(15,23,42,.65)}.community-search{display:flex;gap:.5rem;align-items:stretch;margin-bottom:.75rem}.community-search input{flex:1 1;width:auto;border-radius:10px;border:1px solid var(--border);background:rgba(15,23,42,.85);color:var(--text);padding:.65rem .85rem;min-height:44px;margin-bottom:0}.community-search .search-submit-btn{min-height:44px}.community-thread-list li{border-left-width:3px;transition:border-color .15s,background .15s}.community-thread-list li:active,.community-thread-list li:hover{background:rgba(30,41,59,.85)}.community-thread-list li.is-pinned{border-left-color:rgba(251,191,36,.85)}.community-thread-list li.cat-deckbuilding{border-left-color:rgba(59,130,246,.65)}.community-thread-list li.cat-rules{border-left-color:rgba(168,85,247,.65)}.community-thread-list li.cat-trade{border-left-color:rgba(34,197,94,.65)}.community-thread-list li.cat-offtopic{border-left-color:rgba(148,163,184,.55)}.community-thread-excerpt{margin:.2rem 0 .35rem;font-size:.88rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.community-cat-label{font-size:.72rem;font-weight:700;color:var(--accent-2)}.community-total{margin:0 0 .65rem;font-size:.85rem}.community-load-more{display:flex;justify-content:center;margin-top:1rem}.community-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.community-skeleton{border-radius:10px;background:linear-gradient(90deg,rgba(51,65,85,.35) 25%,rgba(71,85,105,.5) 50%,rgba(51,65,85,.35) 75%);background-size:200% 100%;animation:community-shimmer 1.2s ease-in-out infinite}.community-skeleton-card{height:88px;border:1px solid var(--border)}.community-skeleton-line{height:16px;width:60%}.community-skeleton-block{border-radius:12px}@keyframes community-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.community-locked-banner{position:-webkit-sticky;position:sticky;top:0;z-index:20;margin:-.5rem 0 .85rem;padding:.55rem .85rem;border-radius:8px;background:rgba(251,191,36,.18);border:1px solid rgba(251,191,36,.45);color:#fcd34d;font-size:.88rem;font-weight:600}.community-chips button,.community-touch-btn{min-height:44px;min-width:44px}.community-compose-toolbar{display:flex;gap:.4rem}.community-preview{border:1px solid var(--border);border-radius:8px;padding:.75rem;min-height:120px;background:rgba(15,23,42,.55)}.community-char-count{font-size:.78rem;font-weight:400}.community-edit-box{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.community-edit-box input,.community-edit-box textarea{width:100%;border-radius:8px;border:1px solid var(--border);background:rgba(15,23,42,.85);color:var(--text);padding:.55rem .7rem}.community-confirm-layer{position:fixed;inset:0;z-index:1000;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:1rem}.community-confirm-card{width:min(420px,100%);border-radius:12px;border:1px solid var(--border);background:rgba(15,23,42,.96);padding:1.1rem;box-shadow:0 12px 40px rgba(0,0,0,.45)}.community-confirm-card h3{margin:0 0 .5rem}.community-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.community-report-note{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;font-size:.85rem}.community-report-note input{border-radius:8px;border:1px solid var(--border);background:rgba(15,23,42,.85);color:var(--text);padding:.45rem .6rem}.community-hash-tag{color:#93c5fd;font-weight:600}.community-hashtag-hint{margin:0;font-size:.85rem;line-height:1.4}@media (max-width:480px){.community-post.is-nested{margin-left:.5rem;border-left:2px solid rgba(71,85,105,.55);padding-left:.65rem}}.error-text{color:#f87171}.top-bar-community{text-decoration:none}