.bot-practice-player{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 16px;border-radius:12px;background:#eef4ed;color:#334c39}.bot-practice-player>span,.bot-practice-player small{font-size:13px}.bot-deck-sources{display:flex;gap:10px;margin:12px 0}.bot-deck-sources button[aria-pressed=true]{color:#fff;background:#a34523;border-color:#a34523}.bot-deck-search{display:grid;gap:7px;margin:14px 0;font-size:13px}.bot-deck-search input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d9cbb6;border-radius:9px;background:#fff}.bot-deck-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:12px 0;padding:0}.bot-deck-options legend{padding:0 0 10px;font-size:13px;color:#716458}.bot-deck-options label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfd5c7;border-radius:12px;cursor:pointer;background:#fffdf8}.bot-deck-options label.is-selected{border-color:#bd642b;background:#fff2df;box-shadow:inset 0 0 0 1px #bd642b}.bot-deck-options label:has(input:disabled){opacity:.55;cursor:default}.bot-deck-options input{flex:0 0 auto;accent-color:#a34523}.bot-deck-options img,.bot-deck-placeholder{width:45px;height:63px;object-fit:contain;flex:0 0 45px;border-radius:4px}.bot-deck-placeholder{display:grid;place-items:center;background:#eee7db;font-size:12px}.bot-deck-options label>span:last-child{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.bot-deck-options small{color:#786653;font-size:12px}.bot-practice-start{display:grid;gap:10px;margin-top:18px;border-top:1px solid #e4d6c4;padding-top:14px}.bot-practice-start p{margin:0}.bot-practice-start>small{color:#716458;line-height:1.6}.bot-practice-start>button{justify-self:end}@media(max-width:600px){.bot-deck-options{grid-template-columns:minmax(0,1fr)}.bot-practice-start>button{width:100%}}.square-comments{margin-top:32px;padding-top:24px;border-top:1px solid rgba(96,126,203,.2);font-size:16px}.square-comments button{font-family:inherit;cursor:pointer}.square-comments button:not(.primary-button){min-height:36px;padding:7px 12px;border:1px solid #cddbf3;border-radius:10px;color:#4268aa;background:#f1f6ff;font-size:14px}.square-comments button:disabled{cursor:default;opacity:.55}.square-comments button:focus-visible{outline:2px solid #548ce7;outline-offset:2px}.square-comments-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.square-comments-header h3{margin:0 0 6px;font-size:21px}.square-comments-header p{margin:0;color:#697593;font-size:14px;line-height:1.6}.square-comments-header button{flex-shrink:0}.square-comment-form{padding:20px;border:1px solid #dce5fb;border-radius:18px;background:#f4f8ffb3}.square-comment-form label{display:block;margin:0 0 10px;font-weight:650}.square-comment-form textarea{box-sizing:border-box;display:block;resize:vertical;width:100%;min-height:112px;padding:13px 15px;border:1px solid #cbd8f0;border-radius:12px;background:#fff;color:#253452;font:inherit;line-height:1.65}.square-comment-form textarea:focus-visible{outline:2px solid #548ce7;outline-offset:2px}.square-comment-submit,.square-comment-replying{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.square-comment-submit>span{color:#7583a0;font-size:13px}.square-comment-replying{margin:0 0 12px;color:#3964ae;overflow-wrap:anywhere}.square-comment-notice{margin:8px 0 0;color:#267c64}.square-comment-notice:empty{display:none}.square-comment-list{padding:0;margin:22px 0 0;list-style:none}.square-comment-list>li{padding:20px 4px;border-bottom:1px solid #e1e7f4}.square-comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.square-comment-meta strong{color:#2a4777;font-size:16px;overflow-wrap:anywhere}.square-comment-meta time{color:#78849a;font-size:13px}.square-comment-version{border-radius:6px;padding:3px 7px;color:#5171ac;background:#eaf1ff;font-size:12px}.square-comment-reference{font-size:14px;color:#627caa;margin:12px 0 0}.square-comment-content{color:#293652;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin:12px 0}.square-comment-reply{font-size:14px}.square-comments-empty{color:#78849a;text-align:center;padding:16px 0;font-size:14px}.square-comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.square-comment-target,.square-comment-edited{color:#7383a1;font-size:13px}.square-comment-target strong{font-size:inherit}.square-comment-item.is-deleted>.square-comment-content{color:#7d879b;font-style:italic}.square-comments .square-comment-delete{color:#b65368}.square-comment-edit,.square-comment-confirm{margin:14px 0;padding:14px;background:#f5f8ff;border:1px solid #dce5fb;border-radius:12px}.square-comment-edit label{display:block;font-weight:600;margin-bottom:8px}.square-comment-edit textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:100px;padding:12px;border:1px solid #cbd8f0;border-radius:10px;color:#253452;font:inherit;line-height:1.6;margin-bottom:10px}.square-comments .square-thread-toggle{margin-top:14px}.square-thread-replies{margin:12px 0 0 22px;padding:2px 16px 14px;border-left:3px solid #cbdcf8;border-radius:0 12px 12px 0;background:#f6f9ff}.square-thread-replies ol{list-style:none;margin:0;padding:0}.square-thread-replies li{padding:16px 0;border-bottom:1px solid #e2eaf7}.square-thread-replies li:last-child{border-bottom:none}@media(max-width:600px){.square-thread-replies{margin-left:8px;padding-left:10px;padding-right:10px}}@media(max-width:600px){.square-comments-header{align-items:flex-start}.square-comment-form{padding:14px}.square-comment-meta time{width:100%}}.lobby-community-spotlights{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 30px 0}.lobby-spotlight-card{min-width:0;display:flex;flex-direction:column;padding:22px 26px;border:1px solid #dce8f1;border-radius:22px;color:#143554;background:#fffffff0;box-shadow:0 12px 32px #21527a12}.lobby-spotlight-card>header,.lobby-spotlight-card>header>div{display:flex;align-items:center;gap:10px}.lobby-spotlight-card>header{justify-content:space-between;gap:12px}.lobby-spotlight-card h2{margin:0;color:#0a2854;font-size:22px}.lobby-spotlight-card>header>div>svg{width:24px;height:24px;color:#c88e22;flex-shrink:0}.lobby-spotlight-card.is-support>header>div>svg{color:#a56070}.lobby-spotlight-card>header>button,.lobby-spotlight-link{display:flex;align-items:center;justify-content:center;gap:4px;border:0;color:#2467b0;background:transparent;cursor:pointer;font-weight:700}.lobby-spotlight-card>header>button{padding:8px 0;white-space:nowrap;font-size:12px}.lobby-spotlight-card>header>button svg,.lobby-spotlight-link svg{width:16px;height:16px}.lobby-spotlight-caption{margin:12px 0 16px;color:#68829a;font-size:12px;line-height:1.6}.lobby-spotlight-link{width:100%;min-height:42px;margin-top:auto;padding:12px 0 0;border-top:1px solid #e5edf4;font-size:13px}.lobby-spotlight-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#66809a;text-align:center;font-size:13px;line-height:1.8}.lobby-spotlight-state p{margin:0}.lobby-spotlight-state button,.rankings-state button,.rankings-self button{border:1px solid #c7dced;border-radius:9px;padding:8px 14px;color:#2467b0;background:#f2f8fe;cursor:pointer}.ranking-list{margin:0;padding:0;list-style:none}.ranking-row{min-width:0;display:grid;grid-template-columns:36px 42px minmax(0,1fr) 90px 170px;align-items:center;gap:16px;padding:20px 26px}.ranking-row+.ranking-row{border-top:1px solid #e8eef4}.ranking-position{color:#8496aa;font-size:22px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.ranking-row[data-position="1"] .ranking-position{color:#b98822}.ranking-row[data-position="2"] .ranking-position{color:#718696}.ranking-row[data-position="3"] .ranking-position{color:#ab7755}.ranking-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#3369a1;background:#eaf3fb;font-weight:800}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.ranking-player{min-width:0;display:grid;gap:5px}.ranking-player strong{overflow-wrap:anywhere;color:#173857;font-size:15px;line-height:1.4}.ranking-player>span,.ranking-score>span,.ranking-record>span{color:#7b91a8;font-size:12px}.ranking-score,.ranking-record{display:grid;gap:5px;text-align:right}.ranking-score strong{color:#2769b3;font-size:22px;font-variant-numeric:tabular-nums}.ranking-record strong{color:#496580;font-size:13px}.ranking-list.is-compact{min-height:190px;margin-bottom:12px}.ranking-list.is-compact .ranking-row{grid-template-columns:25px 34px minmax(0,1fr) 64px;gap:12px;padding:12px 0}.ranking-list.is-compact .ranking-avatar{width:34px;height:34px}.ranking-list.is-compact .ranking-player strong{font-size:14px}.ranking-list.is-compact .ranking-score strong{font-size:20px}.ranking-list.is-compact .ranking-score>span{font-size:10px}.lobby-support-preview{min-height:190px;margin:0 0 12px;padding:0;list-style:none}.lobby-support-preview li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 0}.lobby-support-preview li+li{border-top:1px solid #e8eef4}.lobby-support-preview li>span{padding:6px 4px;border-radius:7px;color:#997449;background:#faf2e6;text-align:center;font-size:11px;font-weight:700}.lobby-support-preview li>div{min-width:0;display:grid;gap:5px;overflow-wrap:anywhere}.lobby-support-preview strong{color:#173857;font-size:14px}.lobby-support-preview small{color:#7b91a8;font-size:12px}.lobby-support-preview b{color:#986950;font-size:14px}.rankings-page{max-width:1120px;margin:0 auto;padding:30px 24px 60px;color:#173857}.rankings-back{display:flex;align-items:center;gap:6px;border:0;padding:10px 0;color:#477392;background:transparent;cursor:pointer;font-weight:700}.rankings-back svg{width:17px;height:17px}.rankings-heading{margin:22px 0 28px}.rankings-heading>span{display:flex;align-items:center;gap:8px;color:#aa7a21;font-size:13px;font-weight:800}.rankings-heading svg{width:21px;height:21px}.rankings-heading h1{margin:14px 0;color:#0a2854;font-size:clamp(30px,4vw,44px)}.rankings-heading p{max-width:650px;margin:0;color:#66809a;line-height:1.8}.rankings-self{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-bottom:24px;padding:22px 26px;border:1px solid #eadcbf;border-radius:18px;background:linear-gradient(115deg,#fffaf0,#fff)}.rankings-self>span{color:#96742f;font-size:13px;font-weight:700}.rankings-self>strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;color:#875f18;font-size:24px}.rankings-self small{color:#a78b58;font-size:13px;font-weight:600}.rankings-self p{margin:0;color:#8b806c;line-height:1.6;font-size:13px}.rankings-self [role=alert]{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.rankings-board{overflow:hidden;border:1px solid #dce8f1;border-radius:20px;background:#fff;box-shadow:0 16px 36px #21527a0f}.rankings-board>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid #e8eef4}.rankings-board h2{margin:0 0 7px;font-size:20px;color:#0a2854}.rankings-board header p{margin:0;color:#7b91a8;font-size:12px}.rankings-board header>span{color:#7b91a8;font-size:12px;white-space:nowrap}.rankings-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px;color:#66809a;text-align:center;line-height:1.8}.rankings-state p{margin:0}.rankings-state.is-error{color:#aa5353}.rankings-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 26px;border-top:1px solid #e8eef4}.rankings-pagination span{color:#7b91a8;font-size:13px;text-align:center}.rankings-pagination button{min-height:40px;border:1px solid #c7dced;border-radius:9px;padding:8px 18px;color:#2467b0;background:#f2f8fe;cursor:pointer}.rankings-pagination button:disabled{color:#9aaaba;background:#f6f8fa;border-color:#e3e9ee;cursor:default}:is(.lobby-spotlight-card,.rankings-page) button:focus-visible{outline:3px solid #84b5ec;outline-offset:3px}@media(min-width:1537px){.lobby-community-spotlights{margin-inline:calc((100vw - 1536px)/2 + 30px)}}@media(max-width:900px){.lobby-community-spotlights{gap:14px}.lobby-spotlight-card{padding:20px}.lobby-spotlight-card h2{font-size:19px}}@media(max-width:700px){.lobby-community-spotlights{grid-template-columns:1fr;margin:14px 10px 0}.rankings-page{padding:18px 14px 40px}.rankings-self,.rankings-board>header,.rankings-pagination{padding:18px}.ranking-row{grid-template-columns:24px 36px minmax(0,1fr) 68px;gap:10px;padding:16px}.ranking-avatar{width:36px;height:36px}.ranking-player strong{font-size:14px}.ranking-score strong{font-size:20px}.ranking-record{grid-column:3 / -1;display:block;text-align:left}.ranking-record>span{display:none}.rankings-pagination button{padding-inline:12px}}.catalog-advanced{position:relative;flex:none;min-width:0}.filter-toggle .filter-toggle-chevron{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:1px;flex:none;transition:transform .18s ease}.filter-toggle .filter-toggle-chevron svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.filter-toggle[aria-expanded=true] .filter-toggle-chevron{transform:rotate(180deg)}.filter-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(840px,calc(100vw - 44px));max-height:min(570px,calc(100dvh - var(--builder-header-height,66px) - var(--builder-nav-height,148px) - 28px));overflow:auto;overscroll-behavior:contain;padding:22px;background:#fff;color:#2d3855;border:1px solid #d4dcef;border-radius:20px;box-shadow:0 22px 64px #39497130}.filter-popover>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.filter-popover>header>div{display:grid;gap:6px}.filter-popover>header strong{font-size:21px}.filter-popover>header .filter-close{min-width:112px;box-shadow:0 8px 20px #b52c4933}.filter-popover small{font-size:13px;color:#8290a9;line-height:1.6}.filter-mode,.filter-options,.filter-selected,.filter-keyword{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-mode{margin:10px 0}.filter-mode>strong{font-size:14px;margin-right:6px}.filter-categories{display:flex;flex-wrap:wrap;gap:7px;padding:16px 0;margin:10px 0 0;border-top:1px solid #e6ebf5}.filter-categories b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;border-radius:6px;color:#6b58aa;background:#e8e0ff}.filter-content{padding:2px 16px 14px;border:1px solid #e0e6f3;border-radius:14px;background:#f7f9ff}.catalog-filter-facet{min-width:0;margin:14px 0 0;padding:0;border:0}.catalog-filter-facet legend{font-size:15px;font-weight:750;margin-bottom:10px;padding:0}.filter-options{align-items:flex-start;max-height:170px;overflow:auto;padding:4px 2px}.filter-options button{flex:none}.catalog-advanced input{width:100%;min-width:0;padding:10px 12px;margin:6px 0;border:1px solid #d4ddee;border-radius:10px;font:inherit;color:#374669;background:#fff}.filter-keyword input{flex:1;min-width:140px}.filter-selected{margin:16px 0 0;padding-top:14px;border-top:1px solid #e9edf6;max-height:115px;overflow:auto}.filter-preset-group{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:10px;margin:8px 0}.filter-preset-group>strong{font-size:13px;padding-top:12px;color:#7384a4}.filter-special-help{margin:0 0 8px;color:#7384a4;font-size:13px;line-height:1.6}.filter-popover>footer{margin-top:14px;color:#8996ad;font-size:12px}.filter-options [data-card-color] i{width:12px;height:12px;border-radius:50%;background:#566784;box-shadow:inset 0 0 0 1px #0001}.filter-options [data-card-color=红] i{background:#e35e72}.filter-options [data-card-color=绿] i{background:#48b99a}.filter-options [data-card-color=蓝] i{background:#5b92e4}.filter-options [data-card-color=紫] i{background:#a679d9}.filter-options [data-card-color=黄] i{background:#edc953}.filter-options [data-card-color=黑] i{background:#414c65}.filter-options [data-card-color=双色] i{background:linear-gradient(90deg,#e35e72 50%,#5b92e4 50%)}@media(max-width:760px){.filter-popover{width:calc(100vw - 24px);padding:14px;border-radius:14px}.filter-popover>header strong{font-size:18px}.filter-popover>header small{display:none}.filter-popover>header .filter-close{min-width:96px}.filter-preset-group{grid-template-columns:minmax(0,1fr);gap:0}}.naruto-battle-screen{min-height:100vh;background:radial-gradient(circle at 50% 30%,#374a78 0,#14182c 54%,#090b16);color:#f8fafc;padding:18px;box-sizing:border-box;font-family:Noto Sans SC,system-ui,sans-serif}.naruto-battle-header{display:flex;align-items:center;gap:20px;max-width:1500px;margin:0 auto 12px;padding:14px 18px;border:1px solid #6073aa;border-radius:16px;background:#0c1226db;box-shadow:0 16px 40px #0008}.naruto-battle-header>div{display:flex;flex-direction:column;flex:1}.naruto-battle-header b{color:#ffd27d;font-size:21px;letter-spacing:.18em}.naruto-battle-header small{color:#aab8db}.naruto-battle-header>span{color:#d5ddf8}.naruto-battle-header button,.naruto-action-buttons button,.naruto-inline-action,.naruto-trash-button{border:1px solid #6073aa;background:#1a2444;color:#eef3ff;border-radius:9px;padding:8px 12px;cursor:pointer}.naruto-battle-header button:hover,.naruto-action-buttons button:hover,.naruto-inline-action:hover{background:#344b82}.naruto-battle-header button:disabled,.naruto-action-buttons button:disabled{opacity:.5;cursor:not-allowed}.naruto-battle-arena{display:grid;grid-template-rows:minmax(210px,1fr) auto minmax(210px,1fr);gap:10px;max-width:1500px;margin:auto}.naruto-side{padding:12px;border:1px solid #465987;border-radius:16px;background:linear-gradient(180deg,#172042f0,#0d1226f0);box-shadow:0 14px 28px #0005}.naruto-side.opponent{border-color:#8a5367}.naruto-player-bar{display:flex;align-items:center;gap:10px;margin-bottom:9px}.naruto-player-bar strong{font-size:17px}.naruto-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#d55f45;color:#fff4dc;font-weight:800}.naruto-life-readout{margin-left:auto;color:#ffcb86;font-weight:700}.naruto-deck-readout,.naruto-player-bar i{color:#aab8db;font-size:12px;font-style:normal}.naruto-zone-strip,.naruto-field-row{display:flex;gap:9px;align-items:flex-start;min-height:110px;padding:8px;border-radius:10px;background:#0c1227aa;margin-top:7px;overflow:auto}.naruto-field-row{min-height:160px}.naruto-zone-title{width:70px;flex:0 0 70px;color:#9daed7;font-size:12px;padding-top:6px}.naruto-card-slot{position:relative;min-width:86px;width:86px;display:flex;flex-direction:column;align-items:center}.naruto-card-slot .card-face{width:86px!important;height:120px!important}.naruto-card-slot.targetable{outline:2px solid #ffcf73;border-radius:11px;box-shadow:0 0 22px #ffbd5e99}.naruto-card-slot.attacker-ready{outline:2px solid #70e4ff;border-radius:11px;box-shadow:0 0 18px #65dfff88}.naruto-empty-slot{width:86px;height:120px;display:grid;place-items:center;border:1px dashed #4f6090;border-radius:10px;color:#596991;font-size:11px}.naruto-command-row{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px;border-radius:12px;background:#0a1022aa}.naruto-command-row>.naruto-card-slot{width:110px;min-width:110px}.naruto-command-row>.naruto-card-slot .card-face{width:108px!important;height:150px!important}.naruto-summon-token{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#f8d891;border:2px solid #9c784d;background:radial-gradient(circle,#664c36,#211d31);font-size:12px}.naruto-summon-token b{color:#f7f0ce;font-size:11px}.naruto-chakra-row{display:flex;gap:4px;flex-wrap:wrap;max-width:130px}.naruto-chakra-token{width:23px;height:30px;border-radius:5px;display:grid;place-items:center;font-size:10px;background:#e9bb66;color:#3d2717;border:1px solid #fff1bd}.naruto-chakra-token.spent{background:#283250;color:#67769d;border-color:#49577d;transform:rotate(90deg)}.naruto-trash-button{margin-left:auto;font-size:12px}.naruto-action-rail{padding:12px 16px;border:1px solid #937a5a;border-radius:14px;background:linear-gradient(90deg,#2b2345,#1d2744,#2b2345);display:flex;align-items:center;gap:16px}.naruto-action-rail strong{color:#ffd27d}.naruto-action-rail>span{color:#bdc8e2;font-size:13px}.naruto-attack-banner{color:#ff9c85;margin-left:auto}.naruto-action-buttons{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.naruto-action-buttons .primary{background:#c65d3d;border-color:#ffb079}.naruto-action-buttons .danger{background:#8c334d}.naruto-hand-dock{max-width:1500px;margin:12px auto 0;padding:10px;border:1px solid #465987;border-radius:16px;background:#090d1df0}.naruto-hand-title{color:#acb9d7;font-size:13px;margin-bottom:7px}.naruto-hand-dock{display:flex;gap:9px;align-items:flex-end;overflow:auto}.naruto-hand-title{flex:0 0 100%}.naruto-hand-card{position:relative;min-width:86px}.naruto-hand-card .naruto-card-slot{width:86px}.naruto-hand-card .naruto-inline-action{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);font-size:11px;white-space:nowrap}.naruto-inline-action{font-size:11px;padding:5px 7px;margin-top:4px}@media(max-width:900px){.naruto-battle-screen{padding:8px}.naruto-action-rail{flex-direction:column;align-items:flex-start}.naruto-action-buttons{margin-left:0}.naruto-player-bar{flex-wrap:wrap}.naruto-life-readout{margin-left:0}.naruto-card-slot .card-face{width:72px!important;height:100px!important}.naruto-command-row>.naruto-card-slot .card-face{width:86px!important;height:120px!important}}.battle-stage .battle-inactivity{position:absolute;z-index:41;left:var(--battle-resource-x);top:calc(var(--battle-opponent-resource-y) + var(--battle-resource-height) + 2px);width:calc(var(--battle-resource-width) - 38px);height:calc(var(--battle-player-resource-y) - var(--battle-opponent-resource-y) - var(--battle-resource-height) - 4px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:3px 10px;border:1px solid #b99b63;border-radius:6px;color:#fff2d3;background:#122237;pointer-events:none}.battle-inactivity>small{font-size:13px;line-height:1;color:#ecd5aa;text-align:center}.battle-inactivity .inactivity-seat>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1;font-size:18px}.battle-inactivity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.battle-inactivity b{font-variant-numeric:tabular-nums;flex:none}.battle-inactivity .inactivity-track{height:5px;margin-top:3px;background:#3c4e60;border-radius:3px;overflow:hidden}.battle-inactivity .inactivity-track i{display:block;height:100%;background:#64d8b0}.battle-inactivity .is-urgent b{color:#ffb49e}.battle-inactivity .is-urgent i{background:#ff886d}.watch-inactivity-result{max-width:440px;color:#9d3725;font-size:14px;font-weight:700}.mobile-inactivity,html[data-battle-rotated] .battle-stage .battle-inactivity{display:none}html[data-battle-rotated] .battle-screen>.mobile-inactivity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;position:absolute;z-index:45;top:2px;left:6px;width:min(250px,calc(var(--battle-visible-width) * .29));padding:4px 6px;box-sizing:border-box;border:1px solid #b99b63;border-radius:5px;color:#fff2d3;background:#122237;pointer-events:none}html[data-battle-rotated] .mobile-inactivity>small{grid-column:1 / -1;font-size:10px}html[data-battle-rotated] .mobile-inactivity .inactivity-seat:only-of-type{grid-column:1 / -1}html[data-battle-rotated] .mobile-inactivity .inactivity-seat>div:first-child{font-size:12px;gap:4px}html[data-battle-rotated] .mobile-inactivity .inactivity-track{height:3px;margin-top:2px}.room-share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.room-share-trigger svg{width:16px;height:16px;flex:0 0 auto}.room-share-content{display:grid;gap:10px;color:#303a62}.room-share-content p{margin:0;font-size:14px;line-height:1.6}.room-share-content label{font-size:13px;font-weight:600}.room-share-content textarea,.room-share-content input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d7dff0;border-radius:8px;padding:10px;background:#f7f9fd;color:#303a62;font:inherit;font-size:13px;line-height:1.6}.room-share-content textarea{resize:vertical}.room-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.room-share-content button{min-height:40px;border:1px solid #d7dff0;border-radius:8px;padding:8px 14px;background:#fff;color:#303a62;font:inherit;font-size:14px;cursor:pointer}.room-share-content button[data-ui-action=primary]{border-color:#3667cf;background:#3667cf;color:#fff}.room-share-content button:hover{filter:brightness(.96)}.room-share-content button:focus-visible{outline:2px solid #3667cf;outline-offset:3px}.room-share-content button:disabled{opacity:.55;cursor:wait}.room-share-content .room-share-notice{color:#25835d}.room-share-content .room-share-error{color:#c24265}.spectator-hand-setting{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;padding:14px;border:1px solid #c8d9f5;border-radius:14px;background:#f0f6ff;color:#294267;cursor:pointer}.spectator-hand-setting input[type=checkbox]{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:2px 0 0;padding:0;accent-color:#4f8cec}.spectator-hand-setting span{min-width:0;display:grid;gap:5px}.spectator-hand-setting strong{font-size:14px}.spectator-hand-setting small{font-size:12px;line-height:1.5;color:#657795}.spectator-hand-setting:has(input:disabled){cursor:default}.public-sea{max-width:1320px;margin:32px auto 80px;padding:0 24px;color:#262b50}.sea-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.sea-heading small{color:#4e7be0;font-weight:700}.sea-heading h1{font-size:clamp(28px,4vw,44px);margin:10px 0}.sea-heading p,.sea-ready-panel p{color:#6f789e;line-height:1.7}.sea-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex-shrink:0}.sea-invitation button{margin:8px 8px 0 0}.public-sea button{border:1px solid #d2ddf5;background:#f7faff;color:#466ab9;border-radius:12px;padding:12px 20px;cursor:pointer;font:inherit}.public-sea button.primary-button{color:#fff;background:linear-gradient(115deg,#5a87e5,#4da6fc);border:0}.public-sea button:disabled{opacity:.5;cursor:not-allowed}.sea-toolbar,.sea-room-meta,.sea-actions,.sea-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0}.sea-toolbar span{color:#717a9d;font-size:14px}.sea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sea-card,.sea-member,.sea-ready-panel{border:1px solid #fff;background:linear-gradient(145deg,#fffd,#eff4ffcc);box-shadow:0 14px 36px #43498415;border-radius:22px;padding:26px}.sea-card>div{display:flex;justify-content:space-between;align-items:center}.sea-card h2{font-size:20px;overflow-wrap:anywhere;line-height:1.5;margin:22px 0 12px}.sea-card p{font-size:14px;color:#7581a4}.sea-card button{width:100%;margin-top:16px}.sea-status,.sea-room-meta span{background:#e9f0ff;color:#4c73c8;border-radius:30px;padding:7px 12px;font-size:13px}.sea-status.playing{background:#fff0df;color:#9c692d}.sea-status.full{background:#e8f6ee;color:#2b8058}.sea-members,.sea-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sea-column{min-width:0;border:1px solid #dce6f7;background:#f5f8ff88;border-radius:26px;padding:20px}.sea-column>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px 14px;color:#5776b9}.sea-column>header h2{font-size:20px;margin:0}.sea-watch-action{margin:16px 0}.sea-watch-action>button{width:100%}.sea-spectators h3{font-size:16px;display:flex;align-items:center;gap:10px}.sea-spectators h3 span{font-size:13px;color:#7e8aa8;font-weight:400}.sea-spectator{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:14px;border:1px solid #e2e9f8;border-radius:15px;background:#ffffffa8}.sea-spectator>div:first-child{min-width:0}.sea-spectator strong{display:block;overflow-wrap:anywhere;font-size:15px}.sea-spectator small{display:block;color:#8390aa;margin-top:6px}.sea-member-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sea-member-actions button{padding:7px 10px;font-size:13px;white-space:nowrap}.public-sea button.sea-danger{color:#c14f6b;border-color:#f0ccda;background:#fff4f7}.sea-muted{color:#8591ac;font-size:14px;padding:18px 0}.sea-member{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;min-height:300px}.sea-member h2{margin:0;font-size:24px;overflow-wrap:anywhere}.sea-member p{color:#7b85a7;margin:0}.sea-member>strong{color:#7b85a7}.sea-member.is-ready{border-color:#70b99a}.sea-member.is-ready>strong{color:#278459}.sea-avatar{width:64px;height:64px;background:linear-gradient(140deg,#6395ef,#51a4fb);color:#fff;display:grid;place-items:center;border-radius:20px;font-size:30px;margin-bottom:6px;overflow:hidden}.sea-avatar img{width:100%;height:100%;object-fit:cover}.sea-empty{padding:50px 24px;text-align:center;color:#8490ae;display:grid;place-content:center}.sea-ready-panel{margin-top:24px}.sea-ready-panel label,.sea-create-form label{display:flex;flex-direction:column;gap:10px;font-weight:600}.sea-ready-panel select,.sea-create-form input{background:#fff;border:1px solid #d7dff0;border-radius:12px;padding:14px;font:inherit;color:#303a62;width:100%;box-sizing:border-box;margin-top:10px}.sea-create-form{display:grid;gap:20px}.sea-error{color:#c24265;padding:12px 16px;background:#fff2f5;border-radius:12px}.sea-notice{color:#25835d;padding:12px 16px;background:#ebf8f1;border-radius:12px}.sea-pagination{justify-content:center}@media(max-width:900px){.sea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sea-columns{grid-template-columns:1fr}.sea-column{padding:14px}}@media(max-width:600px){.public-sea{padding:0 14px}.sea-heading{align-items:flex-start}.sea-heading>button{flex-shrink:0;padding:10px}.sea-grid,.sea-members{grid-template-columns:1fr}.sea-member{min-height:220px}}@media(max-width:600px){.sea-heading{flex-wrap:wrap;gap:12px}.sea-heading-actions{width:100%;justify-content:flex-start}}.replay-page{max-width:1480px;margin:28px auto;padding:0 24px 48px}.app-header .header-account .replay-entry{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:8px;min-height:40px;padding:0 16px;border:1px solid #3979d6;border-radius:12px;color:#fff;background:linear-gradient(115deg,#3e78db,#368ce1);box-shadow:0 4px 12px #477ecd30;font-size:14px;font-weight:750;white-space:nowrap}.app-header .replay-entry svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.app-header .replay-entry svg path{fill:currentColor;stroke:none}.app-header .header-account .replay-entry:hover{background:linear-gradient(115deg,#326ccf,#277fda)}.app-header .header-account .replay-entry[aria-current=page]{border-color:#255db5;box-shadow:0 0 0 3px #b6d5fb,0 4px 12px #477ecd30}.app-header .header-account .replay-entry:focus-visible{outline:3px solid #235da9;outline-offset:3px}@media(max-width:820px){.app-header .header-account{flex-wrap:wrap;row-gap:10px}}.replay-heading,.replay-library header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.replay-heading p,.replay-library p{color:var(--muted);line-height:1.7}.replay-page button{border:1px solid var(--line);border-radius:12px;background:#f8fbff;color:var(--text);padding:10px 16px;font:inherit;cursor:pointer}.replay-page button:disabled{opacity:.45;cursor:default}.replay-library{padding:22px}.replay-download{display:grid;gap:8px;min-width:220px;margin:12px 0;text-align:center}.replay-download small,.replay-download span{display:block;font-size:13px;line-height:1.5}.replay-download small{color:#8c561f}.replay-download span{color:#315f92}.replay-pending{padding:16px;border:1px solid #ebc792;border-radius:16px;background:#fff8ed;margin:20px 0}.replay-pending h2{font-size:18px;margin:0}.replay-pending article{align-items:center}.replay-library article{display:flex;gap:12px;margin-top:12px}.replay-library .replay-open{flex:1;text-align:left;display:grid;gap:8px}.replay-open span{font-size:13px;color:var(--muted)}.replay-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:5px;border-radius:16px;background:#e8f0ff}.replay-tabs button{border-color:transparent;background:transparent}.replay-tabs button[aria-pressed=true]{background:#fff;color:#285fae;box-shadow:0 3px 12px #4d6fa320}.replay-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.replay-upload-notice{padding:12px 16px;border-radius:12px;background:#e9f5ff;color:#315f92}.replay-library-note{font-size:13px;margin-top:24px}.highlight-submit{max-height:90vh;overflow:auto}.highlight-submit label{display:grid;gap:8px;margin:16px 0;color:var(--muted)}.highlight-submit input:not([type=checkbox]),.highlight-submit textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbff;color:var(--text);font:inherit}.highlight-submit textarea{min-height:95px;resize:vertical}.highlight-submit .highlight-consent{display:flex;align-items:flex-start;line-height:1.6}.highlight-submit p{line-height:1.6}.highlight-item{border:1px solid var(--line);border-radius:16px;padding:18px;align-items:center}.highlight-copy{min-width:0;flex:1;overflow-wrap:anywhere}.highlight-copy h3{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0;font-size:18px}.highlight-copy p{white-space:pre-wrap;margin:10px 0}.highlight-copy small{color:var(--muted)}.highlight-status{display:inline-block;font-size:12px;padding:4px 10px;border-radius:20px;background:#eaf0fa;color:#496382}.highlight-status.status-approved{background:#dff5e9;color:#21704a}.highlight-status.status-pending{background:#fff0d9;color:#8b5f1b}.highlight-reason{padding:10px;background:#fff0ec;border-radius:10px}.highlight-filter{display:flex;gap:10px;align-items:center;margin:16px 0}.highlight-filter select{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text)}.highlight-item .replay-item-actions{justify-content:flex-end;max-width:260px}@media(max-width:700px){.replay-library article{flex-wrap:wrap}.replay-library .replay-open{min-width:100%}.replay-item-actions{justify-content:flex-end;width:100%}}.replay-delete-layer{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#20344b55;padding:24px}.replay-delete-layer section{width:min(480px,100%);padding:28px;background:#fff}.replay-delete-layer button{margin-right:12px}.replay-sync-warning{position:fixed;bottom:20px;left:20px;z-index:1600;padding:14px;max-width:min(560px,90vw);border-radius:12px;background:#fff1e8;color:#9c431d;box-shadow:0 6px 22px #20344b33}.replay-sync-warning button{margin-left:8px}@media(max-width:700px){.replay-page{padding:0 12px 24px}}.app-header .header-account .issues-entry{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:40px;padding:0 13px;border:1px solid #c3d5f3;border-radius:12px;color:#3565ad;background:#f9fbff;font-size:14px;font-weight:700;white-space:nowrap}.issues-entry svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-header .header-account .issues-entry:hover,.app-header .header-account .issues-entry[aria-current=page]{background:#e9f1ff;border-color:#81a9e6}.issues-board{border:1px solid #d6e2f4;border-radius:22px;padding:24px;background:#fbfdff;box-shadow:0 16px 40px #34578b0b}.issue-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:22px}.issue-toolbar label{display:flex;align-items:center;gap:8px;color:#64728c;font-size:14px}.issue-toolbar input{flex:1;min-width:160px}.issue-toolbar input,.issue-toolbar select,.issue-select select,.issue-confirm select{min-height:42px;padding:10px 12px;border:1px solid #cfdbec;border-radius:10px;background:#fff;color:#263453;font:inherit;font-size:14px}.issue-list{list-style:none;padding:0;margin:0}.issue-list li+li{border-top:1px solid #e4ebf5}.issue-list li>button{width:100%;display:flex;gap:16px;padding:22px 4px;text-align:left;border:0;border-radius:0;background:transparent}.issue-list li>button:hover{background:#f0f6ff}.issue-list-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:9px;overflow-wrap:anywhere}.issue-list-copy strong{color:#283859;font-size:17px;font-weight:650}.issue-list-copy>span,.issue-replies,.issue-meta{color:#73809a;font-size:14px;font-weight:400}.issue-status-pill{display:inline-flex;flex:none;padding:5px 9px;border-radius:8px;background:#e5efff;color:#3a70bd;font-size:13px;white-space:nowrap}.issue-status-pill.closed{color:#706680;background:#eeedf5}.issue-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.issue-pagination>span{margin-right:auto;color:#70809a;font-size:14px}.issue-empty{padding:50px 16px;color:#70809a;text-align:center}.issue-error{background:#fff0f1;border:1px solid #f3c7cb;padding:12px;border-radius:10px;color:#a23b4b;overflow-wrap:anywhere}.issue-detail{color:#263453;font-size:16px;line-height:1.6}.issue-detail h3{font-size:24px;margin:16px 0 8px;overflow-wrap:anywhere}.issue-detail h4{margin:28px 0 12px}.issue-detail-head,.issue-labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.issue-detail-head>span:last-child{font-size:14px;color:#73809a}.issue-labels>span{padding:3px 8px;background:#eaf0fb;color:#5b73a1;border-radius:6px;font-size:13px}.issue-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.issue-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0}.issue-attachments a{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:280px;padding:10px;border:1px solid #d7e3f3;border-radius:12px;color:#426fbc;font-size:14px;text-decoration:none}.issue-attachments img{width:100%;height:150px;object-fit:contain}.issue-history{margin:24px 0;padding:14px 16px;background:#f1f5fb;border-radius:12px;color:#63728f;font-size:14px}.issue-history summary{cursor:pointer;color:#34588f}.issue-comment{border-top:1px solid #dce5f3;padding:8px 0 14px}.issue-form fieldset{border:0;margin:0;padding:0;min-width:0}.issue-selects{display:flex;gap:16px}.issue-form .issue-select{display:flex;flex:1;flex-direction:column;align-items:stretch;margin-bottom:20px}.issue-form .issue-consent{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;margin:22px 0 12px}.issue-form .issue-consent input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;padding:0;margin:3px 0 0;accent-color:#5687db}.issue-form .issue-consent>span{font-size:14px;line-height:1.6;color:#52627d}.issue-form input[type=file]{max-width:100%;font-size:14px}.issue-form button,.issue-detail button,.issue-confirm button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #cbdaf0;border-radius:11px;background:#fff;color:#365d9e;font:inherit;font-size:14px;cursor:pointer}.issues-page .issue-submit,.issue-form .issue-submit{background:linear-gradient(110deg,#577edf,#579fff);border-color:#6098f0;color:#fff;font-weight:650}.issue-form button:disabled,.issue-detail button:disabled,.issue-confirm button:disabled{opacity:.55;cursor:not-allowed}.issue-confirm{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.issue-confirm label{display:flex;align-items:center;gap:12px}@media(max-width:600px){.issues-board{padding:16px}.issue-toolbar{gap:8px}.issue-toolbar>input{flex-basis:100%;order:-1}.issue-list li>button{gap:10px;align-items:flex-start;flex-wrap:wrap}.issue-list-copy{flex-basis:65%}.issue-list-copy strong{font-size:16px}.issue-replies{margin-left:auto}.issue-pagination{flex-wrap:wrap}.issue-pagination>span{flex-basis:100%}.issue-selects{flex-wrap:wrap}}.issues-page{width:100%;max-width:1320px;margin:auto;padding:40px 28px 64px}.issues-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.issues-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#5278ce}.issues-heading h1{margin:12px 0;font-size:clamp(30px,4vw,44px);letter-spacing:-.05em}.issues-heading p,.issues-public p,.issue-intro p{color:#69718e;font-size:14px;line-height:1.8;margin:0}.issues-page button,.issues-public a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #cedaf0;border-radius:12px;background:#fff;color:#365d9e;font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}.issues-page button:disabled{color:#6c7690;border-color:#d4dbea;background:#edf0f7;cursor:not-allowed;opacity:1}.issues-page :is(button,a,input,textarea):focus-visible{outline:3px solid #5684d7;outline-offset:3px}.issues-heading>button{flex-shrink:0}.issues-public{display:flex;align-items:center;gap:18px;padding:22px 26px;margin-bottom:24px;background:#f8fbff;border:1px solid #d3e2f7;border-radius:20px}.issues-public-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #adcaf4;border-radius:14px;background:#e9f2ff;color:#427aca;font-size:26px;font-weight:700}.issues-public h2{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 6px;font-size:18px}.issues-public h2 span{border:1px solid #d9dfed;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500;color:#68728e}.issues-public>div:nth-child(2){flex:1;min-width:0}.issues-public>button{flex-shrink:0;background:transparent}.issue-intake{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);border:1px solid #fff;border-radius:28px;background:linear-gradient(125deg,#ffffffed,#f9faffd9);box-shadow:0 18px 52px #4559800d;padding:clamp(24px,4vw,52px)}.issue-intro{padding-top:12px}.issue-intro h2{margin:22px 0;font-size:clamp(28px,3.4vw,44px);line-height:1.24;letter-spacing:-.04em}.issue-intro>p{max-width:32em}.issue-guidelines{display:grid;gap:24px;margin:36px 0 0;padding:0;list-style:none}.issue-guidelines li{display:flex;align-items:flex-start;gap:13px}.issue-guidelines li>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #d6e1f2;border-radius:10px;color:#4d79b9;font-size:12px}.issue-guidelines strong{font-size:14px}.issue-guidelines p{font-size:13px;margin-top:5px}.issue-form{display:flex;flex-direction:column;min-width:0}.issue-product{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.issue-product>span{font-size:12px;padding:6px 10px;border-radius:8px;color:#4b72b9;background:#eaf1fc}.issue-product small{color:#798199;font-size:12px}.issue-form label,.issue-field-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 9px;font-size:14px;font-weight:650}.issue-form label span,.issue-field-title span{color:#7c8499;font-size:12px;font-weight:400}.issue-form input:not([type=file]),.issue-form textarea{width:100%;margin:0 0 22px;padding:14px;border:1px solid #d9deeb;border-radius:13px;color:#263453;background:#fff;font:inherit;font-size:14px;line-height:1.7}.issue-form input::placeholder,.issue-form textarea::placeholder{color:#9099ad}.issue-form textarea{min-height:144px;resize:vertical}.issue-form textarea.issue-steps{min-height:112px}.issue-upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px;border:1px dashed #b4c9e8;border-radius:14px;background:#f4f8ff;color:#466fae;text-align:center}.issue-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.issue-upload:focus-within{outline:3px solid #5684d7;outline-offset:3px}.issue-upload-plus{font-size:24px;line-height:1}.issue-upload strong{font-size:14px}.issue-upload small{color:#73809a;font-size:12px;line-height:1.6}.issue-screenshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:14px 0 0}.issue-screenshots li{min-width:0;border:1px solid #d9e1ef;border-radius:12px;overflow:hidden;background:#f2f5fb}.issue-screenshots img{display:block;width:100%;height:120px;object-fit:contain}.issue-screenshots li>div{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#fff}.issue-screenshots li span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#748099}.issue-screenshots button{padding:6px;min-height:36px;border:0;flex-shrink:0;font-size:12px}.issue-draft-notice{margin:18px 0;color:#64728c;font-size:12px;line-height:1.7}.issue-form-actions{display:flex;flex-wrap:wrap;gap:10px}.issue-form-actions .issue-submit{flex:1;min-width:160px}.issue-notice{margin:12px 0 0;color:#567098;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.issue-preview{color:#25314c;overflow-wrap:anywhere}.issue-preview h3{font-size:24px}.issue-preview h4{margin:24px 0 8px}.issue-preview p{line-height:1.8;white-space:pre-wrap}.issue-preview figure{margin:20px 0}.issue-preview img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.issue-preview figcaption{margin-top:8px;color:#6d7890;font-size:12px;text-align:center}@media(max-width:800px){.issues-page{padding:24px 16px 40px}.issues-heading{align-items:flex-start}.issues-public{flex-wrap:wrap;padding:18px}.issues-public>button{margin-left:62px}.issue-intake{grid-template-columns:1fr;gap:28px;padding:24px}.issue-intro h2 br{display:none}.issue-intro h2{font-size:28px;margin:12px 0}.issue-guidelines{gap:14px;margin-top:20px}}@media(max-width:480px){.issues-heading{flex-wrap:wrap;gap:16px}.issues-public{gap:12px}.issues-public-icon{display:none}.issues-public>button{margin:0}.issue-intake{padding:22px 18px;border-radius:20px}.issue-product{gap:8px}.issue-form-actions .issue-submit{flex-basis:100%}}.app-header .header-account .support-entry{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:42px;padding:0 16px;border:1px solid #b88a38;border-radius:12px;color:#442809;background:linear-gradient(115deg,#ffe9a9,#f9cd67);box-shadow:0 5px 18px #b4772c3d;font-size:14px;font-weight:850;white-space:nowrap}.app-header .header-account .support-entry svg{width:18px;height:18px;stroke-width:2.3}.app-header .header-account .support-entry:hover,.app-header .header-account .support-entry[aria-current=page]{color:#351f0b;border-color:#a66b23;background:#ffe49a;box-shadow:0 0 0 3px #f8d98480,0 5px 18px #b4772c3d}.app-header .header-account .support-entry:focus-visible{outline:3px solid #a36421;outline-offset:3px}.auth-public-header .auth-support-entry{flex:0 0 auto;padding:9px 15px;border:1px solid #c69c54;border-radius:10px;color:#4a310f;background:#ffe5a6;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.auth-public-header .auth-support-entry:hover{background:#ffedc7}.support-page{min-height:calc(100vh - 66px);color:#1a2a47;background:linear-gradient(180deg,#eff5fa,#fffaf1 46%,#f5f8fc)}.support-inner{width:min(1220px,calc(100% - 48px));margin:auto;padding:30px 0 90px}.support-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:9px 12px;border:0;border-radius:9px;color:#3a618d;background:#ffffffcf;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.support-back svg{width:16px;height:16px}.support-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;min-height:340px;overflow:hidden;padding:48px clamp(28px,6vw,76px);border:1px solid #6b738e;border-radius:26px;background:radial-gradient(circle at 80% 10%,#605477 0,transparent 35%),linear-gradient(120deg,#13273e,#233c59 62%,#342746);color:#fff8e9;box-shadow:0 20px 48px #10284425}.support-hero-copy{position:relative;z-index:1;max-width:620px}.support-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f8d785;font-size:13px;font-weight:800;letter-spacing:.16em}.support-eyebrow svg{width:18px;height:18px}.support-hero h1{margin:15px 0 16px;font-size:clamp(40px,5.6vw,70px);line-height:1.05;letter-spacing:-.05em}.support-hero h1 em{color:#ffdb8b;font-style:normal}.support-hero p{max-width:570px;margin:0 0 24px;color:#d5e1ed;font-size:16px;line-height:1.8}.support-hero .support-jump{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border:0;border-radius:10px;color:#40250b;background:#ffdd91;font-size:14px;font-weight:850;cursor:pointer}.support-hero .support-jump:hover{background:#ffe9b7}.support-hero-seal{position:relative;align-self:center;display:grid;place-items:center;width:225px;height:225px;margin:auto;border:2px solid #e9c37a;border-radius:50%;background:radial-gradient(circle,#fee3a120,#8b692516 64%,transparent);box-shadow:0 0 0 14px #ffe6a514,0 0 0 34px #ffe6a508}.support-hero-seal>span{margin-top:-15px;color:#f9dc99;font-size:112px;font-weight:900;font-family:"Noto Serif SC",serif;line-height:1}.support-hero-seal small{position:absolute;bottom:29px;color:#f4d9a1;font-size:12px;letter-spacing:.2em}.support-methods,.support-wall{padding-top:55px}.support-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.support-section-heading span{color:#a36a2c;font-size:12px;font-weight:850;letter-spacing:.16em}.support-section-heading h2{margin:5px 0 6px;color:#142f51;font-size:clamp(26px,3vw,34px)}.support-section-heading p{margin:0;color:#60758b;font-size:14px;line-height:1.65}.support-section-heading>strong{flex:0 0 auto;color:#91632f;font-size:14px}.support-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.support-payment{display:grid;justify-items:center;gap:20px;padding:26px;border:1px solid #dce5ee;border-radius:19px;background:#fff;box-shadow:0 12px 26px #526c8c0c}.support-payment-title{width:100%;display:flex;align-items:center;gap:13px}.support-payment-title>span{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;color:#fff;font-size:22px;font-weight:900}.wechat-mark{background:#25a961}.alipay-mark{background:#2585e9}.support-payment-title h3{margin:0;color:#173153;font-size:19px}.support-payment-title p{margin:4px 0 0;color:#8293a7;font-size:13px}.support-qr-placeholder{display:grid;place-items:center;width:min(210px,100%);aspect-ratio:1;border:2px dashed #c7d4df;border-radius:14px;background:repeating-linear-gradient(45deg,#f9fbfd,#f9fbfd 9px,#f2f6fa 9px 18px)}.support-qr-placeholder span{padding:14px 24px;border-radius:12px;color:#657b92;background:#fffe;font-size:16px;font-weight:800;line-height:1.5;text-align:center}.support-payment>small{color:#8d9db0;font-size:12px}.support-confirm-note{display:flex;align-items:start;gap:9px;margin:18px 0 0;color:#476982;font-size:13px;line-height:1.7}.support-confirm-note svg{flex:0 0 auto;width:17px;height:17px;margin-top:2px;color:#4e977b}.support-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.support-card{--card-accent: #d5a65f;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:346px;overflow:hidden;padding:20px 22px;border:1px solid #cfb07a;border-radius:17px;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--card-accent) 24%,transparent),transparent 36%),linear-gradient(145deg,#fff9ed,#f0e5d0);box-shadow:0 12px 29px #66563e1d}.support-card:before{content:"";position:absolute;z-index:-1;inset:7px;border:1px solid #b9945888;border-radius:11px;pointer-events:none}.support-card.theme-flame{--card-accent: #d77a4f}.support-card.theme-moon{--card-accent: #8b8dce}.support-card.theme-thunder{--card-accent: #75a9d6}.support-card-top{display:flex;justify-content:space-between;gap:8px;color:#806039;font-size:12px;font-weight:800;letter-spacing:.05em}.support-card-sigil{display:grid;place-items:center;align-self:center;width:66px;height:66px;margin:20px 0 12px;border:1px solid color-mix(in srgb,var(--card-accent) 70%,#57472a);border-radius:50%;color:#fff;background:var(--card-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--card-accent) 19%,transparent)}.support-card-sigil svg{width:31px;height:31px}.support-card>small{color:#86714e;font-size:11px;letter-spacing:.13em;text-align:center}.support-card h3{margin:9px 0 3px;overflow-wrap:anywhere;color:#262538;font-size:25px;text-align:center}.support-card-title{display:block;color:#895c34;font-size:14px;text-align:center}.support-card p{flex:1;min-height:47px;margin:15px 0 12px;color:#584b40;font-size:13px;line-height:1.65;text-align:center;white-space:pre-line;overflow-wrap:anywhere}.support-card footer{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #bfa67988;color:#7a664c;font-size:12px}.support-card footer b{color:#513522;font-size:19px}.support-card footer em{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:#8e6227;font-style:normal;font-weight:850}.support-card footer em svg{width:14px;height:14px}.support-wall-state{display:flex;align-items:center;justify-content:center;gap:15px;min-height:190px;padding:26px;border:1px dashed #c7d3df;border-radius:18px;color:#657d98;background:#fff;text-align:center}.support-wall-state button,.support-pagination button{padding:8px 15px;border:1px solid #c9d8e9;border-radius:9px;color:#265b9b;background:#fff;cursor:pointer}.support-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px}.support-pagination button:disabled{opacity:.5;cursor:default}.support-admin{margin-top:60px;padding:22px;border:1px solid #d1dce9;border-radius:18px;background:#fff}.support-admin-toggle{display:inline-flex;align-items:center;gap:8px;border:0;color:#315985;background:transparent;font:inherit;font-weight:800;cursor:pointer}.support-admin-toggle svg{width:17px;height:17px}.support-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:28px;margin-top:22px}.support-admin-layout h2{margin:0 0 18px;font-size:19px}.support-admin-layout form{display:grid;gap:12px}.support-admin-layout form>label{display:grid;gap:6px;color:#3e5572;font-size:13px;font-weight:750}.support-admin-layout :is(input:not([type=checkbox]),select,textarea){width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #cbd9e6;border-radius:9px;color:#18304c;background:#fff;font:inherit;font-size:14px}.support-admin-layout textarea{min-height:75px;resize:vertical}.support-admin-layout label small{color:#7990a5;font-size:11px;font-weight:500}.support-admin-layout form>.support-check{display:flex;align-items:center;gap:9px}.support-check input{width:17px;height:17px}.support-admin-actions{display:flex;gap:8px}.support-admin-actions button{padding:9px 15px;border:1px solid #b6cce3;border-radius:9px;color:#184e83;background:#fff;font:inherit;font-weight:800;cursor:pointer}.support-admin-actions button:first-child{border-color:#2568a7;color:#fff;background:#2568a7}.support-admin-actions button:disabled{opacity:.6;cursor:wait}.support-admin-error{color:#ab3243}.support-admin-success{color:#258164}.support-admin-layout aside{min-width:0}.support-admin-layout aside>p{color:#6e859b;font-size:13px;line-height:1.5}.support-admin-layout aside>button{display:grid;gap:4px;width:100%;margin:8px 0;padding:10px 12px;border:1px solid #d5e1ec;border-radius:9px;color:#31506d;background:#f7fafc;font:inherit;text-align:left;cursor:pointer}.support-admin-layout aside>button span{color:#70869a;font-size:12px}.lobby-profile-heading .supporter-profile-badge{display:flex;align-items:center;gap:4px;width:max-content;margin-top:7px;padding:4px 9px;border:1px solid #deb86c;border-radius:999px;color:#754e1d;background:#fff2cb;font-size:12px;font-weight:850}.supporter-profile-badge svg{width:13px;height:13px}@media(max-width:1000px){.support-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell:has(.lobby-route-header) .header-account{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell:has(.lobby-route-header) .header-account .support-entry{width:100%;min-width:0;min-height:38px;padding:4px;font-size:10px}.app-shell:has(.lobby-route-header) .header-account .support-entry svg{width:15px;height:15px}.support-hero{grid-template-columns:1fr}.support-hero-seal{display:none}}@media(max-width:620px){.support-inner{width:calc(100% - 28px);padding-top:20px}.support-hero{min-height:0;padding:30px 24px;border-radius:18px}.support-hero p{font-size:14px}.support-methods,.support-wall{padding-top:40px}.support-payment-grid,.support-card-grid,.support-admin-layout{grid-template-columns:1fr}.support-section-heading{align-items:start;flex-direction:column;gap:9px}.support-card{min-height:320px}.app-shell:has(.lobby-route-header) .header-account .support-entry{font-size:10px}.auth-public-header .auth-support-entry{padding:7px 9px;font-size:11px}}:root{color:#edf8f5;background:#06161f;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;--ocean-950: #06161f;--ocean-900: #0a2430;--ocean-800: #113947;--mint: #58ddbd;--mint-deep: #14977d;--gold: #d9b85d;--coral: #ef756f;--text: #edf8f5;--muted: #91adae;--line: rgba(175, 223, 211, .18);--panel: rgba(7, 27, 35, .88);--shadow: 0 24px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% 20%,#154456 0,#071a24 48%,#030c12)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}img{display:block;max-width:100%}.app-shell{min-height:100vh;background:radial-gradient(circle at 84% -10%,rgba(61,174,167,.18),transparent 32%),linear-gradient(145deg,#071922,#092632 62%,#06151d)}.app-header{height:66px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#041219d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:200}.wordmark{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer}.wordmark>span,.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-weight:900}.wordmark strong{font-size:16px;letter-spacing:.08em}.wordmark small{color:var(--mint);font-size:9px;letter-spacing:.16em}.header-account{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.header-account button{border:0;background:transparent;color:var(--muted);cursor:pointer}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d2e39e0,#05171feb);box-shadow:var(--shadow)}.primary-button,.secondary-button{min-height:44px;padding:0 22px;border-radius:10px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.18s ease}.primary-button{color:#06261f;background:linear-gradient(135deg,#6be6c6,#37bea1);box-shadow:0 10px 30px #37bea12e}.secondary-button{background:#ffffff0a;border-color:var(--line)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.eyebrow{color:var(--gold);letter-spacing:.2em;font-size:11px;font-weight:800}.form-error{color:#ff9c96;font-size:13px}.empty-state{padding:28px;color:var(--muted);text-align:center}.app-loading,.battle-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;background:radial-gradient(circle,#123e4b,#041018)}.app-loading p,.battle-loading p{color:var(--muted)}.battle-loading>span{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:30px}.battle-loading button{border:1px solid var(--line);border-radius:8px;background:#ffffff0f;padding:10px 18px}.auth-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.auth-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(45,188,164,.21),transparent 35%),linear-gradient(115deg,#020d1333,#020d13e6),repeating-linear-gradient(90deg,transparent 0 79px,rgba(121,210,194,.04) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(121,210,194,.04) 80px)}.auth-card{width:min(480px,100%);padding:42px;border:1px solid rgba(215,179,84,.35);border-radius:24px;background:#051820eb;box-shadow:0 40px 120px #0000008c;position:relative}.auth-emblem{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:26px}.auth-card h1{margin:16px 0 10px;font-size:clamp(30px,5vw,46px)}.auth-copy{color:var(--muted);line-height:1.7}.auth-card form{display:grid;gap:10px;margin-top:26px}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.auth-mode-switch button{height:38px;color:var(--muted);background:#ffffff0f;border:1px solid var(--line);border-radius:9px}.auth-mode-switch button.active{color:#fff;background:#5091e666;border-color:#5a98eb}.auth-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.auth-code-row input{min-width:0}.secondary-button{min-height:50px;padding:0 13px;color:#d7e5ff;background:#4f84d638;border:1px solid rgba(111,161,232,.4);border-radius:10px}.auth-flow-switch,.auth-login-method{display:flex;gap:6px;margin:4px 0 14px;padding:4px;background:#ebf1fdb8;border-radius:12px}.auth-flow-switch button,.auth-login-method button{flex:1;padding:8px 10px;border:0;border-radius:9px;color:#6d7694;background:transparent;font:inherit;font-size:12px}.auth-flow-switch button.active,.auth-login-method button.active{color:#315997;background:#fff;box-shadow:0 4px 12px #3a4e891a;font-weight:800}.auth-login-method{margin:8px 0 12px}.sms-placeholder,.form-notice{margin:8px 0;padding:9px 10px;color:#6b7090;background:#fff7e2cc;border:1px solid rgba(215,159,53,.2);border-radius:10px;font-size:11px;line-height:1.45}.form-notice{color:#48639c;background:#edf5ffe6;border-color:#5484da33}.auth-register-code{width:100%;margin:0 0 10px;padding:9px;border:1px solid rgba(78,119,190,.18);border-radius:10px;color:#4775bf;background:#fff}.auth-sms-toast{position:fixed;right:24px;bottom:24px;z-index:20;width:min(330px,calc(100vw - 48px));padding:16px 18px;border:1px solid rgba(215,159,53,.45);border-radius:14px;color:#263454;background:#fffaf0;box-shadow:0 18px 45px #26345433}.auth-sms-toast strong{display:block;color:#9b6b19;font-size:13px}.auth-sms-toast p{margin:7px 0 12px;font-size:12px;line-height:1.55}.auth-sms-toast button{min-height:32px;padding:0 14px;border:1px solid rgba(84,132,218,.25);border-radius:8px;color:#315997;background:#edf5ff;cursor:pointer}.auth-card label{color:var(--muted);font-size:12px}.auth-card input{height:50px;border:1px solid var(--line);border-radius:10px;background:#0000003d;color:var(--text);padding:0 14px}.trust-note{display:flex;gap:8px;align-items:center;margin-top:20px;color:var(--muted);font-size:11px}.trust-note span{width:6px;height:6px;border-radius:50%;background:var(--mint)}.modal-layer{position:fixed;inset:0;z-index:50000;display:grid;place-items:center;padding:24px;background:#43498442;-webkit-backdrop-filter:none;backdrop-filter:none}.preview-modal{position:relative;width:min(760px,94vw);max-height:88vh;display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:28px;padding:24px;overflow:auto;border:1px solid rgba(215,184,93,.5);border-radius:20px;background:#0a222c;box-shadow:var(--shadow)}.preview-modal>img{width:100%;border-radius:12px}.preview-modal>div{min-width:0;padding-right:34px}.preview-modal p{color:var(--muted);white-space:pre-wrap;line-height:1.75}.preview-modal button{border:1px solid var(--line);border-radius:8px;background:#ffffff0f;padding:10px 18px}.preview-modal button.preview-modal-close{position:absolute;z-index:2;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid rgba(80,120,184,.28);border-radius:50%;color:#315f97;background:#ffffffeb;box-shadow:0 6px 18px #324c7d2e;font:800 25px/1 sans-serif;cursor:pointer}.preview-modal button.preview-modal-close:hover{color:#fff;border-color:#4f8fe5;background:#4f8fe5}.catalog-page{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:28px 0 90px}.catalog-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:28px;margin-bottom:14px}.catalog-hero h1{margin:5px 0 8px;font-size:clamp(28px,4vw,48px)}.catalog-hero p{max-width:720px;margin:0;color:var(--muted);line-height:1.7}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;margin-bottom:18px}.catalog-toolbar form{display:flex;flex:1;gap:9px}.catalog-toolbar input{flex:1;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#ffffffa6}.track-tabs{display:flex;gap:6px}.track-tabs button{border:1px solid var(--line);border-radius:8px;background:transparent;padding:9px 12px;color:var(--muted);cursor:pointer}.track-tabs button.active{color:var(--text);border-color:#58ddbdb3;background:#58ddbd21}.naruto-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.naruto-card-tile{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#ffffff14;box-shadow:0 10px 25px #0000001f}.naruto-card-art{position:relative;display:block;width:100%;aspect-ratio:5 / 7;border:0;background:linear-gradient(155deg,#f5e7d0,#9e7084);cursor:pointer;overflow:hidden}.naruto-card-art img{width:100%;height:100%;object-fit:cover}.naruto-card-art>span{display:grid;place-items:center;height:100%;font-size:34px;color:#ffffffe6;font-weight:700}.naruto-card-art>b{position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:5px;font-size:10px;letter-spacing:.08em;color:#fff}.track-dev{background:#b36a42}.track-prod{background:#3d6cae}.naruto-card-copy{padding:11px 12px 13px}.naruto-card-copy strong{display:block;line-height:1.4}.naruto-card-copy small{display:block;margin-top:5px;color:var(--muted)}.naruto-card-copy p{min-height:38px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.card-source-note{color:var(--muted);font-size:12px;line-height:1.6}.preview-layer{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:#020c12b8}.card-preview{width:min(760px,94vw);max-height:90vh;display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:24px;padding:22px;overflow:auto;border:1px solid rgba(215,184,93,.5);border-radius:20px;background:#0a222c;box-shadow:var(--shadow)}.card-preview>img{width:100%;border-radius:12px}.card-preview>div{min-width:0}.card-preview p{color:var(--muted);white-space:pre-wrap;line-height:1.7}@media(max-width:720px){.catalog-hero,.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-toolbar form{flex:none}.track-tabs{overflow-x:auto}.catalog-page{width:min(100% - 20px,1320px)}.card-preview{grid-template-columns:1fr;max-height:94vh}}.auth-screen.auth-modal-page{display:block;overflow:hidden;padding:0;color:#202746;background:#eef3ff}.auth-screen.auth-modal-page .auth-backdrop{background:radial-gradient(circle at 12% 18%,rgba(116,155,238,.24),transparent 28%),radial-gradient(circle at 88% 78%,rgba(176,145,231,.2),transparent 32%),linear-gradient(135deg,#f7faff,#eaf2ff 52%,#f4efff)}.auth-public-shell{position:relative;z-index:1;width:min(1280px,100%);min-height:100vh;margin:0 auto;padding:clamp(18px,4vw,46px)}.auth-public-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px;border:1px solid rgba(255,255,255,.9);border-radius:21px;background:#ffffffb3;box-shadow:0 18px 50px #4e63a61a,inset 0 1px #fff}.auth-public-brand{display:flex;align-items:center;gap:11px}.auth-public-brand>span:last-child{display:grid;gap:3px}.auth-public-brand strong{font-size:15px;letter-spacing:.04em}.auth-public-brand small,.auth-public-rail{color:#7e88a6;font-size:10px;letter-spacing:.14em}.auth-public-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(77,127,219,.35);border-radius:13px;color:#477ed6;background:linear-gradient(145deg,#fff,#e8f1ff);font-weight:900}.auth-public-preview{min-height:calc(100vh - 140px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1fr);align-items:center;gap:clamp(36px,7vw,96px);padding:48px 3vw 30px}.auth-public-copy{max-width:500px}.auth-public-copy h1{margin:18px 0 16px;color:#202746;font-size:clamp(38px,5vw,70px);line-height:1.02;letter-spacing:-.065em}.auth-public-copy h1 em{display:block;color:#527fda;font-style:normal}.auth-public-copy p{max-width:42ch;margin:0 0 26px;color:#717b9d;line-height:1.8}.auth-public-copy .primary-button{color:#fff;background:linear-gradient(135deg,#6b9bea,#5579d4);box-shadow:0 13px 30px #537bd840}.auth-preview-board{min-height:430px;padding:19px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:#ffffff9e;box-shadow:0 30px 76px #475b9f21,inset 0 1px #fff}.auth-preview-board-head{display:flex;justify-content:space-between;color:#8b93ad;font-size:11px;letter-spacing:.13em}.auth-preview-board-head b{color:#5d82cb;font-size:10px}.auth-preview-lane{position:relative;min-height:140px;display:flex;align-items:center;gap:15px;margin-top:24px;padding:20px;border:1px solid rgba(122,153,221,.23);border-radius:20px;background:linear-gradient(135deg,#f5f9ffe0,#e6efffa6)}.auth-preview-lane.is-self{margin-top:12px;background:linear-gradient(135deg,#faf8ffe6,#ede7ffad)}.auth-preview-lane>span{position:absolute;top:13px;left:17px;color:#8993b0;font-size:10px}.auth-preview-lane>i{width:74px;height:96px;margin-top:14px;border:1px solid rgba(91,130,211,.32);border-radius:10px;background:linear-gradient(145deg,#fff,#d8e7ff);box-shadow:0 10px 20px #4c68b321}.auth-preview-lane>i:nth-of-type(2){transform:translateY(-8px);background:linear-gradient(145deg,#fff,#e8defd)}.auth-preview-lane>i:nth-of-type(3){transform:translateY(5px);background:linear-gradient(145deg,#fff,#d5f2ed)}.auth-preview-lane.is-self>strong{margin-left:auto;color:#6388d2;font-size:11px;letter-spacing:.1em}.auth-preview-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.auth-preview-stats span{flex:1;min-width:120px;padding:11px 13px;border:1px solid rgba(255,255,255,.84);border-radius:13px;color:#818aa8;background:#fff9;font-size:11px}.auth-preview-stats b{display:block;margin-bottom:3px;color:#3c5fba;font-size:18px}.auth-modal-layer{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#43498442;backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%)}.auth-modal-card{position:relative;width:min(520px,100%);max-height:min(780px,calc(100vh - 40px));overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:30px 34px 31px;border:1px solid rgba(255,255,255,.95);border-radius:29px;color:#202746;background:linear-gradient(145deg,#ffffffe6,#f6f8ffd1);box-shadow:0 34px 90px #3943803b,inset 0 1px #fff;backdrop-filter:blur(9px) saturate(118%);-webkit-backdrop-filter:blur(9px) saturate(118%)}.auth-modal-card::-webkit-scrollbar{width:0;height:0;display:none}.auth-screen.auth-modal-page .auth-modal-card{background:linear-gradient(145deg,#ffffffe6,#f6f8ffd1);backdrop-filter:blur(9px) saturate(118%);-webkit-backdrop-filter:blur(9px) saturate(118%)}.auth-modal-brand{display:flex;align-items:center;gap:12px;padding-right:34px}.auth-modal-brand .auth-emblem{flex:0 0 auto;width:45px;height:45px;border:1px solid rgba(80,126,213,.35);border-radius:14px;color:#4f7fd7;background:linear-gradient(145deg,#fff,#eaf2ff);font-size:19px}.auth-modal-brand strong{display:block;color:#323c63;font-size:15px;letter-spacing:-.02em}.auth-modal-brand small{display:block;margin-top:3px;color:#8a94b2;font-size:11px}.auth-modal-intro{margin-top:35px}.auth-modal-intro .eyebrow{margin:0 0 13px;color:#6a65d8;font-size:12px;letter-spacing:.12em}.auth-modal-intro h2{margin:0;color:#202746;font-size:clamp(31px,5vw,42px);letter-spacing:-.065em;line-height:1.08}.auth-modal-intro .auth-copy{max-width:42ch;margin:17px 0 0;color:#77819e;line-height:1.72}.auth-modal-close{position:absolute;top:17px;right:19px;width:34px;height:34px;border:1px solid rgba(93,121,188,.18);border-radius:11px;color:#7481a2;background:#eef4ffd1;font-size:24px;line-height:1;cursor:pointer}.auth-modal-close:hover{color:#3e63aa;background:#e7efff}.auth-modal-card label{color:#697493}.auth-modal-card input{border-color:#5b79bc33;color:#202746;background:#f5f8ffe6}.auth-modal-card input::placeholder{color:#a0a8bc}.auth-modal-card .auth-flow-switch,.auth-modal-card .auth-login-method{background:#ecf1fcd9}.auth-modal-card .auth-flow-switch button,.auth-modal-card .auth-login-method button{color:#77819c}.auth-modal-card .auth-flow-switch button.active,.auth-modal-card .auth-login-method button.active{color:#315aab;background:#fff}.auth-register-code-row{grid-template-columns:minmax(0,1fr) minmax(155px,auto)}.auth-register-code-row .auth-register-code{width:auto;min-width:155px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.auth-register-code-row .auth-register-code small{color:#d45363;font-size:10px;font-weight:800}.auth-nickname-row{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px}.auth-nickname-row label{display:flex;align-items:center;min-height:50px;white-space:nowrap;font-size:12px;font-weight:700}.auth-nickname-row input{min-width:0}.auth-modal-card .primary-button{color:#fff;background:linear-gradient(135deg,#6999ea,#557ad5)}.auth-modal-card .trust-note{color:#8a93aa}.auth-modal-card .trust-note span{background:#6b9bea}@media(max-width:820px){.auth-public-preview{grid-template-columns:1fr;min-height:auto;padding-top:45px}.auth-public-copy{margin:0 auto;text-align:center}.auth-public-copy p{margin-inline:auto}.auth-preview-board{min-height:340px}}@media(max-width:560px){.auth-public-shell{padding:14px}.auth-public-rail{display:none}.auth-public-preview{padding:34px 8px 20px}.auth-public-copy h1{font-size:42px}.auth-preview-board{min-height:300px;padding:13px}.auth-preview-lane{min-height:105px;gap:8px;padding:13px}.auth-preview-lane>i{width:54px;height:70px}.auth-modal-layer{padding:12px}.auth-modal-card{max-height:calc(100vh - 24px);padding:25px 18px 22px;border-radius:24px}.auth-modal-intro{margin-top:28px}.auth-modal-intro h2{font-size:34px}.auth-register-code-row{grid-template-columns:1fr}.auth-register-code-row .auth-register-code{width:100%}.auth-nickname-row{grid-template-columns:74px minmax(0,1fr);gap:8px;align-items:center}}.lobby-page{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:34px 0 56px}.lobby-hero-panel{min-height:330px;position:relative;display:flex;align-items:center;overflow:hidden;padding:52px;border:1px solid rgba(215,184,93,.24);border-radius:24px;background:radial-gradient(circle at 75% 40%,rgba(63,202,177,.16),transparent 28%),linear-gradient(110deg,#071c25fa,#0a2a34d1);box-shadow:var(--shadow)}.hero-grid{position:absolute;inset:0;opacity:.22;background:linear-gradient(90deg,transparent 49.8%,rgba(92,216,190,.25) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 59px,rgba(185,222,214,.08) 60px)}.hero-content{max-width:720px;position:relative}.hero-content h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin:14px 0;letter-spacing:-.04em}.hero-content>p:not(.eyebrow){max-width:560px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.match-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.match-statistics>div{display:grid;gap:7px;padding:14px;background:#5b91f412;border-radius:14px}.match-statistics span{color:var(--muted);font-size:13px}.match-statistics strong{font-size:18px}.match-statistics small{color:var(--muted);font-weight:400}.match-statistics-note{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 0}.captain-card{position:absolute;right:42px;bottom:38px;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#03131abd}.captain-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#06382e;background:var(--mint);font-weight:900}.captain-card div{display:grid;gap:2px}.captain-card small,.captain-card p{color:var(--muted);margin:0;font-size:10px}.lobby-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:22px}.deck-panel,.room-panel{min-height:320px;padding:24px}.rank-panel{min-height:196px;padding:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-title div{display:flex;align-items:center;gap:10px}.panel-title span{color:var(--gold);font-size:11px}.panel-title h2{margin:0;font-size:18px}.panel-title button,.panel-title>small{color:var(--mint);border:0;background:none;font-size:12px;cursor:pointer}.deck-list{display:grid;gap:10px;margin-top:18px}.deck-row{min-height:78px;display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;width:100%;padding:8px 12px;border:1px solid transparent;border-radius:12px;background:#ffffff06;text-align:left;cursor:pointer}.deck-row.active{border-color:#58ddbd85;background:#2dbca417}.deck-cover{width:42px;aspect-ratio:5/7;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#183e49}.deck-cover img{width:100%;height:100%;object-fit:cover}.deck-info{display:grid;gap:5px}.deck-info small{color:var(--muted)}.deck-count{color:var(--gold);font-size:22px}.deck-count small{font-size:10px}.deck-edit{padding:8px;color:var(--mint);font-size:12px}.empty-deck{width:100%;margin-top:18px;min-height:120px;display:flex;align-items:center;gap:18px;padding:20px;border:1px dashed rgba(88,221,189,.3);border-radius:14px;background:#58ddbd0a;text-align:left}.empty-deck>span{font-size:34px;color:var(--gold)}.empty-deck p{color:var(--muted)}.room-mode-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:22px 0}.room-symbol{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(215,184,93,.45);border-radius:12px;color:var(--gold)}.room-mode-card h3,.room-mode-card p{margin:0 0 5px}.room-mode-card p{color:var(--muted);font-size:12px}.room-mode-card button,.join-form button{height:40px;padding:0 18px;border:1px solid rgba(88,221,189,.4);border-radius:9px;background:#58ddbd1a;cursor:pointer}.join-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.join-form label{color:var(--muted);font-size:12px}.join-form input{height:42px;min-width:0;border:1px solid var(--line);border-radius:9px;background:#00000040;color:var(--text);padding:0 12px;letter-spacing:.15em;text-transform:uppercase}.rank-summary{display:grid;gap:12px;padding-top:18px}.rank-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rank-badge{display:grid;gap:3px}.rank-badge strong{color:var(--mint);font-size:21px}.rank-badge small,.rank-score small{color:var(--muted);font-size:11px}.rank-score{display:grid;justify-items:end;gap:2px}.rank-score strong{color:var(--gold);font-size:28px;line-height:1}.rank-progress{height:8px;overflow:hidden;border-radius:999px;background:#4953891f}.rank-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5e8ee8,#55a8ff);transition:width .25s ease}.rank-points{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.rank-points span:last-child{text-align:right;white-space:nowrap}.waiting-page{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:30px}.waiting-card{width:min(660px,100%);padding:42px;text-align:center}.waiting-card h1{margin:8px;font-size:38px}.waiting-card>p:not(.eyebrow){color:var(--muted)}.waiting-orbit{width:100px;height:100px;margin:0 auto 18px;display:grid;place-items:center;position:relative}.waiting-orbit span{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:24px}.waiting-orbit i{position:absolute;inset:5px;border:1px solid rgba(88,221,189,.26);border-radius:50%;animation:orbit 3s linear infinite}.waiting-orbit i:last-child{inset:0 38px;animation-duration:2s}@keyframes orbit{to{transform:rotate(360deg)}}.room-code-block{margin:28px 0;padding:20px;display:grid;justify-items:center;gap:8px;border:1px solid rgba(215,184,93,.32);border-radius:14px;background:#0000002e}.room-code-block small{color:var(--muted)}.room-code-block strong{color:var(--gold);font:800 40px/1 monospace;letter-spacing:.22em}.room-code-block button{border:0;background:none;color:var(--mint);cursor:pointer}.crew-line{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin-bottom:28px}.crew-line>span{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px}.crew-line>span.ready{border-color:#58ddbd80}.crew-line small{color:var(--muted)}.crew-line>i{height:1px;background:var(--line)}.battle-screen{--card-w: clamp(64px, 5.2vw, 94px);--arena-line: rgba(215,184,93,.24);--arena-panel: rgba(5,27,36,.56);height:100vh;min-height:680px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.arena-background{position:absolute;inset:0;overflow:hidden}.battle-topbar{position:absolute;z-index:300;top:10px;left:50%;width:min(710px,calc(100% - 540px));min-width:460px;min-height:42px;transform:translate(-50%);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:6px 8px;border:1px solid rgba(215,184,93,.25);border-radius:10px;background:#04131ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.battle-topbar-mark{display:flex;align-items:center;color:var(--muted)}.phase-rail{display:flex;align-items:center;justify-content:center;gap:4px}.phase-rail span{margin-right:8px;color:var(--gold);font-size:11px}.phase-rail b{padding:5px 7px;border-radius:5px;color:#6e8c8e;font-size:10px}.phase-rail b.active{color:#06261f;background:var(--gold)}.priority-pill{color:var(--muted);font-size:10px}.priority-pill.mine{color:var(--mint)}.player-hud{position:absolute;z-index:250;left:14px;width:250px;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#03131ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-hud.opponent{top:12px}.player-hud.mine{bottom:14px;border-color:#58ddbd6b;box-shadow:0 0 25px #58ddbd1a}.hud-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--mint),#167d71);color:#05231e;font-weight:900}.player-hud>div{display:grid;gap:4px}.player-hud small{color:var(--muted)}.board-grid{position:absolute;z-index:10;inset:58px 250px 154px 210px;display:grid;grid-template-rows:34px minmax(220px,1fr) 52px minmax(220px,1fr);gap:4px}.opponent-hand{height:38px;display:flex;justify-content:center;overflow:hidden}.opponent-hand .card-face{width:38px;flex:0 0 38px;margin-right:-10px;transform-origin:50% 110%}.board-half{position:relative;display:grid;grid-template-columns:clamp(94px,7.3vw,118px) clamp(92px,7.4vw,120px) minmax(0,1fr) calc(var(--card-w) + 26px);align-items:center;gap:clamp(8px,1vw,18px);padding:18px 14px 10px;border:1px solid var(--arena-line);background:linear-gradient(90deg,rgba(4,23,31,.72),var(--arena-panel) 30%,rgba(7,29,37,.32));box-shadow:inset 0 0 42px #06363f3d}.board-half:after{content:"";position:absolute;top:9px;right:14px;left:14px;height:1px;background:linear-gradient(90deg,rgba(215,184,93,.18),transparent)}.opponent-half{border-radius:16px 16px 5px 5px}.player-half{border-radius:5px 5px 16px 16px;background:linear-gradient(90deg,#04171fb8,#07262d9e 30%,#082d325c)}.character-row{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(52px,var(--card-w)));justify-content:center;gap:clamp(7px,.9vw,16px)}.fighter-shell{width:var(--card-w);position:relative;display:grid;place-items:center;border-radius:9px;transition:.18s ease}.fighter-shell.drop-ready{box-shadow:0 0 0 2px var(--mint),0 0 28px #58ddbd59}.empty-character{width:var(--card-w);aspect-ratio:5/7;display:grid;place-items:center;border:1px dashed rgba(151,201,192,.2);border-radius:8px;background:#020f1526}.empty-character span{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(151,201,192,.14);border-radius:50%;color:#97c9c033;font-size:9px}.command-zone{width:calc(var(--card-w) + 26px);display:grid;grid-template-columns:var(--card-w) 22px;gap:6px;align-items:center}.stage-slot{width:22px;min-height:calc(var(--card-w) * 1.4);display:grid;place-items:center;border:1px dashed rgba(215,184,93,.22);border-radius:5px;color:#d7b85d61;writing-mode:vertical-rl;font-size:8px}.stage-slot .card-face{width:22px}.pile-cluster{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 4px;border:1px solid rgba(215,184,93,.1);border-radius:9px;background:#0212195c}.pile{min-width:0;display:grid;justify-items:center;gap:2px;padding:4px 2px;border:0;background:none}.pile b{color:var(--gold);font-size:12px}.pile small{color:var(--muted);font-size:7px}.mini-back{width:26px;aspect-ratio:5/7;display:grid;place-items:center;border:1px solid rgba(215,184,93,.36);border-radius:4px;background:linear-gradient(145deg,#154655,#092631);color:var(--gold);font-size:8px}.mini-back.muted{filter:saturate(.35)}.don-strip{width:100%;min-height:62px;display:flex;flex-wrap:wrap;align-content:center;gap:3px;padding:8px;border:1px solid rgba(88,221,189,.14);border-radius:9px;background:#0212194d}.don-strip>span{width:100%;color:var(--muted);font-size:8px}.don-strip i,.don-strip button{width:14px;height:19px;padding:0;border:1px solid rgba(88,221,189,.5);border-radius:2px;background:#dbece6;transform:rotate(-4deg)}.don-strip .used{opacity:.42;transform:rotate(86deg)}.don-strip .actionable{cursor:grab;box-shadow:0 0 8px var(--mint)}.don-badge{position:absolute;right:-5px;bottom:10px;z-index:5;padding:2px 5px;border-radius:7px;background:var(--mint);color:#05251f;font-size:8px;font-weight:900}.combat-rail{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:2px 3%;padding:5px 14px;border:1px solid rgba(88,221,189,.24);border-radius:9px;background:#03131ad6;box-shadow:0 8px 24px #0000002e}.combat-state{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px}.combat-state small{grid-row:1 / 3;color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.08em}.combat-rail strong{color:var(--gold);font-size:11px}.combat-rail span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compass-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold)!important}.power-clash{display:flex;align-items:center;gap:8px}.power-clash b{font-size:18px}.power-clash i{color:var(--coral);font-size:9px}.card-face{width:100%;aspect-ratio:5/7;position:relative;flex:0 0 auto;border:1px solid rgba(215,184,93,.38);border-radius:8px;background:#0b2732;box-shadow:0 5px 14px #00000047;transition:transform .18s ease,box-shadow .18s ease}.card-face.rested{transform:rotate(90deg) scale(.73)}.card-surface{position:absolute;inset:0;border-radius:inherit;transition:transform .18s ease}.card-face.actionable{box-shadow:0 0 0 2px #58ddbdd1,0 0 22px #58ddbd57}.card-face.selected{transform:translateY(-7px);box-shadow:0 0 0 2px var(--gold),0 0 28px #d7b85d66}.card-face.rested.selected{transform:rotate(90deg) scale(.73) translate(-7px)}.card-art-button{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer}.card-art-button img{width:100%;height:100%;object-fit:cover}.card-fallback,.card-back{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle,#1c6871,#092630 67%);color:var(--gold);font-weight:900}.card-back b{width:54%;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg)}.card-back b:first-letter{transform:rotate(-45deg)}.card-stats{position:absolute;inset:4px 4px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:8px}.card-stats span,.card-stats strong{min-width:20px;padding:2px 4px;border-radius:7px;background:#020f14e0;text-align:center}.card-stats span{color:var(--gold)}.card-action{position:absolute;z-index:4;left:50%;bottom:-8px;min-width:58px;transform:translate(-50%);display:grid;place-items:center;text-align:center;padding:4px 7px;border:1px solid #b7f5e6;border-radius:10px;background:var(--mint-deep);color:#fff;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.attached-don{position:absolute;right:2px;bottom:3px;border-radius:5px;background:#031218e6;color:var(--mint);font-size:7px;padding:2px 3px}.context-action-bar{position:absolute;z-index:310;left:50%;bottom:208px;width:min(760px,calc(100% - 560px));min-height:44px;transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 8px 5px 12px;border:1px solid rgba(215,184,93,.3);border-radius:14px;background:#03131ae8;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.context-action-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px}.context-action-copy small{grid-row:1 / 3;color:var(--gold);font-size:8px;letter-spacing:.12em}.context-action-copy strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.context-action-copy span{min-width:0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.context-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;pointer-events:auto}.context-actions:empty{display:none}.context-actions button{min-width:92px;min-height:32px;padding:5px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff0d;cursor:pointer;white-space:nowrap}.context-actions button.primary{color:#05271f;background:linear-gradient(135deg,#69e5c5,#37b99e);font-weight:900}.context-actions button.danger{color:#fff;background:linear-gradient(135deg,#df7b6c,#b64e50)}.context-actions button:disabled{opacity:.46;cursor:wait}.battle-utility-dock{position:absolute;z-index:305;right:12px;top:50%;width:54px;transform:translateY(-50%);display:grid;justify-items:end;gap:8px;padding:7px;border:1px solid rgba(215,184,93,.24);border-radius:15px;background:#03131ae0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:width .18s ease}.battle-utility-dock.open{width:210px}.battle-utility-toggle{width:38px;min-height:42px;display:grid;justify-items:center;gap:3px;padding:3px;border:0;background:transparent;color:var(--muted);font-size:8px;cursor:pointer}.battle-utility-toggle .arena-icon{width:28px;height:28px;flex-basis:28px}.battle-utility-panel{width:100%;display:none;gap:7px}.battle-utility-dock.open .battle-utility-panel{display:grid}.battle-utility-panel>small{color:var(--gold);font-size:8px;letter-spacing:.12em}.battle-utility-panel>strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.battle-utility-panel>span{color:var(--muted);font-size:9px;line-height:1.4}.battle-utility-panel>button{min-height:38px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;background:#ffffff0d;color:inherit;cursor:pointer;text-align:left}.battle-utility-panel>button .arena-icon{width:26px;height:26px;flex-basis:26px}.battle-utility-panel>button b{color:var(--gold)}.hand-dock{position:absolute;z-index:220;left:50%;bottom:-38px;width:min(920px,calc(100% - 570px));height:190px;transform:translate(-50%);display:grid;justify-items:center;pointer-events:none}.hand-caption{height:22px;padding:4px 12px;border-radius:9px;background:#03131adb;color:var(--muted);font-size:9px}.hand-fan{display:flex;justify-content:center;align-items:start;width:100%;padding-top:2px}.hand-fan .card-face{width:clamp(80px,7vw,126px);margin-left:clamp(-38px,-2.2vw,-20px);transform:translate(var(--fan-x),var(--fan-rise)) rotate(var(--fan-angle));transform-origin:50% 110%;pointer-events:auto;animation:deal-in .35s both}.hand-fan .card-face:first-child{margin-left:0}.hand-fan .card-face:hover,.hand-fan .card-face.selected{z-index:500!important;transform:translate(var(--fan-x),-42px) rotate(0)}.card-face.dragging{opacity:.28;transform:translate(var(--fan-x, 0),var(--fan-rise, 0)) rotate(var(--fan-angle, 0))}.card-drag-ghost{opacity:1;transform:none!important;box-shadow:0 20px 46px #323f7442}.card-drag-ghost .card-action{display:none}@keyframes deal-in{0%{opacity:0;transform:translateY(90px) rotate(0)}}.toast{position:fixed;z-index:60000;left:50%;top:64px;transform:translate(-50%);padding:10px 18px;border:1px solid rgba(88,221,189,.45);border-radius:10px;background:#041b22f0;box-shadow:var(--shadow)}.toast.error{border-color:#ef756f99;color:#ffc0bb}.side-sheet-scrim{position:fixed;z-index:39999;inset:0;opacity:0;pointer-events:none;background:#00000080;transition:.2s}.side-sheet-scrim.open{opacity:1;pointer-events:auto}.battle-sheet{position:fixed;z-index:40000;top:0;bottom:0;left:0;width:min(390px,92vw);display:grid;grid-template-rows:auto 1fr auto;padding:18px;transform:translate(-102%);transition:.24s ease;border-right:1px solid rgba(215,184,93,.35);background:#071d26;box-shadow:var(--shadow)}.battle-sheet.open{transform:none}.battle-sheet header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.battle-sheet h2{margin:3px 0}.battle-sheet header small{color:var(--gold)}.battle-sheet header button{border:0;background:none;color:var(--muted)}.log-list{overflow:auto}.log-list article{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid rgba(151,201,192,.1)}.log-list article>span{color:var(--mint);font-size:10px}.log-list article.opponent>span{color:var(--coral)}.log-list article.combat>span{color:var(--gold)}.log-list strong{font-size:12px}.log-list p{margin:4px 0;color:var(--muted);font-size:11px;line-height:1.5}.concede-button{min-height:42px;border:1px solid rgba(239,117,111,.4);border-radius:8px;background:#ef756f14;color:#ffaaa5}.trash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow:auto;padding:14px 0}.decision-modal,.result-modal{width:min(780px,94vw);max-height:88vh;overflow:auto;padding:28px;border:1px solid rgba(215,184,93,.45);border-radius:20px;background:linear-gradient(145deg,#0d303a,#061820);box-shadow:var(--shadow)}.decision-modal header small,.result-modal small{color:var(--gold);letter-spacing:.15em}.decision-modal header h2{margin:6px 0}.decision-modal header p{color:var(--muted)}.decision-modal>.primary-button{width:100%;margin-top:18px}.order-list{display:grid;gap:8px}.order-list article{display:grid;grid-template-columns:34px 1fr 36px 36px;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px}.order-list article>b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#1c2418}.order-list article div{display:grid}.order-list span{color:var(--muted);font-size:11px}.order-list button{height:34px;border:1px solid var(--line);border-radius:6px;background:#ffffff0d}.trigger-card{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.trigger-card>p{color:var(--muted);white-space:pre-wrap;line-height:1.7}.trigger-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.trigger-modal footer>button{min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:9px;background:#ffffff0d}.effect-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.effect-card-option{position:relative;padding:7px;border:1px solid var(--line);border-radius:10px;background:#ffffff06;cursor:pointer}.effect-card-option.selected{border-color:var(--mint);box-shadow:0 0 20px #58ddbd38}.effect-card-option.ineligible{opacity:.72;border-style:dashed;cursor:default}.effect-card-location{display:block;margin-bottom:6px;color:var(--ink);font-size:12px;font-weight:700}.effect-card-option>span{display:block;margin-top:5px;color:var(--mint);font-size:10px}.effect-count-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px}.effect-count-list>button{min-height:48px;border:1px solid var(--line);border-radius:10px;background:#ffffff0a;color:var(--ink)}.effect-modal-actions{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:12px;margin-top:18px}.effect-modal-actions.single{grid-template-columns:1fr}.effect-modal-actions>button{min-width:0;min-height:46px}.effect-cancel-button{min-height:46px;padding:0 20px;border:1px solid rgba(226,164,55,.58);border-radius:10px;color:#8c5a09;background:linear-gradient(145deg,#fff9e1f5,#ffe49de6);font-weight:850;cursor:pointer}.effect-count-list+.effect-cancel-button{width:100%;margin-top:18px}.effect-cancel-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.result-modal{text-align:center}.result-modal h1{margin:8px 0;color:var(--gold);font-size:60px}.result-modal p{color:var(--muted)}.result-modal-actions{display:grid;gap:16px;width:min(100%,440px);margin:20px auto 0}.result-modal-actions .replay-download{min-width:0;margin:0}.result-modal-actions .replay-download small{color:#8c561f;letter-spacing:normal}.result-modal-actions .result-return-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;width:100%;padding:11px 22px;border:1px solid #b7cbed;border-radius:12px;color:#345c9c;background:#eef4ff;font:inherit;font-weight:700;box-shadow:0 4px 12px #39589614}.result-modal-actions .result-return-button svg{flex:none}.result-modal-actions .result-return-button:hover:not(:disabled){color:#244a88;border-color:#79a4e5;background:#e3edff;transform:none;filter:none}.result-modal-actions .result-return-button:focus-visible{outline:3px solid #528be5;outline-offset:3px}.result-modal-actions .result-return-button:active{background:#d6e5ff;box-shadow:none}@media(max-height:520px)and (orientation:landscape){.result-modal{padding:16px 20px}.result-modal h1{margin:4px 0;font-size:36px}.result-modal p{margin:6px 0}.result-modal-actions{gap:10px;margin-top:14px}}@media(max-width:1180px){.lobby-grid{grid-template-columns:1fr}.captain-card{opacity:.82}.builder-layout{grid-template-columns:minmax(0,1fr) 310px}.battle-screen{--card-w: clamp(55px, 5.7vw, 72px)}.battle-topbar{width:min(620px,calc(100% - 370px));min-width:420px}.board-grid{inset-right:186px;right:186px;left:146px}.board-half{grid-template-columns:94px 84px minmax(0,1fr) calc(var(--card-w) + 20px);gap:7px;padding-inline:8px}.player-hud{width:190px}.context-action-bar{width:min(650px,calc(100% - 390px))}.pile-cluster{width:94px}.don-strip{width:84px}.hand-dock{width:min(740px,calc(100% - 390px))}}@media(max-width:820px){.app-header{padding:0 14px}.wordmark small{display:none}.lobby-page{width:calc(100% - 24px);padding-top:14px}.lobby-hero-panel{min-height:420px;padding:32px 24px 120px;align-items:flex-start}.hero-content h1{font-size:38px}.captain-card{left:24px;right:24px;bottom:24px}.hero-actions{flex-direction:column}.room-mode-card{grid-template-columns:46px 1fr}.rank-points{flex-wrap:wrap}.room-mode-card>button{grid-column:1 / -1}.join-form{grid-template-columns:1fr auto}.join-form label{grid-column:1 / -1}.builder-page{width:calc(100% - 20px)}.builder-toolbar{top:70px;grid-template-columns:auto 1fr auto}.builder-toolbar .primary-button{grid-column:1 / -1}.builder-layout{grid-template-columns:1fr}.selected-panel{position:static;max-height:none}.selected-scroll{max-height:360px}.catalog-search{grid-template-columns:1fr 1fr}.catalog-search input{grid-column:1 / -1}.preview-modal,.card-preview{grid-template-columns:1fr}.preview-modal>img,.card-preview>img{max-height:56vh;width:auto;margin:auto}.battle-screen{--card-w: clamp(48px, 10.8vw, 72px);min-height:640px;overflow:clip}.battle-topbar{top:4px;left:6px;width:calc(100% - 12px);min-width:0;grid-template-columns:auto 1fr auto;transform:none}.phase-rail b{display:none}.phase-rail b.active{display:block}.player-hud{left:6px;width:156px;min-height:46px;padding:5px 8px}.player-hud.opponent{top:52px}.player-hud.mine{bottom:120px}.hud-avatar{width:32px;height:32px}.player-hud strong{font-size:11px}.player-hud small{font-size:8px}.board-grid{inset:94px 6px 196px;grid-template-rows:24px minmax(184px,1fr) 48px minmax(184px,1fr);min-height:540px}.board-half{position:relative;display:flex;gap:5px;padding:15px 5px 5px;overflow:hidden}.character-row{order:2;grid-template-columns:repeat(5,var(--card-w));gap:4px}.command-zone{order:1;width:calc(var(--card-w) + 12px);grid-template-columns:var(--card-w) 10px;gap:2px}.stage-slot{width:10px}.pile-cluster{position:absolute;right:2px;top:2px;width:72px;opacity:.78}.pile small,.don-strip>span{display:none}.mini-back{width:20px}.don-strip{position:absolute;left:3px;bottom:2px;z-index:5;width:90px;min-height:24px;padding:3px}.opponent-don{top:2px;bottom:auto}.don-strip i,.don-strip button{width:9px;height:13px}.combat-rail{margin:2px 8%}.context-action-bar{z-index:320;top:auto;right:7px;bottom:136px;width:auto;max-height:90px;overflow:auto;transform:none;padding:8px}.context-action-copy{padding-bottom:4px}.context-action-copy span{display:none}.context-actions button{min-height:30px;font-size:10px}.hand-dock{left:0;bottom:-34px;width:100%;height:170px;transform:none}.hand-fan{overflow-x:auto;justify-content:flex-start;padding:4px 22px 0}.hand-fan .card-face{width:82px;margin-left:-27px}.hand-fan .card-face:first-child{margin-left:0}.card-action{min-width:46px;padding:3px 5px}.decision-modal{padding:18px}}@media(max-width:520px){.header-account .status-dot,.header-account>span:not(.status-dot){display:none}.deck-row{grid-template-columns:44px 1fr auto}.deck-edit{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.catalog-search{grid-template-columns:1fr}.catalog-search input{grid-column:auto}.builder-toolbar{gap:8px}.builder-toolbar input{width:100%;font-size:15px}.room-code-block strong{font-size:32px}.crew-line{grid-template-columns:1fr 28px 1fr}.trigger-card{grid-template-columns:110px 1fr}}@media(max-width:520px)and (max-height:700px){.battle-screen{height:100dvh;min-height:0;overflow:clip}.battle-topbar{top:4px;min-height:36px;padding-block:4px}.phase-rail span{font-size:10px}.priority-pill{font-size:9px}.player-hud{width:142px;min-height:40px;padding:4px 6px;gap:7px}.player-hud.opponent{top:44px}.player-hud.mine{bottom:92px}.hud-avatar{width:28px;height:28px}.board-grid{inset:74px 6px 150px;grid-template-rows:18px minmax(110px,1fr) 34px minmax(110px,1fr);min-height:0}.board-half{padding:11px 4px 4px}.character-row{gap:3px}.command-zone{width:calc(var(--card-w) + 9px);grid-template-columns:var(--card-w) 8px;gap:1px}.stage-slot{width:8px;min-height:calc(var(--card-w) * 1.4)}.stage-slot .card-face{width:8px}.pile-cluster{width:66px}.don-strip{width:78px;min-height:20px}.context-action-bar{right:6px;bottom:106px;width:auto;max-height:64px;padding:6px;gap:5px}.context-action-copy strong{font-size:12px}.context-actions button{min-height:27px;font-size:9px}.hand-dock{bottom:-20px;height:144px}.hand-caption{height:19px;padding:3px 9px;font-size:8px}.hand-fan{padding:2px 18px 0}.hand-fan .card-face{width:64px;margin-left:-22px}}:root{color-scheme:light;color:#202544;background:#f3f5fc;--ocean-950: #eef3ff;--ocean-900: #f7f8fe;--ocean-800: #dfe7f8;--mint: #4f7edc;--mint-deep: #3e68bd;--gold: #d19b35;--coral: #e45475;--text: #202544;--muted: #6f7490;--line: rgba(35, 42, 76, .14);--panel: rgba(255, 255, 255, .76);--shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 22px 58px rgba(67, 73, 132, .12)}body{color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(85,168,255,.16),transparent 32%),radial-gradient(circle at 90% 8%,rgba(94,142,232,.13),transparent 30%),#f3f5fc}button{color:var(--text)}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#5e8ee8}.app-shell{background:radial-gradient(circle at 12% -8%,rgba(85,168,255,.18),transparent 30%),radial-gradient(circle at 88% 0%,rgba(94,142,232,.14),transparent 32%),linear-gradient(180deg,#fbfbff,#f1f4fb 70%,#edf2fb)}.app-header{border-bottom-color:#424c841f;color:#202544;background:#fbfcffc7;box-shadow:0 8px 24px #4349840f}.wordmark>span,.brand-mark{border:0;color:#fff;background:linear-gradient(135deg,#5e8ee8,#55a8ff);box-shadow:0 8px 22px #5b58d338}.wordmark small,.panel-title button,.panel-title>small,.deck-edit,.leader-summary>button:last-child,.room-code-block button{color:#456fc8}.header-account,.header-account button{color:#6f7490}.status-dot{background:#44b997;box-shadow:0 0 0 4px #44b9971f}.panel{border-color:#ffffffdb;background:radial-gradient(110% 90% at 0 0,rgba(255,255,255,.86),transparent 52%),linear-gradient(145deg,#ffffffc7,#f1f4ffa8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.primary-button{color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff);box-shadow:0 12px 26px #595ed336}.secondary-button{border-color:#4d558b26;color:#494f70;background:#ffffffb8;box-shadow:inset 0 1px #ffffffeb,0 8px 20px #43498412}.eyebrow{color:#456fc8}.app-loading,.battle-loading{color:#202544;background:radial-gradient(circle at 50% 28%,#fff,#eef3ff 62%,#e5edfb)}.battle-loading>span{border-color:#5e8ee8;color:#6757dc}.battle-loading button{border-color:var(--line);background:#ffffffbf}.auth-backdrop{background:radial-gradient(circle at 22% 25%,rgba(85,168,255,.2),transparent 34%),radial-gradient(circle at 82% 18%,rgba(94,142,232,.16),transparent 30%),linear-gradient(145deg,#fbfbff,#edf3ff)}.auth-card{border-color:#ffffffe6;color:#202544;background:#ffffffc2;box-shadow:0 34px 100px #43498429;-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}.auth-emblem{border:0;color:#fff;background:linear-gradient(135deg,#5e8ee8,#55a8ff)}.auth-card input,.join-form input,.catalog-search input,.catalog-search select{border-color:#3e467724;color:#202544;background:#ffffffbd;box-shadow:inset 0 1px #ffffffe6}.lobby-hero-panel{border-color:#ffffffe0;color:#202544;background:radial-gradient(circle at 76% 32%,rgba(85,168,255,.2),transparent 28%),radial-gradient(circle at 92% 86%,rgba(255,121,174,.12),transparent 31%),linear-gradient(115deg,#ffffffe6,#e9f0ffcc);box-shadow:var(--shadow)}.hero-grid{opacity:.55;background:linear-gradient(90deg,transparent 49.8%,rgba(108,132,225,.14) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 59px,rgba(114,128,194,.055) 60px)}.captain-card{border-color:#ffffffd1;background:#ffffffb3;box-shadow:0 16px 38px #4349841f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.captain-avatar{color:#fff;background:linear-gradient(135deg,#5e8ee8,#55a8ff)}.deck-row{border-color:#49538914;background:#ffffff75}.deck-row:hover{border-color:#4f7edc33;background:#ffffffc7}.deck-row.active{border-color:#4f7edc61;background:linear-gradient(105deg,#4f7edc21,#55a8ff1a);box-shadow:inset 4px 0 #4f7edc}.deck-cover,.leader-thumb,.catalog-art,.selected-row>button:first-child{background:#e6ebf8}.deck-count,.builder-total,.selected-panel header>strong{color:#4f7edc}.builder-total.complete{color:#456fc8}.empty-deck{border-color:#4f7edc42;background:#4f7edc0b}.room-symbol{border-color:#4f7edc38;color:#456fc8;background:#4f7edc14}.room-mode-card button,.join-form button,.catalog-search button,.catalog-actions button,.catalog-card>button:last-child,.load-more{border-color:#4f7edc38;color:#365da9;background:linear-gradient(145deg,#f2effff0,#e7f4ffe6)}.room-code-block{border-color:#4f7edc33;background:#4f7edc0e}.room-code-block strong{color:#456fc8}.crew-line>span.ready{border-color:#24ad8873;background:#24ad8812}.history-panel,.update-panel{min-height:220px}.history-list,.update-list{display:grid;gap:8px}.history-row,.update-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border:1px solid rgba(73,83,137,.09);border-radius:12px;background:#ffffff7a}.history-result{min-width:38px;font-size:11px;font-weight:900}.history-result.win{color:#278e73}.history-result.loss{color:#d94d70}.history-result.draw{color:#c08725}.history-row>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;grid-column:1 / -1;list-style:none;cursor:pointer}.history-row>summary::-webkit-details-marker{display:none}.history-log-detail{grid-column:1 / -1;max-height:min(440px,55vh);overflow:auto;padding:12px 10px;border-top:1px solid rgba(73,83,137,.08)}.history-log-detail p{margin:8px 0 0;color:#454d70;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.history-log-entry{padding:12px 0;border-bottom:1px solid rgba(73,83,137,.1)}.history-log-entry header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}.history-log-entry header strong{color:#345fb0}.history-log-entry header b{padding:3px 8px;background:#e8efff;border-radius:6px}.history-log-entry header span{margin-left:auto;color:#747c98}.history-log-references{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.history-log-references button{min-height:36px;padding:6px 10px;font-size:14px;color:#345fb0;background:#e8efff;border:1px solid rgba(79,126,220,.22);border-radius:8px;cursor:pointer}.history-opponent{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.history-meta,.history-log-count,.update-row time{color:var(--muted);font-size:11px;white-space:nowrap}.update-row{grid-template-columns:auto minmax(0,1fr)}.update-row p{margin:0;color:#454b70;font-size:12px;line-height:1.45}.square-panel{grid-column:1 / -1}.square-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.square-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid rgba(73,83,137,.09);border-radius:13px;background:#ffffff7a}.square-cover{width:44px;height:60px;overflow:hidden;display:grid;place-items:center;border-radius:7px;color:#fff;background:#e6ebf8;font-weight:800}.square-cover img{width:100%;height:100%;object-fit:cover}.square-info{min-width:0}.square-info:is(button){padding:0;text-align:left;color:inherit;font:inherit;border:0;background:transparent;cursor:pointer}.square-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.square-info small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.square-info p{margin:4px 0 0;overflow:hidden;color:#616782;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.square-info>span{display:block;margin-top:4px;color:#616782;font-size:12px}.square-row>summary{list-style:none;cursor:pointer}.square-row>summary::-webkit-details-marker{display:none}.square-actions{display:flex;gap:5px}.square-actions button{min-height:28px;padding:4px 7px;border:1px solid rgba(79,126,220,.18);border-radius:8px;color:#456fc8;background:#ffffffb8;font-size:10px;cursor:pointer}.square-actions button.selected{color:#fff;border-color:#4d7fe3;background:#5a89e5;box-shadow:0 4px 12px #4169be38}.square-actions button.primary{color:#fff;border-color:transparent;background:linear-gradient(108deg,#5e8ee8,#55a8ff)}.square-detail{grid-column:1 / -1;padding:8px 4px 2px;border-top:1px solid rgba(73,83,137,.08)}.square-detail>p{margin:0 0 7px;color:#555c7d;font-size:11px}.square-detail>small{color:var(--muted);font-size:9px}.square-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:12px}.square-card{position:relative;display:grid;gap:3px;min-width:0;padding:6px;text-align:left;color:#202746;border:1px solid rgba(79,126,220,.18);border-radius:10px;background:#ffffffb8;cursor:pointer}.square-card img,.square-card-placeholder{width:100%;aspect-ratio:5 / 7;object-fit:contain;border-radius:5px}.square-card strong{font-size:12px;overflow-wrap:anywhere}.square-card small{font-size:10px;color:#61739c}.square-card>b{position:absolute;top:9px;right:9px;padding:2px 5px;color:#fff;background:#527edd;border-radius:6px;font-size:12px}.cost-curve{display:flex;align-items:end;gap:7px;min-height:62px;padding:4px 8px 0;border-radius:9px;background:#eff4ffb3}.cost-curve>span{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;height:54px}.cost-curve i{display:block;width:100%;max-width:18px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#55a8ff,#5e8ee8)}.cost-curve small{color:#717793;font-size:8px}.cost-curve b{position:absolute;top:0;color:#456fc8;font-size:8px}@media(max-width:720px){.history-row,.history-row>summary{grid-template-columns:auto minmax(0,1fr)}.history-meta,.history-log-count{grid-column:2}.square-list{grid-template-columns:1fr}.square-row{grid-template-columns:40px minmax(0,1fr)}.square-actions{grid-column:2}}.builder-toolbar,.builder-pool,.selected-panel,.builder-toolbar input{color:#202544}.catalog-card{border-color:#48508217;background:#ffffff85;box-shadow:0 8px 20px #4349840e}.catalog-card:hover{transform:translateY(-2px);border-color:#55a8ff40;background:#ffffffd1}.catalog-card.selected{border-color:#4f7edc6b;box-shadow:0 10px 24px #5c52be1c}.catalog-art b{color:#fff;background:linear-gradient(135deg,#5e8ee8,#55a8ff)}.selected-row{border-bottom-color:#3f467614}.modal-layer,.preview-layer{background:#43498442;-webkit-backdrop-filter:none;backdrop-filter:none}.preview-modal,.card-preview,.decision-modal,.result-modal{border-color:#ffffffe0;color:#202544;background:linear-gradient(145deg,#fffffff5,#eff3fff0);box-shadow:0 34px 100px #363d713b}.preview-modal button,.card-preview button,.trigger-modal footer>button,.order-list button,.effect-count-list>button{border-color:var(--line);color:#4d5270;background:#ffffffb8}.battle-screen{--card-w: clamp(72px, 5vw, 96px);--arena-line: rgba(90, 100, 159, .18);--arena-panel: rgba(255, 255, 255, .62);min-height:680px;color:#202544}.battle-topbar,.player-hud,.context-action-bar,.battle-utility-dock,.combat-rail,.hand-caption{border-color:#ffffffdb;color:#202544;background:#ffffffbd;box-shadow:inset 0 1px #fffffff0,0 12px 30px #4349841f;-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}.battle-topbar{width:min(760px,calc(100% - 580px));min-width:480px;grid-template-columns:auto minmax(0,1fr) auto auto;border-radius:16px}.battle-topbar-mark{display:flex;align-items:center;color:#565c7c}.phase-rail span{color:#456fc8}.phase-rail b{color:#7b8099}.phase-rail b.active{color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff);box-shadow:0 6px 14px #575bcf33}.priority-pill{color:#777c94}.priority-pill.mine{color:#456fc8}.battle-concede-trigger{min-height:28px;padding:4px 10px;border:1px solid rgba(214,76,111,.2);border-radius:9px;color:#b73b5d;background:#fff5f8c7;cursor:pointer;font-size:9px;font-weight:800}.battle-concede-trigger:hover{border-color:#d64c6f61;background:#fff4f7}.battle-concede-trigger:disabled{opacity:.45;cursor:default}.player-hud{width:clamp(268px,15vw,310px);min-height:72px;gap:12px;padding:10px 12px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.player-hud>div{flex:1;min-width:0;gap:5px;padding-right:78px}.hud-name-line{min-width:0;display:flex;align-items:center;gap:7px}.player-hud strong{min-width:0;color:#202544;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.player-hud small{display:block;color:#747993;font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.hud-rank-slot:empty{display:none}.hud-rank-slot:not(:empty){flex:0 0 auto;padding:3px 7px;border:1px solid rgba(91,117,180,.16);border-radius:999px;color:#526d9f;background:#edf3ff;font-size:8px;font-weight:800;white-space:nowrap}.player-hud.waiting-turn{opacity:.84}.player-hud.active-turn{border-color:#4f7edc7a;box-shadow:inset 4px 0 #4f7edc,0 0 0 2px #6cb2ff26,0 14px 34px #4349842b}.hud-turn-state{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:3px 7px;border:1px solid rgba(91,117,180,.16);border-radius:999px;color:#8a8fa6;background:#f5f8ffc7;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}.hud-presence{position:absolute;right:10px;bottom:9px;display:inline-flex;align-items:center;gap:5px;color:#747993;font-size:9px;font-weight:800;white-space:nowrap}.hud-presence i{width:7px;height:7px;border-radius:50%;background:#aeb5c7;box-shadow:0 0 0 3px #aeb5c724}.hud-presence.online{color:#267b63}.hud-presence.online i{background:#36b88c;box-shadow:0 0 0 3px #36b88c26}.hud-presence.offline{color:#9a5366}.hud-presence.offline i{background:#d66a87;box-shadow:0 0 0 3px #d66a8724}.hud-turn-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#b7bccd}.player-hud.active-turn .hud-turn-state{border-color:transparent;color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff);box-shadow:0 5px 13px #4f7edc3d}.player-hud.active-turn .hud-turn-state:before{background:#fff;box-shadow:0 0 0 3px #fff3}@media(max-width:520px){.player-hud{gap:6px;padding:5px 6px}.player-hud>div{padding-right:0}.player-hud strong,.player-hud small{padding-right:48px}.hud-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:10px;font-size:11px}.hud-turn-state{top:auto;right:5px;bottom:5px;min-height:18px;padding:2px 5px;font-size:7px}.hud-presence{top:5px;right:6px;bottom:auto;font-size:7px}.hud-presence i{width:5px;height:5px}}.hud-avatar{position:relative;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:15px;color:#fff;background:linear-gradient(145deg,#5e8ee8,#55a8ff);box-shadow:0 8px 18px #565bcb33}.hud-avatar>span{position:relative;z-index:0}.hud-avatar img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}.board-grid{inset:62px 238px 166px 218px;grid-template-rows:34px clamp(172px,calc((100vh - 335px)/2),202px) 52px clamp(172px,calc((100vh - 335px)/2),202px);align-content:center;gap:7px}.opponent-hand .card-face{border-color:#fffc;box-shadow:0 5px 13px #3b427429}.board-half{grid-template-columns:clamp(104px,7vw,118px) clamp(104px,7vw,118px) minmax(0,1fr) calc(var(--card-w) * 2 + 10px);gap:clamp(8px,.8vw,15px);padding:20px 14px 10px;border-color:#6f8bb533;background:linear-gradient(90deg,#edf5ffad,#ffffff80 38%,#eff6ffa6);box-shadow:inset 0 1px #ffffffd1,0 9px 26px #42547613;-webkit-backdrop-filter:blur(11px) saturate(112%);backdrop-filter:blur(11px) saturate(112%)}.board-half:after{background:linear-gradient(90deg,rgba(79,126,220,.18),transparent)}.opponent-half{border-radius:20px 20px 8px 8px;box-shadow:inset 4px 0 #74b6f6,inset 0 1px #ffffffd1,0 9px 26px #42547613}.player-half{border-radius:8px 8px 20px 20px;background:linear-gradient(90deg,#e8f2ffb3,#fcfeff85 38%,#eaf4ffab);box-shadow:inset 4px 0 #4f7edc,inset 0 1px #ffffffd1,0 9px 26px #42547613}.character-row{position:relative;min-height:calc(var(--card-w) * 1.4);display:flex;align-items:center;justify-content:center;gap:clamp(9px,.9vw,16px);isolation:isolate}.character-row:before{content:"";position:absolute;z-index:-2;left:3%;right:3%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,126,220,.28) 12%,rgba(79,126,220,.28) 88%,transparent)}.character-row:after{content:"";position:absolute;z-index:-1;inset:0 5%;opacity:.9;background:radial-gradient(circle,#fff 0 2px,rgba(79,126,220,.36) 2.5px 4px,transparent 4.5px) left center / 20% 100% repeat-x}.fighter-shell{position:relative;z-index:1;flex:0 0 var(--card-w);border-radius:12px}.fighter-shell.drop-ready{box-shadow:0 0 0 3px #4f7edc9e,0 0 26px #55a8ff47}.fighter-shell.effect-source-active,.stage-slot.effect-source-active{z-index:8;box-shadow:0 0 0 3px #ffbd4aeb,0 0 18px #ffbd4ac7,0 0 38px #55a8ff94;animation:effect-source-pulse 1.25s ease-in-out infinite alternate}.fighter-shell.effect-source-active:after,.stage-slot.effect-source-active:after{content:"效果触发中";position:absolute;z-index:8;left:50%;bottom:-18px;padding:3px 7px;border:1px solid rgba(255,255,255,.92);border-radius:999px;color:#fff;background:linear-gradient(112deg,#e7a42a,#5e8ee8);box-shadow:0 5px 14px #303a743d;font-size:8px;font-weight:900;line-height:1;white-space:nowrap;pointer-events:none;transform:translate(-50%)}@keyframes effect-source-pulse{0%{filter:brightness(1)}to{filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){.fighter-shell.effect-source-active,.stage-slot.effect-source-active{animation:none}}.command-zone{width:calc(var(--card-w) * 2 + 10px);grid-template-columns:var(--card-w) var(--card-w);gap:10px}.stage-slot{position:relative;width:var(--card-w);min-height:calc(var(--card-w) * 1.4);border-color:#5d669e33;border-radius:12px;color:#777c97;writing-mode:horizontal-tb;background:#ffffff47}.stage-slot.is-empty{width:58px;min-height:58px;place-self:center;border-style:solid;border-color:#5c7cad2e;border-radius:18px;background:linear-gradient(145deg,#fff,#edf4ff);box-shadow:inset 0 1px #fff,0 7px 17px #3f577e14}.stage-slot>span{display:grid;justify-items:center;gap:5px}.stage-slot small{color:#81869f;font-size:8px}.pile-cluster{gap:4px;padding:7px 5px;border-color:#5c7cad33;border-radius:14px;background:linear-gradient(145deg,#fffffff0,#edf5ffe6);box-shadow:inset 0 1px #fff,0 8px 20px #3f577e17}.pile{border-radius:9px}.pile:hover{background:#4f7edc12}.pile b{color:#494f79;font-size:13px}.pile small{color:#7b809a}.don-strip{min-height:68px;gap:5px;padding:8px;border-color:#5c7cad2e;border-radius:14px;background:linear-gradient(145deg,#ffffffe8,#f0f6ffe0);box-shadow:inset 0 1px #fff,0 7px 18px #3f577e12}.don-strip>span{color:#777d98}.don-strip i,.don-strip button{position:relative;width:20px;height:20px;border:1px solid rgba(79,126,220,.34);border-radius:7px;background:linear-gradient(145deg,#fff,#e8efff);box-shadow:inset 0 1px #fff,0 4px 9px #4b50a01f;transform:rotate(45deg)}.don-strip i:before,.don-strip button:before{content:"";position:absolute;inset:5px;border:1px solid rgba(85,168,255,.72);border-radius:50%}.don-strip .used{opacity:.38;filter:grayscale(.5);transform:rotate(135deg)}.don-strip .actionable{box-shadow:0 0 0 3px #4f7edc24,0 0 16px #55a8ff66}.don-badge{color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff)}.combat-rail{border-color:#5c7cad2e;border-radius:15px;background:#fafdffe6}.combat-state small{color:#5574b5}.combat-rail strong{color:#365da9}.combat-rail span{color:#747a96}.compass-mark{width:34px;height:34px;border:0}.power-clash b{color:#31375c}.power-clash i{color:#e45475}.card-face{border-color:#40477147;background:#edf1fb;box-shadow:0 7px 18px #2d346333}.card-face.actionable{box-shadow:0 0 0 3px #4f7edcbf,0 0 24px #55a8ff57}.card-face.selected{box-shadow:0 0 0 3px #4f7edc,0 0 28px #4f7edc57}.card-fallback,.card-back{color:#fff;background:radial-gradient(circle,#87c4ff,#4f7edc 72%)}.card-back b{border-color:#ffffffd1}.card-stats span,.card-stats strong{color:#fff;background:#1e244adb}.card-stats span{color:#ffe6a9}.card-action{border-color:#ffffffdb;color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff);box-shadow:0 7px 16px #484fb03d}.attached-don{color:#fff;background:#3f68bde6}.context-action-bar{border-color:#5c7cad33;border-radius:17px;background:#fafdfff0}.context-action-copy small{color:#456fc8}.context-action-copy strong{color:#303756}.context-action-copy span{color:#707691}.context-actions button{border-color:#434c8224;color:#4d5270;background:#ffffffb8}.context-actions button.primary{color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff);box-shadow:0 8px 18px #4f57be30}.context-actions button.danger{color:#fff;background:linear-gradient(135deg,#ee718f,#d94d70)}.battle-utility-dock{border-color:#5c7cad33;color:#303756;background:#fafdfff0}.battle-utility-toggle{color:#5b6381}.battle-utility-panel>small{color:#456fc8}.battle-utility-panel>span{color:#707691}.battle-utility-panel>button{border-color:#434c8224;background:#ffffffb8}.battle-utility-panel>button b{color:#456fc8}.hand-dock{bottom:20px;width:min(940px,calc(100% - 520px));height:164px}.hand-caption{color:#5e647f}.hand-fan .card-face{width:clamp(80px,6.4vw,116px);box-shadow:0 10px 22px #2e356738}.toast{border-color:#4f7edc4d;color:#202544;background:#ffffffeb;box-shadow:0 16px 40px #3c41792e}.toast.error{border-color:#e454756b;color:#b22e53}.side-sheet-scrim{background:#43498447}.battle-sheet{border-right-color:#4f7edc33;color:#202544;background:#f8f9fff5}.battle-sheet header button{color:#707691}.log-list article{border-bottom-color:#444b7e14}.log-list article>span{color:#456fc8}.log-list article.opponent>span{color:#d94d70}.log-list article.combat>span{color:#c08725}.concede-button{border-color:#e4547547;color:#b52d52;background:#e4547512}.effect-card-list>button,.order-list article{border-color:#454d811f;background:#ffffff9e}.effect-card-list>button.selected{border-color:#4f7edc;box-shadow:0 0 20px #4f7edc29}.arena-icon{position:relative;width:30px;height:30px;flex:0 0 30px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:10px;color:#fff;background:linear-gradient(145deg,#5e8ee8,#55a8ff);box-shadow:0 6px 14px #3f68bd2e}.arena-icon.is-muted{border-color:#545c9429;color:#7c82a2;background:linear-gradient(145deg,#fff,#edf2ff);box-shadow:none}.arena-icon-ring{position:absolute;inset:4px;border:1px solid currentColor;border-radius:7px;opacity:.25}.arena-icon-mark{position:relative;width:17px;height:17px}.arena-icon-mark i{position:absolute;display:block;box-sizing:border-box}.arena-icon-life .arena-icon-mark i:first-child{inset:1px 3px 2px;border:2px solid currentColor;border-radius:6px 6px 8px 8px}.arena-icon-life .arena-icon-mark i:nth-child(2){top:5px;left:7px;width:4px;height:4px;border-radius:50%;background:currentColor}.arena-icon-life .arena-icon-mark i:last-child{top:9px;left:8px;width:2px;height:5px;border-radius:2px;background:currentColor}.arena-icon-deck .arena-icon-mark i{width:10px;height:14px;border:1.5px solid currentColor;border-radius:3px}.arena-icon-deck .arena-icon-mark i:first-child{top:0;left:6px;opacity:.4;transform:rotate(10deg)}.arena-icon-deck .arena-icon-mark i:nth-child(2){top:1px;left:4px;opacity:.7;transform:rotate(-5deg)}.arena-icon-deck .arena-icon-mark i:last-child{top:2px;left:2px}.arena-icon-trash .arena-icon-mark i:first-child{top:6px;left:3px;width:11px;height:9px;border:1.5px solid currentColor;border-radius:2px 2px 4px 4px}.arena-icon-trash .arena-icon-mark i:nth-child(2){top:3px;left:2px;width:13px;height:2px;border-radius:2px;background:currentColor}.arena-icon-trash .arena-icon-mark i:last-child{top:0;left:6px;width:6px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}.arena-icon-stage .arena-icon-mark i:first-child{top:0;left:3px;width:2px;height:17px;border-radius:2px;background:currentColor}.arena-icon-stage .arena-icon-mark i:nth-child(2){top:1px;left:5px;width:11px;height:8px;border:1.5px solid currentColor;border-left:0;border-radius:0 4px 4px 0;transform:skewY(-8deg)}.arena-icon-stage .arena-icon-mark i:last-child{bottom:0;left:0;width:8px;height:2px;border-radius:2px;background:currentColor}.arena-icon-report .arena-icon-mark i:first-child{inset:1px 2px;border:1.5px solid currentColor;border-radius:4px}.arena-icon-report .arena-icon-mark i:nth-child(2),.arena-icon-report .arena-icon-mark i:last-child{left:5px;width:7px;height:1.5px;border-radius:2px;background:currentColor}.arena-icon-report .arena-icon-mark i:nth-child(2){top:6px}.arena-icon-report .arena-icon-mark i:last-child{top:10px;width:5px}.arena-icon-compass{border-radius:50%}.arena-icon-compass .arena-icon-ring{border-radius:50%;opacity:.5}.arena-icon-compass .arena-icon-mark:before{content:"";position:absolute;inset:3px;border:1.5px solid currentColor;transform:rotate(45deg)}.arena-icon-compass .arena-icon-mark:after{content:"";position:absolute;inset:7px;border-radius:50%;background:currentColor}.arena-icon-don .arena-icon-mark:before{content:"";position:absolute;inset:3px;border:1.5px solid currentColor;transform:rotate(45deg)}.battle-topbar-mark .arena-icon{width:24px;height:24px;flex-basis:24px;border-radius:8px}.battle-topbar-mark .arena-icon-mark{transform:scale(.72)}.stage-slot .arena-icon{width:36px;height:36px}@media(max-width:1180px){.battle-screen{--card-w: clamp(58px, 5.6vw, 72px)}.battle-topbar{width:min(620px,calc(100% - 520px));min-width:420px}.board-grid{left:138px;right:182px}.board-half{grid-template-columns:92px 82px minmax(0,1fr) calc(var(--card-w) * 2 + 7px);gap:6px;padding-inline:8px}.command-zone{width:calc(var(--card-w) * 2 + 7px);gap:7px}.player-hud{width:232px;min-height:64px;gap:9px;padding:8px 9px}.player-hud>div{padding-right:66px}.hud-avatar{width:40px;height:40px;flex-basis:40px;border-radius:13px}.player-hud strong{font-size:12px}.player-hud small{font-size:9px}.context-action-bar{width:min(650px,calc(100% - 420px))}.hand-dock{width:min(760px,calc(100% - 378px))}}@media(max-width:820px){.battle-screen{--card-w: clamp(46px, 10.6vw, 68px);min-height:640px}.battle-topbar{left:6px;width:calc(100% - 12px);min-width:0;transform:none;border-radius:13px}.player-hud{width:158px}.player-hud>div{padding-right:54px}.hud-avatar{width:32px;height:32px;flex-basis:32px;border-radius:11px;font-size:11px}.player-hud strong,.player-hud small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-hud.mine{bottom:154px}.board-grid{inset:96px 6px 190px;grid-template-rows:24px minmax(180px,1fr) 46px minmax(180px,1fr)}.board-half{display:flex;gap:4px;padding:15px 5px 5px}.command-zone{order:1;width:calc(var(--card-w) * 2 + 4px);grid-template-columns:var(--card-w) var(--card-w);gap:4px}.stage-slot,.stage-slot .card-face{width:var(--card-w)}.character-row{order:2;gap:3px}.pile-cluster{width:74px}.don-strip{width:94px}.context-action-bar{bottom:174px;width:calc(100% - 20px)}.hand-dock{bottom:12px;height:158px}.hand-fan .card-face{width:78px}}@media(max-width:520px)and (max-height:700px){.battle-screen{min-height:0}.player-hud.mine{bottom:122px}.board-grid{inset:76px 5px 154px;grid-template-rows:18px minmax(106px,1fr) 34px minmax(106px,1fr)}.stage-slot{min-height:calc(var(--card-w) * 1.4)}.context-action-bar{bottom:132px;width:calc(100% - 12px)}.hand-dock{bottom:8px;height:124px}.hand-fan .card-face{width:62px}}@media(max-width:820px){.battle-screen{height:100dvh;min-height:0;overflow:clip}.player-hud.opponent,.player-hud.mine{top:50px;bottom:auto;width:calc(50% - 9px);min-height:44px}.player-hud.opponent{left:6px}.player-hud.mine{right:6px;left:auto}.board-grid{inset:100px 6px 232px;min-height:0;grid-template-rows:20px minmax(148px,1fr) 40px minmax(148px,1fr)}.context-action-bar{left:6px;right:6px;bottom:136px;width:auto;max-height:90px;transform:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden auto}.context-action-copy{min-width:0;padding:0;border-bottom:0}.context-actions button{min-width:82px}.battle-utility-dock{top:100px;right:6px;width:48px;transform:none;padding:4px}.battle-utility-dock.open{width:min(210px,calc(100% - 12px))}.hand-dock{left:0;bottom:0;width:100%;height:132px;transform:none}.hand-fan{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:2px 30px 12px;scrollbar-width:none}.hand-fan::-webkit-scrollbar{display:none}.hand-fan .card-face{width:70px;margin-left:-13px;transform:translateY(var(--fan-rise)) rotate(var(--fan-angle))}.hand-fan .card-face:first-child{margin-left:0}}@media(max-width:520px)and (max-height:700px){.player-hud.opponent,.player-hud.mine{top:44px;width:calc(50% - 7px);min-height:38px}.player-hud.opponent{left:4px}.player-hud.mine{right:4px;left:auto;bottom:auto}.hud-avatar{width:28px;height:28px;flex-basis:28px;border-radius:9px;font-size:10px}.board-grid{inset:86px 4px 174px;min-height:0;grid-template-rows:16px minmax(88px,1fr) 32px minmax(88px,1fr)}.context-action-bar{left:4px;right:4px;bottom:106px;width:auto;max-height:64px;padding:5px}.context-actions button{min-width:68px;min-height:26px}.battle-utility-dock{top:86px;right:4px}.hand-dock{bottom:0;height:104px}.hand-fan{padding:1px 24px 8px}.hand-fan .card-face{width:58px;margin-left:-11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.pile-cluster{align-self:center;min-height:104px;padding:10px 7px 8px;border-color:#5d7ab229;border-radius:18px;background:linear-gradient(155deg,#fffffff5,#ecf4ffd1);box-shadow:inset 0 1px #fffffff2,0 10px 24px #3d4e7e1c}.resource-pile{position:relative;min-width:0;display:grid;justify-items:center;align-content:center;gap:8px;padding:4px 2px;border:0;border-radius:11px;background:transparent;transition:background-color .16s ease,transform .16s ease}.resource-pile:hover{background:#4f7edc11;transform:translateY(-1px)}.resource-pile-copy{display:flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap}.resource-pile-copy small{color:#7c849d;font-size:8px;font-weight:700}.resource-pile-copy b{color:#303b64;font-size:15px;line-height:1}.resource-card-back{position:relative;width:36px;aspect-ratio:5 / 7;display:grid;place-items:center;overflow:visible;border:1px solid rgba(79,126,220,.34);border-radius:8px;color:#fff;background:linear-gradient(145deg,#69b9ff,#4f70d6 74%);box-shadow:3px -3px 0 -1px #f7faff,3px -3px #5b77b538,6px -6px 0 -1px #e9f1ff,6px -6px #5b77b521,0 7px 14px #39468b33}.resource-card-art,.don-card-art{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.resource-card-life{border-color:#e0717e6b;background:linear-gradient(150deg,#ffc37a,#ed7890 78%)}.resource-card-deck{background:linear-gradient(150deg,#70c7ff,#526fd5 78%)}.resource-card-trash{border-color:#666f9d61;background:linear-gradient(150deg,#b8c3e5,#737da5 78%)}.resource-card-back.muted{filter:saturate(.45);opacity:.58}.trash-pile,.life-pile-revealed{cursor:pointer}.life-pile-revealed .card-face{width:40px;flex:0 0 40px;margin:0;transform:none;box-shadow:0 4px 10px #39468b33}.life-pile-revealed .card-face:hover{transform:translateY(-1px) scale(1.04)}.don-strip{align-self:center;min-height:0;padding:9px;border-color:#5d7ab229;border-radius:18px;background:linear-gradient(155deg,#fffffff2,#ebf4ffd6);box-shadow:inset 0 1px #fffffff2,0 10px 24px #3d4e7e1a}.don-strip-heading{align-items:center;justify-content:space-between;padding:0 1px 3px;color:#727b98}.don-strip-heading>span{font-size:8px;font-weight:900;letter-spacing:.06em}.don-strip-heading>b{color:#4168bc;font-size:15px;line-height:1}.don-strip-heading>b>small{color:#9298ab;font-size:8px}.don-strip .don-card{position:relative;width:26px;height:37px;padding:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(69,109,205,.52);border-radius:6px;color:#fff;background:linear-gradient(155deg,#eaf7ff 0 16%,#5bb7ff 16% 47%,#4c6fd1 47% 100%);box-shadow:inset 0 1px #ffffffd1,0 5px 11px #37468c2e;transform:none;transition:rotate .16s ease,scale .16s ease,opacity .16s ease,box-shadow .16s ease}.don-strip .don-card:before{content:none}.don-strip .don-card.used{opacity:.42;filter:saturate(.45) brightness(.94);transform:none;rotate:90deg;scale:.72}.don-strip .don-card.actionable{cursor:grab;box-shadow:0 0 0 3px #4f7edc33,0 0 18px #55a8ff80}.don-strip>span>b{color:#456fc8}.fighter-shell{isolation:isolate}.fighter-shell>.card-face{z-index:2}.fighter-shell .attached-don{display:none}.attached-don-stack{position:absolute;z-index:1;inset:7px -17px 7px auto;width:38px;pointer-events:none}.attached-don-card{--don-stack-right: 0px;--don-stack-bottom: 0px;--don-stack-angle: 3deg;position:absolute;right:var(--don-stack-right);bottom:var(--don-stack-bottom);width:34px;height:48px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:6px;color:#fff;background:linear-gradient(155deg,#dff5ff 0 16%,#5bb7ff 16% 47%,#4c6fd1 47% 100%);box-shadow:0 4px 9px #37468c33;transform:rotate(var(--don-stack-angle))}.don-badge{right:-18px;bottom:-4px;z-index:4}.battle-card-inspector{position:fixed;z-index:65000;top:50%;width:min(720px,calc(50vw - 32px));max-height:calc(100vh - 36px);padding:16px;display:grid;grid-template-columns:minmax(250px,320px) minmax(250px,1fr);gap:17px;overflow:hidden;pointer-events:none;color:#242b4c;border:1px solid rgba(95,126,202,.34);border-radius:20px;background:linear-gradient(150deg,#fbfdfffa,#e8f2fff7);box-shadow:0 28px 70px #2a336642,0 0 0 4px #ffffffad,inset 0 1px #fff;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateY(-50%);animation:battle-inspection-in .13s ease-out both}.battle-card-inspector-close{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid rgba(80,120,184,.28);border-radius:50%;color:#315f97;background:#fffffff0;box-shadow:0 6px 18px #324c7d2e;font:800 25px/1 sans-serif;cursor:pointer}.battle-card-inspector-close:hover{color:#fff;border-color:#4f8fe5;background:#4f8fe5}.battle-card-inspector.left{left:22px}.battle-card-inspector.right{right:22px}.battle-card-inspector-art{width:100%;aspect-ratio:5 / 7;align-self:center;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(72,79,130,.24);border-radius:13px;background:#e7efff;box-shadow:0 15px 34px #2e35673d}.battle-card-inspector-art img{width:100%;height:100%;display:block;object-fit:contain}.battle-card-inspector-art>span{padding:28px;color:#4f66a9;font-size:22px;font-weight:900;text-align:center}.battle-card-inspector-copy{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:9px;overflow:hidden}.battle-card-inspector-copy>header,.battle-card-inspector-copy>section{padding:12px 13px;border:1px solid rgba(91,117,180,.16);border-radius:12px;background:#ffffffad}.battle-card-inspector-copy small{display:block;margin-bottom:4px;color:#5375bd;font-size:10px;font-weight:900;letter-spacing:.09em}.battle-card-inspector-copy h2{margin:0 0 11px;color:#202747;font-size:clamp(22px,1.7vw,30px);line-height:1.08}.inspection-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inspection-stats>span{min-width:0;padding:7px 8px;border-radius:9px;background:linear-gradient(145deg,#edf4ff,#fff)}.inspection-stats small{margin:0 0 2px;color:#8188a3;font-size:8px;letter-spacing:0}.inspection-stats b{color:#385fae;font-size:17px}.inspection-battle-info{display:grid;gap:5px}.inspection-battle-info p{margin:0;color:#656d8b;font-size:11px;line-height:1.35}.inspection-battle-info strong{color:#456fc8;font-size:11px}.inspection-battle-info .inspection-warning{color:#c13f64}.inspection-rules{min-height:0;overflow:auto;scrollbar-width:thin}.inspection-rules>div+div{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(87,111,169,.2)}.inspection-rules b{color:#365da9;font-size:11px}.inspection-rules p{margin:4px 0 0;color:#505875;font-size:12px;line-height:1.56;white-space:pre-line}@keyframes battle-inspection-in{0%{opacity:0;transform:translateY(calc(-50% + 8px)) scale(.985)}to{opacity:1;transform:translateY(-50%) scale(1)}}.battle-card-inspector.builder-card-inspector{width:min(800px,calc(62vw - 24px));height:min(580px,calc(100vh - 28px));grid-template-columns:minmax(280px,360px) minmax(300px,1fr);padding:18px;gap:20px}.battle-card-inspector.builder-card-inspector.anchored{right:auto;animation:builder-inspection-in .13s ease-out both}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy{gap:11px}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy>header,.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy>section{padding:14px 15px}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy h2{margin-bottom:13px;font-size:clamp(25px,2vw,34px)}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy small{font-size:11px}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy p{font-size:13px;line-height:1.62}.battle-card-inspector.builder-card-inspector .inspection-rules b{font-size:12px}.battle-card-inspector.builder-card-inspector .inspection-rules p{font-size:13px;line-height:1.62}@keyframes builder-inspection-in{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}@media(min-width:1181px){.battle-screen{--card-w: clamp(88px, min(6.8vw, 13vh), 138px)}.board-grid{inset:68px 140px clamp(216px,26.5vh,278px);grid-template-rows:74px minmax(0,1fr) 58px minmax(0,1fr);align-content:stretch;gap:7px}.board-half{height:90%;align-self:center;grid-template-columns:minmax(140px,9.2vw) minmax(126px,8.3vw) minmax(0,1fr) calc(var(--card-w) * 2 + 14px);gap:clamp(9px,1vw,18px);padding:22px 16px 12px}.character-row{grid-template-columns:repeat(5,var(--card-w));gap:clamp(9px,1vw,18px)}.command-zone{width:calc(var(--card-w) * 2 + 14px);grid-template-columns:var(--card-w) var(--card-w);gap:14px}.stage-slot,.stage-slot .card-face{width:var(--card-w)}.stage-slot{min-height:calc(var(--card-w) * 1.4)}.pile-cluster{align-self:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;padding:8px 6px}.resource-pile{align-content:center;gap:4px}.don-strip{align-self:center;display:grid;grid-template-columns:repeat(4,26px);justify-content:center;align-content:center;gap:5px;padding:9px}.don-strip>span{grid-column:1 / -1}.opponent-hand{position:relative;z-index:4;height:74px;display:grid;place-items:start center;overflow:visible}.opponent-hand-fan{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;min-width:220px}.opponent-hand-fan .card-face{width:clamp(52px,min(3.45vw,7.8vh),68px);flex-basis:auto;margin-right:0;margin-left:-24px;transform:rotate(var(--opponent-angle));box-shadow:0 7px 16px #323a6f33}.opponent-hand-fan .card-face:first-child{margin-left:0}.opponent-hand-fan .card-face:hover{transform:translateY(4px) rotate(var(--opponent-angle))}.hand-count-card{position:absolute;z-index:5;display:inline-flex;align-items:baseline;gap:6px;padding:5px 9px;border:1px solid rgba(79,126,220,.22);border-radius:9px;color:#3b4d7c;background:#f8fbffe0;box-shadow:0 5px 12px #3641781a}.hand-count-card small{font-size:9px;font-weight:800}.hand-count-card b{color:#315fae;font-size:14px}.opponent-hand-count{left:8px;top:4px}.player-hand-count{left:16px;top:14px}.hand-dock{bottom:10px;width:min(1180px,calc(100% - 440px));height:clamp(210px,24.5vh,258px)}.context-action-bar{bottom:clamp(238px,28vh,292px);width:min(780px,calc(100% - 680px))}.hand-fan{padding-top:4px}.hand-fan .card-face{width:clamp(126px,min(9vw,18vh),168px);margin-left:clamp(-56px,-3vw,-34px)}.hand-fan .card-face:hover,.hand-fan .card-face.selected{z-index:1000!important;transform:translate(var(--fan-x),var(--fan-rise)) rotate(var(--fan-angle)) scale(1.05)}}@media(min-width:821px)and (max-width:1180px){.battle-screen{--card-w: clamp(70px, min(7vw, 11.4vh), 88px)}.board-grid{inset:66px 24px clamp(196px,25vh,222px);grid-template-rows:58px minmax(0,1fr) 50px minmax(0,1fr);align-content:stretch}.battle-screen .board-half{height:90%;align-self:center;grid-template-columns:128px 150px minmax(0,1fr) calc(var(--card-w) * 2 + 8px);padding-top:12px}.pile-cluster{align-self:center;width:100%;min-height:92px;grid-template-columns:repeat(3,1fr);padding:32px 5px 6px}.resource-card-back{width:29px}.don-strip{width:100%;display:grid;grid-template-columns:repeat(5,23px);justify-content:center;align-content:center;gap:4px;padding:7px}.don-strip>span{grid-column:1 / -1}.don-strip .don-card{width:23px;height:33px}.opponent-hand{position:relative;z-index:4;height:58px;display:grid;place-items:start center;overflow:visible}.opponent-hand-fan{position:relative;z-index:1;display:flex;justify-content:center}.opponent-hand-fan .card-face{width:48px;margin-left:-20px;margin-right:0;transform:rotate(var(--opponent-angle))}.opponent-hand-fan .card-face:first-child{margin-left:0}.hand-dock{bottom:8px;height:calc(clamp(104px,10vw,124px)*1.4 + 16px)}.context-action-bar{bottom:230px;width:min(650px,calc(100% - 300px))}.hand-fan .card-face{width:clamp(104px,10vw,124px)}.battle-card-inspector{width:min(650px,calc(52vw - 24px));grid-template-columns:minmax(220px,280px) minmax(220px,1fr)}}@media(min-width:821px)and (hover:hover){.hand-fan .card-face:hover,.hand-fan .card-face.selected{z-index:1000!important;transform:translate(var(--fan-x),var(--fan-rise)) rotate(var(--fan-angle)) scale(1.05)}}.hand-fan .card-face.dragging,.hand-fan .card-face.dragging:hover{transform:translate(var(--fan-x),var(--fan-rise)) rotate(var(--fan-angle))!important}@media(max-width:900px),(hover:none){.battle-card-inspector{display:none}}.battle-card-dragging,.battle-card-dragging *{cursor:grabbing!important}.card-face.pointer-drag-source,.don-card.pointer-drag-source{opacity:0!important}.battle-pointer-drag-visual{position:fixed;z-index:70000;margin:0;pointer-events:none;filter:drop-shadow(0 22px 28px rgba(45,55,112,.34));transform:translateZ(0) scale(1.035);transform-origin:50% 50%;will-change:left,top,transform,opacity}.battle-pointer-drag-visual.returning{opacity:.18;transform:translateZ(0) scale(.96);transition:left .18s cubic-bezier(.2,.8,.2,1),top .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .18s ease}.battle-pointer-drag-visual.dropping{opacity:0;transform:translateZ(0) scale(.82);transition:left .15s ease-out,top .15s ease-out,opacity .15s ease-out,transform .15s ease-out}.battle-pointer-drag-visual>.card-face,.battle-pointer-drag-visual>.card-face.rested{width:100%;height:100%;opacity:1;transform:none!important;animation:none;box-shadow:0 0 0 2px #ffffffd1,0 20px 42px #2d377052}.battle-pointer-drag-visual .card-action{display:none}.pointer-drag-don{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.88);border-radius:8px;color:#fff;background:linear-gradient(155deg,#eaf7ff 0 16%,#5bb7ff 16% 47%,#4c6fd1 47% 100%);box-shadow:0 16px 30px #37468c47}.fighter-shell.pointer-drop-hover{z-index:20;box-shadow:0 0 0 4px #4f7edcd1,0 0 34px #55a8ff8c;transform:scale(1.035)}.fighter-action-stack{position:absolute;z-index:12;left:50%;bottom:-12px;transform:translate(-50%);display:flex;gap:3px;max-width:min(230px,90vw)}.fighter-action-stack button{min-width:46px;min-height:24px;padding:3px 6px;border:1px solid rgba(255,255,255,.88);border-radius:999px;color:#fff;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 5px 10px #39468233}.fighter-action-stack .attack-action{background:linear-gradient(135deg,#5e8ee8,#4d72cd)}.fighter-action-stack .effect-action{background:linear-gradient(135deg,#e0ab4d,#c78a23)}.fighter-action-stack .defense-action{background:linear-gradient(135deg,#e87888,#be4c68)}.fighter-action-stack .target-action{background:linear-gradient(135deg,#6cb6dc,#3f86b8)}.card-face[aria-grabbed=false],.don-card.actionable{touch-action:none}.combat-rail.core-action-console{min-width:0;margin:0 1%;padding:6px 7px;grid-template-columns:minmax(128px,.72fr) minmax(360px,2.6fr) minmax(188px,.9fr);align-items:stretch;gap:7px;overflow:visible;pointer-events:auto;border-color:#4f7edc42;border-radius:16px;background:#f8fbfff5;box-shadow:0 10px 26px #36417824,inset 0 1px #ffffffe6}.core-stage-state,.core-current-operation,.core-operation-tools{min-width:0}.core-stage-state{display:grid;align-content:center;gap:2px;padding:4px 10px;border-right:1px solid rgba(79,126,220,.15)}.core-stage-state small,.core-operation-copy small{color:#5378c7;font-size:8px;font-weight:900;letter-spacing:.1em}.core-stage-state strong{color:#263255;font-size:14px}.core-stage-state span,.core-operation-copy span{color:#747b98;font-size:9px;line-height:1.35}.core-operation-copy .operation-effect-source{color:#a36a00;font-weight:800}.core-operation-copy .operation-effect-source b{color:#345cae}.core-current-operation{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:8px;padding:2px 5px}.core-operation-copy{min-width:0;display:grid;align-content:center;justify-items:center;gap:1px;text-align:center}.core-operation-copy strong{overflow:hidden;color:#273253;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.core-operation-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.core-current-operation .power-clash{padding:0 4px}.core-current-operation .power-clash{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.core-current-operation .power-clash b{color:#345cae;font-size:16px}.core-current-operation .power-clash b.opponent{color:#c5526c}.core-current-operation .power-clash .clash-label{max-width:88px;overflow:hidden;text-overflow:ellipsis;font-size:8px;font-weight:900}.core-current-operation .power-clash .clash-label.mine{color:#315fae}.core-current-operation .power-clash .clash-label.opponent{color:#c5526c}.core-current-operation .power-clash i{color:#8b91a8;font-size:9px;font-style:normal}.core-current-operation .context-actions{flex-wrap:wrap;max-width:310px}.core-current-operation .context-actions button{min-width:78px;min-height:30px;padding:4px 9px;border-color:#434c8224;color:#4d5270;background:#ffffffd1}.core-current-operation .context-actions button.primary{color:#fff;background:linear-gradient(108deg,#5e8ee8,#55a8ff)}.core-current-operation .context-actions button.danger{color:#fff;background:linear-gradient(135deg,#ee718f,#d94d70)}.core-operation-tools{display:grid;grid-template-columns:repeat(2,minmax(84px,1fr));gap:5px}.core-operation-tools button{min-width:0;display:grid;align-content:center;gap:2px;padding:5px 8px;border:1px solid rgba(79,126,220,.16);border-radius:10px;color:#3e4a70;background:#eef4ffd1;cursor:pointer;text-align:left}.core-operation-tools button>span{color:inherit;font-size:10px;font-weight:900;white-space:nowrap}.core-operation-tools button>small{color:#858ca6;font-size:7px;white-space:nowrap}.core-operation-tools button.pending{border-color:#eca6417a;color:#9b6718;background:#fff6dbeb}.core-operation-tools button.pending.minimized{box-shadow:0 0 0 2px #eca6412e,0 0 16px #eca64133}.core-operation-tools button.opponent-pending{border-color:#537ecf33;color:#526d9f;background:#f0f5ff;opacity:1}.core-operation-tools button:disabled{opacity:.54;cursor:default}.attack-guide{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:7px;min-width:0;padding:3px 10px 2px;color:#5b6689;font-size:9px;text-align:center}.attack-guide span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attack-guide span:first-child{color:#315fae;text-align:right}.attack-guide span:last-child{color:#c5526c;text-align:left}.attack-guide b{font-weight:900}.attack-guide svg{width:100%;height:18px;overflow:visible}.attack-guide path{fill:none;stroke:#5d9ef4;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7 6;animation:attack-flow 1.15s linear infinite;filter:drop-shadow(0 0 3px rgba(93,158,244,.55))}@keyframes attack-flow{to{stroke-dashoffset:-26}}.log-list article p{line-height:1.6;font-size:13px;color:#4f5678}.log-list article>span{font-size:12px;font-weight:800}.log-list strong{font-size:13px;font-weight:900}.log-context{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.log-context button{border:1px solid rgba(79,126,220,.18);border-radius:6px;padding:2px 6px;color:#456fc8;background:#5e8ee814;font:inherit;font-size:10px;cursor:pointer}.log-keyword{font:inherit;font-weight:900;border:0;padding:0 2px;border-radius:4px;background:transparent;cursor:pointer}.log-keyword.card-ref{color:#315fae;background:#5e8ee81a}.log-keyword.effect-ref{color:#9b6718;background:#eca6411f}.log-keyword.actor-ref{color:#2f8a77}.concede-confirm{position:fixed;z-index:45000;top:66px;right:18px;width:min(330px,calc(100vw - 24px));display:grid;gap:7px;padding:15px;border:1px solid rgba(211,79,113,.24);border-radius:16px;color:#293252;background:#fffbfcfa;box-shadow:0 18px 44px #3f437433;-webkit-backdrop-filter:none;backdrop-filter:none}.concede-confirm>small{color:#bd4565;font-size:8px;font-weight:900;letter-spacing:.12em}.concede-confirm>strong{font-size:17px}.concede-confirm>p{margin:0;color:#727994;font-size:11px;line-height:1.5}.concede-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:3px}.concede-confirm button{min-height:34px;border:1px solid rgba(69,78,132,.14);border-radius:9px;color:#555d79;background:#f5f7fc;cursor:pointer}.concede-confirm button.danger{border-color:transparent;color:#fff;background:linear-gradient(135deg,#eb6f8e,#d54c6d)}.concede-confirm button:disabled{opacity:.55;cursor:wait}.hand-dock{display:block}.hand-fan{height:100%;padding-top:0}.side-sheet-scrim{display:none!important}.battle-sheet{width:min(430px,92vw);pointer-events:none;overflow:hidden;border-right-color:#4f7edc33;color:#202544;background:#f8fafffa;box-shadow:18px 0 46px #323c702e}.battle-sheet.open{pointer-events:auto}.sheet-empty-state{grid-column:1 / -1;align-self:start;margin:18px 0;padding:22px 14px;border:1px dashed rgba(79,126,220,.24);border-radius:12px;color:#7b839f;background:#eef4ff9e;text-align:center}.trash-grid{min-width:0;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;justify-items:center;gap:13px 10px;overflow-x:hidden;overflow-y:auto;padding:16px 2px}.trash-grid>.card-face,.trash-grid>.card-face.rested{width:min(100%,122px);min-width:0;height:auto;margin:0;transform:none!important}.decision-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.decision-header>div{min-width:0}.effect-source-line{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:7px 0 8px;padding:5px 9px;border:1px solid rgba(224,159,42,.26);border-radius:999px;color:#656b89;background:#fff6ddb8;font-size:11px}.effect-source-line span{color:#a36a00;font-weight:900}.effect-source-line strong{overflow:hidden;color:#2e426f;text-overflow:ellipsis;white-space:nowrap}.effect-source-line em{color:#858aa2;font-size:10px;font-style:normal}.decision-header .decision-minimize{flex:0 0 auto;min-height:36px;padding:7px 12px;border:1px solid rgba(79,126,220,.22);border-radius:9px;color:#456fc8;background:#eef4ffe0;cursor:pointer;white-space:nowrap}@media(min-width:1181px){.board-grid{grid-template-rows:74px minmax(0,1fr) 72px minmax(0,1fr)}}@media(min-width:821px)and (max-width:1180px){.board-grid{grid-template-rows:58px minmax(0,1fr) 68px minmax(0,1fr)}.combat-rail.core-action-console{grid-template-columns:126px minmax(310px,1fr) 172px}.core-current-operation .context-actions{max-width:220px}.core-current-operation .context-actions button{min-width:68px;font-size:9px}.core-operation-tools button{padding-inline:6px}}@media(max-width:820px){.board-grid{grid-template-rows:20px minmax(132px,1fr) 76px minmax(132px,1fr)}.combat-rail.core-action-console{margin:0;padding:4px;grid-template-columns:86px minmax(0,1fr) 112px;gap:4px;border-radius:11px}.core-stage-state{padding:3px 5px}.core-stage-state strong{font-size:11px}.core-stage-state span{font-size:7px;white-space:normal}.core-current-operation{grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:1px 2px}.core-operation-copy span,.core-current-operation .power-clash{display:none}.core-current-operation .context-actions{max-width:112px;gap:3px}.core-current-operation .context-actions button{min-width:50px;min-height:25px;padding:2px 5px;font-size:8px}.core-operation-tools{grid-template-columns:1fr;gap:3px}.core-operation-tools button{min-height:29px;padding:3px 5px}.core-operation-tools button>span{font-size:8px}.core-operation-tools button>small{display:none}.battle-concede-trigger{min-height:24px;padding:3px 6px;font-size:8px}.concede-confirm{top:98px;right:7px}.pile-cluster{min-height:0;gap:2px;padding:4px 2px}.resource-card-back{width:21px;border-radius:5px}.resource-pile-copy{position:absolute;top:0;right:0;display:block}.resource-pile-copy small{display:none}.resource-pile-copy b{min-width:15px;height:15px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#4f70c8;box-shadow:0 2px 6px #3a467e33;font-size:8px}.battle-sheet{width:min(390px,94vw)}.trash-grid{grid-template-columns:repeat(2,minmax(96px,1fr))}.decision-header{gap:8px}.decision-header .decision-minimize{min-height:32px;padding:5px 8px;font-size:10px}}@media(max-width:520px)and (max-height:700px){.board-grid{grid-template-rows:16px minmax(80px,1fr) 62px minmax(80px,1fr)}.combat-rail.core-action-console{grid-template-columns:70px minmax(0,1fr) 94px}.core-stage-state span{display:none}.core-operation-tools button{min-height:23px}.trash-grid{grid-template-columns:repeat(2,minmax(82px,1fr));gap:9px}}.header-account .account-name-button{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;border-radius:7px;cursor:pointer}.header-account .account-name-button:hover{color:#315aab;background:#5e8ee81a}.profile-modal-layer{position:fixed;inset:0;z-index:60000;display:grid;place-items:center;padding:20px;background:#43498442}.profile-modal-card{position:relative;width:min(430px,100%);padding:28px 30px 24px;border:1px solid rgba(255,255,255,.94);border-radius:24px;background:linear-gradient(145deg,#fffffff5,#f2f6ffeb);box-shadow:0 30px 80px #39438038,inset 0 1px #fff}.profile-modal-card>small{color:#6a65d8;font-size:11px;letter-spacing:.12em;font-weight:800}.profile-modal-card h2{margin:10px 0 8px;color:#202746;font-size:28px;letter-spacing:-.05em}.profile-modal-card p{margin:0 0 20px;color:#77819e;font-size:13px;line-height:1.65}.profile-modal-card label{display:block;margin-bottom:7px;color:#697493;font-size:12px}.profile-modal-card input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(91,121,188,.2);border-radius:10px;color:#202746;background:#f5f8ffe6}.profile-modal-close{position:absolute;top:14px;right:16px;width:32px;height:32px;border:1px solid rgba(93,121,188,.18);border-radius:10px;color:#7481a2;background:#eef4ffd1;font-size:22px;line-height:1;cursor:pointer}.profile-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.profile-modal-actions>button{min-height:42px;padding:0 16px;border:1px solid rgba(77,85,139,.15);border-radius:10px;color:#494f70;background:#ffffffb8;cursor:pointer}.profile-modal-actions>button.primary-button{color:#fff;border:0}.profile-modal-error{margin-top:10px;color:#c04861;font-size:12px}.battle-chat-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:42px;min-height:42px;margin:0;padding:0 12px;border:1px solid rgba(97,128,222,.45);border-radius:12px;color:#fff;background:linear-gradient(135deg,#5d8fe8,#6b70d8);box-shadow:0 3px 10px #3e53ab2e;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer}.battle-chat-toggle>svg{flex:none}.battle-chat-toggle:focus-visible{outline:3px solid #397ad4;outline-offset:3px}.battle-chat-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:7px;background:#fff3;font-size:11px}.battle-chat-toggle.active{background:linear-gradient(135deg,#3f68c8,#7059cb)}.battle-chat-sheet{position:absolute;top:calc(100% + 10px);right:0;z-index:2;display:flex;width:min(360px,calc(100vw - 140px));height:min(480px,calc(100dvh - 100px));flex-direction:column;overflow:hidden;border:1px solid rgba(116,144,216,.32);border-radius:18px;background:#f7fafff7;box-shadow:0 18px 54px #33438240;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.battle-chat-sheet.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.battle-chat-sheet header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(116,144,216,.2)}.battle-chat-sheet header small{display:block;color:#7783a3;font-size:11px}.battle-chat-sheet header h2{margin:3px 0 0;color:#273461;font-size:18px}.battle-chat-sheet header button{border:0;border-radius:8px;padding:6px 9px;color:#657294;background:#edf1fb;cursor:pointer}.battle-chat-list{flex:1;min-height:0;overflow-y:auto;padding:12px 14px}.battle-chat-list article{max-width:84%;margin:0 0 12px;padding:8px 10px;border-radius:12px 12px 12px 4px;color:#334064;background:#fff;box-shadow:0 4px 12px #42528914}.battle-chat-list article.mine{margin-left:auto;border-radius:12px 12px 4px;color:#fff;background:linear-gradient(135deg,#5f8fe9,#6b74d5)}.battle-chat-list strong{display:block;margin-bottom:3px;font-size:11px;opacity:.75}.battle-chat-list p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.battle-chat-list time{display:block;margin-top:4px;font-size:9px;opacity:.6}.battle-chat-compose{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(116,144,216,.2)}.battle-chat-compose input{flex:1;min-width:0;border:1px solid #d2daf0;border-radius:10px;padding:9px 10px;color:#334064;background:#fff}.battle-chat-compose .primary-button{flex:none;padding:8px 12px}.battle-chat-readonly{margin:0;padding:10px 14px;color:#7783a3;font-size:11px;text-align:center;border-top:1px solid rgba(116,144,216,.2)}@media(max-width:820px),(orientation:landscape)and (max-height:520px)and (max-width:1000px){.battle-chat-toggle{height:44px;min-height:44px;padding:0 10px;font-size:13px}.battle-chat-sheet{width:min(340px,calc(100vw - 80px))}}:root{--social-entry-top: max(12px, env(safe-area-inset-top));--social-entry-right: max(22px, env(safe-area-inset-right))}.social-dock{position:fixed;right:var(--social-entry-right);top:var(--social-entry-top);z-index:1800;color:#242944}.social-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.social-battle-chat-slot{position:relative;flex:0 0 auto}.social-battle-chat-slot:empty{display:none}.social-launch{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:98px;height:42px;padding:5px 12px 5px 7px;color:#315997;background:#fffffff5;border:1px solid #c4d6f0;border-radius:12px;box-shadow:0 3px 10px #36467d12;cursor:pointer}.social-launch>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;color:#fff;background:linear-gradient(145deg,#609af4,#667ce4);border-radius:9px}.social-launch:hover{border-color:#7ea9e9;background:#f4f8ff}.social-launch em{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;color:#fff;background:#e65373;border:2px solid #fff;border-radius:10px;font-size:10px;font-style:normal;line-height:16px}.social-panel{position:absolute;right:0;top:54px;display:flex;flex-direction:column;width:min(390px,calc(100vw - 28px));height:calc(100vh - var(--social-entry-top) - 54px - max(22px,env(safe-area-inset-bottom)));height:calc(100dvh - var(--social-entry-top) - 54px - max(22px,env(safe-area-inset-bottom)));overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-12px) scale(.98);background:#f9fbfffb;border:1px solid rgba(100,128,187,.2);border-radius:26px;box-shadow:0 28px 80px #2a356447;transition:opacity .18s ease,transform .18s ease,visibility .18s}.social-dock.is-open .social-panel{visibility:visible;opacity:1;transform:none}.social-panel>header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid rgba(73,90,135,.12)}.social-panel>header small{color:#d28f24;font-size:10px;letter-spacing:.18em}.social-panel>header h2{margin:3px 0 0;font-size:21px}.social-panel>header button{padding:8px 10px;color:#69718e;background:#edf1fa;border:0;border-radius:10px}.social-overview,.social-chat-view{flex:1;min-height:0;overflow-y:auto;padding:14px}.social-identity{display:flex;align-items:center;gap:11px;padding:13px;background:linear-gradient(120deg,#edf4ff,#f8f5ff);border:1px solid rgba(88,130,206,.14);border-radius:16px}.social-identity>span,.friend-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#5d96ec,#6479dc);border-radius:14px;font-weight:900}.social-identity>div{flex:1;min-width:0}.social-identity small,.social-identity strong{display:block}.social-identity small{margin-bottom:3px;color:#7a8199;font-size:11px}.social-identity strong{color:#304b7e;letter-spacing:.08em}.social-identity button,.social-alert button,.friend-actions button{padding:7px 10px;color:#4775bf;background:#fff;border:1px solid rgba(78,119,190,.16);border-radius:9px}.friend-search{display:flex;gap:8px;margin:13px 0}.friend-search input{flex:1;min-width:0;padding:11px 12px;color:#272d4c;background:#fff;border:1px solid rgba(75,94,145,.15);border-radius:12px;outline:none}.friend-search button,.social-compose button{padding:0 15px;color:#fff;background:linear-gradient(110deg,#5a8fe6,#677bdc);border:0;border-radius:12px}.nickname-search{margin-top:8px}.social-search-results{margin-top:14px}.search-row{display:flex;align-items:center;gap:10px}.search-row>button{margin-left:auto;padding:7px 10px;color:#fff;background:#5d8fe4;border:0;border-radius:9px}.search-result-copy{display:grid;gap:3px;min-width:0}.search-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-copy small{color:#7b849e;font-size:11px}.search-result-state{margin-left:auto;color:#7b849e;font-size:11px;font-style:normal}.social-alert{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin-bottom:9px;padding:11px;background:#fff7e7;border:1px solid rgba(215,159,53,.22);border-radius:13px}.social-alert>div{min-width:0}.social-alert small,.social-alert strong{display:block}.social-alert small{color:#b47716;font-size:10px}.social-alert strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-section-title{display:flex;justify-content:space-between;padding:5px 2px 10px}.social-section-title span{color:#7e859e}.friend-row{padding:11px;background:#ffffffd1;border:1px solid rgba(74,98,154,.11);border-radius:15px}.friend-row+.friend-row{margin-top:8px}.friend-main{display:flex;align-items:center;width:100%;padding:0;text-align:left;background:transparent;border:0}.friend-main>span:nth-child(2){flex:1;min-width:0;margin-left:10px}.friend-main strong,.friend-main small{display:block}.friend-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-main small{margin-top:3px;color:#778098;font-size:11px}.friend-main em{display:grid;place-items:center;min-width:21px;height:21px;color:#fff;background:#e85675;border-radius:11px;font-size:10px;font-style:normal}.friend-avatar img{width:100%;height:100%;object-fit:cover}.presence{display:inline-block;width:7px;height:7px;margin-right:5px;background:#9ea4b5;border-radius:50%}.presence.online{background:#32ae86;box-shadow:0 0 0 3px #32ae861f}.presence.in_battle{background:#e36b72;box-shadow:0 0 0 3px #e36b721f}.presence.spectating{background:#816de0;box-shadow:0 0 0 3px #816de01f}.friend-actions{display:flex;gap:6px;margin-top:9px;padding-left:52px}.social-empty,.social-footnote{padding:16px 4px;color:#878da2;text-align:center;font-size:12px}.social-error{margin:0 14px 14px;padding:10px 12px;color:#b73354;background:#fff0f4;border-radius:11px;font-size:12px}.social-chat-view{display:flex;flex-direction:column;overflow:hidden}.social-chat-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 10px;color:#747c95;font-size:12px}.social-chat-status>span{display:inline-flex;align-items:center;gap:5px}.social-chat-status button{min-height:0;padding:3px 7px;border:0;color:#73809d;background:transparent;font-size:11px}.social-chat-status .social-remove-confirm{gap:4px;color:#b54a5d}.social-chat-status .social-remove-confirm button:first-of-type{color:#fff;background:#d85e73}.social-messages{flex:1;min-height:0;overflow-y:auto;padding:6px 2px 12px}.social-messages article{display:flex;align-items:flex-end;gap:6px;margin:8px 0}.social-messages article.mine{flex-direction:row-reverse}.social-messages p{max-width:78%;margin:0;padding:10px 12px;background:#fff;border-radius:14px 14px 14px 4px;box-shadow:0 5px 15px #36427014;white-space:pre-wrap;word-break:break-word}.social-messages .mine p{color:#fff;background:linear-gradient(120deg,#5d90e5,#6a7ade);border-radius:14px 14px 4px}.social-messages time{color:#9da2b3;font-size:9px}.social-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:10px;border-top:1px solid rgba(73,90,135,.12)}.social-compose textarea{min-height:54px;max-height:100px;resize:vertical;padding:10px;border:1px solid rgba(75,94,145,.16);border-radius:12px;font:inherit;outline:none}.ongoing-battle-layer{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:20px;background:#43498442}.ongoing-battle-card{width:min(460px,100%);padding:26px;background:#fbfcff;border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 30px 90px #252e5847}.ongoing-battle-card small{color:#d18c22;letter-spacing:.15em}.ongoing-battle-card h2{margin:8px 0;font-size:25px}.ongoing-battle-card p{margin:0 0 20px;color:#6d748c}.ongoing-battle-actions{display:flex;gap:9px}.ongoing-battle-actions button{flex:1;padding:12px;border:0;border-radius:12px}.ongoing-battle-actions .primary{color:#fff;background:linear-gradient(110deg,#5a8fe6,#667ade)}.spectator-toolbar{position:fixed;top:70px;left:50%;z-index:1500;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 15px;color:#59617a;background:#fffffff5;border:1px solid rgba(77,103,163,.16);border-radius:14px;box-shadow:0 10px 30px #313d6a26;transform:translate(-50%)}.spectator-toolbar strong{color:#775ed3;white-space:nowrap}.spectator-toolbar>span{color:#747b98;font-size:12px;white-space:nowrap}.spectator-toolbar button{padding:7px 10px;border:0;border-radius:9px;color:#53658e;background:#eef3ff;cursor:pointer}.spectator-toolbar button:disabled{cursor:default;opacity:.72}.spectator-toolbar>button:last-child{color:#fff;background:linear-gradient(120deg,#608de5,#6878d8)}.spectator-view-switch{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(77,103,163,.14);border-radius:10px;background:#f1f5ffc7}.spectator-view-switch button{padding:5px 8px;color:#5b6a92;background:transparent;font-size:11px}.spectator-view-switch button.active{color:#fff;background:linear-gradient(120deg,#5e8ee8,#6d7bda);box-shadow:0 3px 8px #536fbf33}@media(max-width:760px){.spectator-toolbar{top:48px;max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:center}.spectator-toolbar>span{display:none}}@media(max-width:620px){:root{--social-entry-right:max(12px, env(safe-area-inset-right))}.social-panel{height:calc(100vh - var(--social-entry-top) - 54px - max(12px,env(safe-area-inset-bottom)));height:calc(100dvh - var(--social-entry-top) - 54px - max(12px,env(safe-area-inset-bottom)));border-radius:20px}}.battle-screen .board-half{position:relative}.battle-topbar :is(.battle-sound-toggle,.battle-preview-mode-toggle){flex:0 0 auto;padding:5px 8px;min-height:28px;border:1px solid #c5d8f1;border-radius:9px;background:#f5faff;color:#4c719c;font:600 11px/1.2 sans-serif;cursor:pointer}.battle-topbar .battle-sound-toggle[aria-pressed=false]{background:#edf0f5;color:#8290a5}.battle-topbar .battle-preview-mode-toggle[aria-pressed=true]{border-color:#82b7f4;color:#fff;background:#438be5}@media(max-width:820px){.battle-screen:not(.watch-board) .battle-topbar{width:calc(100% - 180px - var(--social-entry-right,22px))}}@media(max-width:560px){.battle-screen:not(.watch-board) .battle-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.battle-screen:not(.watch-board) .battle-topbar .priority-pill{display:none}}.active-session-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:18px 22px;border:1px solid #a8c5f0;border-radius:18px;background:#eff6ff;color:#254f91}.active-session-notice p{margin:5px 0 0;color:#62799c;font-size:14px}.active-session-notice button{flex-shrink:0}.active-session-actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;gap:10px}.active-session-actions>button{min-height:42px;padding:0 18px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap}.active-session-actions>.secondary-button{color:#48699b;background:#ffffffe0;border-color:#c4d6f0;box-shadow:0 2px 6px #33568808}.active-session-actions>.primary-button{box-shadow:0 4px 12px #4f83d52b}.active-session-actions>button:hover:not(:disabled){transform:none;filter:none;border-color:#7ea9e9;box-shadow:0 4px 12px #33568818}@media(max-width:620px){.active-session-notice{align-items:flex-start;flex-direction:column;padding:16px}}@media(max-width:820px){.battle-screen .board-half{padding-top:40px}}.battle-screen .board-half>.hand-count-card{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:6px;top:7px;left:12px;padding:4px 8px;border:1px solid #5897df44;border-radius:8px;background:#f8fbffed;color:#3b4d7c}.battle-screen .hand-count-card small{font-size:11px}.battle-screen .hand-count-card b{font-size:16px}.battle-screen .card-status-label{pointer-events:none;cursor:default}.battle-screen .fighter-action-stack{width:max-content;max-width:max(100%,110px);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;padding:2px}.battle-screen .fighter-action-stack>*{flex:0 0 auto}.battle-screen .fighter-action-button.card-status-label{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:999px;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.battle-screen .card-stats>span{display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;border:2px solid #eff6ff;border-radius:50%;background:#4189ed;color:#fff;font-size:15px;line-height:1;font-weight:900;box-shadow:0 2px 7px #1e4e8740}.battle-screen .card-stats>span.cost-reduced{background:#209964}.battle-screen .fighter-shell .card-stats>strong{margin-left:auto;align-self:flex-start;border:1px solid #e8f3ff;border-radius:999px;padding:4px 8px;color:#fff;background:#4189ed;font-size:15px;line-height:1.2}.battle-screen .fighter-shell>.card-face.rested{transform:none;border-color:transparent;background:transparent;box-shadow:none}.battle-screen .fighter-shell>.card-face.rested .card-surface{transform:rotate(90deg) scale(.73);box-shadow:0 5px 14px #2d346330}.battle-screen .stage-slot{writing-mode:horizontal-tb}.battle-screen .stage-slot>.fighter-shell{width:100%}.battle-screen .card-art-button{cursor:default}@property --ready-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.battle-screen .card-ready-ring{position:absolute;z-index:3;inset:-4px;border:3px solid #5caaff;border-radius:11px;pointer-events:none;box-shadow:0 0 9px #429effb0}@supports (mask-composite: exclude){.battle-screen .card-ready-ring{border:0;padding:3px;background:conic-gradient(from var(--ready-angle),#2b7dec,#74caff 22%,#e5fbff 27%,#428eec 34%,#3989ed 70%,#beedff 77%,#2b7dec);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ready-card-flow 2.4s linear infinite}}@keyframes ready-card-flow{to{--ready-angle: 360deg}}.battle-screen.busy .card-ready-ring{display:none}.battle-screen.busy .card-face.actionable{outline:none;box-shadow:none}.battle-screen .combat-active>.card-face{outline:none;box-shadow:none}.battle-screen .combat-active>.card-face>.card-surface{outline:3px solid #54a7ff;box-shadow:0 0 12px #379dffcc,0 0 26px #7ec4ff88}.battle-screen .hand-fan .card-face.actionable{outline:2px solid #64b5ff;outline-offset:2px}.battle-attack-overlay{position:fixed;inset:0;width:100vw;height:100dvh;z-index:45;pointer-events:none;overflow:visible}.battle-attack-overlay>path{fill:none;stroke-linecap:round}.battle-attack-track{stroke:#479dff55;stroke-width:7px}.battle-attack-flow{stroke:#4da2ff;stroke-width:3px;stroke-dasharray:12 10;animation:battle-direction-flow .65s linear infinite;filter:drop-shadow(0 0 4px #6ab5ff)}@keyframes battle-direction-flow{to{stroke-dashoffset:-22}}@property --activation-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.battle-screen .fighter-action-stack button.effect-action{position:relative;border:2px solid transparent;background:linear-gradient(#fef9ee,#fff3d8) padding-box,conic-gradient(from var(--activation-angle),#55a6ff,#a078eb,#e69ebe,#67cabb,#55a6ff) border-box;color:#825519;animation:activation-ring 4s linear infinite}@keyframes activation-ring{to{--activation-angle: 360deg}}.battle-screen.busy .fighter-action-stack button{pointer-events:none;opacity:.6;animation-play-state:paused}@media(prefers-reduced-motion:reduce){.battle-attack-flow,.battle-screen .fighter-action-stack button.effect-action{animation:none}}@media(prefers-reduced-motion:reduce){.battle-screen .card-ready-ring{animation:none}}.battle-screen .core-current-operation{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy actions" "clash actions";gap:4px 8px}.battle-screen .core-operation-copy{grid-area:copy}.battle-screen .core-operation-copy strong,.battle-screen .core-operation-copy span{max-width:100%;white-space:normal;overflow-wrap:anywhere}.battle-screen .core-current-operation .context-actions{grid-area:actions}.battle-screen .core-current-operation .power-clash{grid-area:clash;display:flex;justify-content:center;min-width:0;gap:8px}.battle-screen .power-clash .clash-party{min-width:0;max-width:45%;display:grid;justify-items:center;gap:2px}.battle-screen .power-clash .clash-party span{max-width:100%;padding:2px 6px;border-radius:7px;background:#e6f0ff;color:#315fae;font-size:11px;overflow:hidden;text-overflow:ellipsis}.battle-screen .power-clash .clash-party.opponent span{color:#bd405b;background:#ffedf0}.battle-screen .power-clash .clash-party.opponent b{color:#bd405b}.battle-screen .core-operation-tools{align-self:stretch;position:relative;z-index:2}.battle-screen .core-operation-tools button>span{font-size:12px;white-space:normal}.battle-screen .core-operation-tools button>small{font-size:9px;white-space:normal}@media(min-width:821px){.battle-screen .board-grid{grid-template-rows:64px minmax(0,1fr) minmax(96px,auto) minmax(0,1fr)}}@media(min-width:821px)and (max-height:800px){.battle-screen{--card-w: clamp(68px, 11.2vh, 84px);--short-hand-w: min(112px, 15vh)}.battle-screen .board-grid{top:64px;bottom:calc(var(--short-hand-w) * 1.4 + 42px);grid-template-rows:74px minmax(0,1fr) minmax(88px,auto) minmax(0,1fr)}.battle-screen .board-half{height:100%;padding-top:6px;padding-bottom:18px}.battle-screen .pile-cluster{min-height:0;padding:24px 5px 6px}.battle-screen .resource-card-back{width:24px}.battle-screen .don-strip{max-height:100%;overflow-y:auto;grid-template-columns:repeat(5,18px);gap:4px;padding:6px}.battle-screen .don-strip .don-card{width:18px;height:26px}.battle-screen .hand-dock{bottom:10px;height:calc(var(--short-hand-w) * 1.4 + 16px)}.battle-screen .hand-fan .card-face{width:var(--short-hand-w)}.battle-screen .fighter-shell .card-stats>span{width:26px;min-width:26px;height:26px;font-size:14px}.battle-screen .fighter-shell .card-stats>strong{padding:3px 5px;font-size:13px}}@media(max-width:820px){.battle-screen .board-half{display:grid;grid-template-columns:clamp(64px,12vw,94px) minmax(0,1fr) calc(var(--card-w) * 2 + 6px);column-gap:8px;padding:40px 8px 8px}.battle-screen .board-half>.don-strip{position:static;grid-column:1;grid-row:1;align-self:center;width:100%;min-height:0;max-height:100%;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px}.battle-screen .don-strip>span{display:block;grid-column:1 / -1;font-size:9px}.battle-screen .don-strip .don-card{width:100%;max-width:20px;height:auto;aspect-ratio:5 / 7}.battle-screen .character-row{grid-column:2;grid-row:1;order:0;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:6px;overflow-x:auto;padding:8px 5px 26px;scrollbar-width:thin}.battle-screen .character-row>*{flex:0 0 var(--card-w)}.battle-screen .command-zone{grid-column:3;grid-row:1;order:0;width:100%;grid-template-columns:repeat(2,var(--card-w));gap:6px}.battle-screen .fighter-action-stack{width:100%;max-width:100%}.battle-screen .card-stats>span{width:23px;min-width:23px;height:23px;font-size:13px}.battle-screen .fighter-shell .card-stats>strong{padding:3px 5px;font-size:12px}.battle-screen .combat-rail.core-action-console{grid-template-columns:minmax(0,1fr) 110px}.battle-screen .core-stage-state{display:none}.battle-screen .core-operation-copy span{display:block;font-size:10px}.battle-screen .core-current-operation .context-actions{max-width:92px}.battle-screen .core-operation-tools button>span{font-size:11px}.battle-screen .board-grid{grid-template-rows:20px minmax(110px,1fr) minmax(110px,auto) minmax(110px,1fr)}}.return-battle-error{position:fixed;z-index:10000;top:72px;left:50%;transform:translate(-50%);max-width:calc(100vw - 30px);padding:12px 18px;border-radius:12px;background:#fff9ed;color:#914529;box-shadow:0 8px 28px #283b6c33}.return-battle-error button{margin-left:12px;border:0;background:transparent}.app-header .header-account .header-return-room{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.app-header .header-account .header-return-room svg{width:16px;height:16px}.app-header .header-account{margin-right:110px}@media(max-width:720px){.app-header{min-height:112px;height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.app-header .header-account{width:100%;margin-right:0;justify-content:flex-start}}.community-panel{padding:24px;min-width:0}.community-panel .panel-title{min-height:45px;gap:12px}.community-panel .panel-title h2{font-size:20px;white-space:nowrap}.community-panel .panel-title button{min-height:36px;font-size:14px}.community-header-actions{flex-wrap:wrap;justify-content:flex-end}.community-owner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0}.community-owner-actions>span{margin-right:auto;color:var(--muted);font-size:13px}.square-publish-options{display:grid;gap:12px;margin:20px 0;padding:0;border:0;min-width:0}.square-publish-options legend{margin-bottom:12px;font-weight:700}.square-publish-options label{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #dbe4f3;border-radius:14px;background:#fff;cursor:pointer}.square-publish-options label.is-selected{border-color:#5599f7;background:#edf5ff;box-shadow:0 0 0 1px #5599f7}.square-publish-options input{flex:none;width:18px;height:18px;accent-color:#438deb}.square-publish-options img,.square-publish-placeholder{flex:none;width:42px;height:58px;border-radius:6px;object-fit:cover}.square-publish-options label>span:last-child{min-width:0;display:grid;gap:6px;overflow-wrap:anywhere}.square-publish-options small{color:var(--muted)}.lobby-dialog:has(.square-publish-options){width:min(680px,calc(100vw - 32px))}.community-square-panel,.community-summary-pair{grid-column:1 / -1}.lobby-grid>.rank-panel{grid-column:1 / -1}.community-summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.community-summary-panel{height:510px;overflow:auto}.community-history-panel{grid-column:1 / -1}.lobby-hero-panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,1fr);align-items:center;gap:40px;padding:40px}.lobby-hero-panel .hero-content{min-width:0;position:relative}.lobby-hero-panel .hero-content h1{font-size:clamp(38px,4.2vw,60px);line-height:1.16}.lobby-hero-panel .captain-card{position:static;width:fit-content;max-width:100%;margin-top:26px;padding:10px 14px;opacity:1;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.platform-online-card{display:inline-flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-top:16px;padding:11px 16px;border:1px solid rgba(79,126,220,.24);border-radius:16px;color:#2d4e90;background:linear-gradient(135deg,#ffffffeb,#e4efffd1);box-shadow:0 9px 22px #435d9c1c,inset 0 1px #fff}.platform-online-pulse{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#5e8ee8,#55a8ff);box-shadow:0 7px 16px #4f7edc40}.platform-online-pulse i{width:10px;height:10px;border-radius:50%;background:#bfffe9;box-shadow:0 0 0 5px #bfffe933,0 0 14px #bfffe9cc}.platform-online-card>div{display:grid;gap:1px}.platform-online-card small{color:#657aa5;font-size:10px;font-weight:800;letter-spacing:.08em}.platform-online-card strong{color:#315fae;font-size:25px;line-height:1.05}.platform-online-card strong em{margin-left:3px;color:#7182a5;font-size:11px;font-style:normal;font-weight:800}.platform-online-card p{margin:0;color:#8290ad;font-size:9px}.community-news{position:relative;isolation:isolate;min-width:0;padding:24px;overflow:hidden;border:1px solid #cddcf7;border-radius:26px;background:radial-gradient(circle at 84% 10%,#a7c8ff52 0 16%,transparent 42%),radial-gradient(circle at 5% 94%,#d9c8ff5c,transparent 38%),linear-gradient(145deg,#fbfdff,#f2f7ff 55%,#f8f4ff);box-shadow:0 18px 48px #3658951c,inset 0 1px #fff}.community-news:before{content:"";position:absolute;z-index:-2;width:210px;height:210px;right:-92px;top:80px;border-radius:50%;background:linear-gradient(145deg,#599afc30,#8f74ed20);filter:blur(2px)}.community-news:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.34;pointer-events:none;background-image:radial-gradient(circle,#5783d5 1px,transparent 1.5px);background-size:42px 42px;-webkit-mask-image:linear-gradient(115deg,transparent 0 28%,#000 62%,transparent 100%);mask-image:linear-gradient(115deg,transparent 0 28%,#000 62%,transparent 100%)}.community-news-orbit{position:absolute;z-index:-1;pointer-events:none;border:1px solid #83a5e044;border-radius:50%;transform:rotate(-24deg)}.community-news-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#6c8de5;box-shadow:0 0 14px #5b89ef}.community-news-orbit.orbit-one{width:260px;height:106px;right:-58px;top:116px}.community-news-orbit.orbit-one:after{left:48px;top:4px}.community-news-orbit.orbit-two{width:180px;height:72px;left:-76px;bottom:26px}.community-news-orbit.orbit-two:after{right:30px;bottom:2px;background:#9b72df}.community-news-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #ccdaf0}.community-news-heading{display:inline-flex;align-items:center;gap:11px;color:#334f85;white-space:nowrap}.community-news-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#4a8df1,#705fdd);box-shadow:0 8px 20px #526fd044}.community-news-mark svg{width:20px;height:20px}.community-news-heading>span:last-child{display:grid;gap:1px}.community-news-heading b{color:#293d70;font-size:14px;letter-spacing:.02em}.community-news-heading small{color:#7182a5;font-size:10px;font-weight:650;letter-spacing:.12em}.community-news-content{position:relative;min-height:374px;padding-top:20px}.community-news .community-news-tabs{flex:none;margin:0;padding:4px;border-color:#cbd9ef;border-radius:12px;background:#e9f0fcbb}.community-news .community-news-tabs button{flex:none;min-height:34px;padding:6px 14px;font-size:13px}.community-news .community-news-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(120deg,#527fe0,#6d64db);box-shadow:0 6px 14px #526ccd38}.community-news .community-notice-intro{max-width:490px;margin-bottom:18px}.community-notice-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:#5275b0;font-size:11px;font-weight:800;letter-spacing:.12em}.community-notice-kicker i{width:7px;height:7px;border-radius:50%;background:#64b692;box-shadow:0 0 0 4px #64b69218}.community-news .community-notice-intro h3{margin-bottom:7px;color:#202f5b;font-size:30px;line-height:1.2;letter-spacing:-.035em}.community-news .community-notice-intro p{max-width:44em;color:#5f7094;font-size:12px;line-height:1.65}.community-news .community-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-news .community-channel{position:relative;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:5px 11px;min-height:104px;padding:13px 14px;overflow:hidden;border-color:#d6e2f4;background:#ffffffd9;border-radius:16px;box-shadow:0 6px 18px #3b60940a;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}.community-news .community-channel:after{content:"";position:absolute;width:80px;height:80px;right:-38px;bottom:-42px;border-radius:50%;background:var(--channel-accent,#6995df);opacity:.08;transition:transform .18s,opacity .18s}.community-news .community-channel:hover{border-color:color-mix(in srgb,var(--channel-accent,#6995df) 48%,#d6e2f4);background:#fff;box-shadow:0 10px 24px #3f64a01a;transform:translateY(-2px)}.community-news .community-channel:hover:after{opacity:.15;transform:scale(1.35)}.community-news .community-channel:has(.is-bilibili){--channel-accent:#d05a88}.community-news .community-channel:has(.is-qq){--channel-accent:#408ee9}.community-news .community-channel:has(.is-douyin){--channel-accent:#7760dd}.community-news .community-channel:has(.is-website){--channel-accent:#8a65d4}.community-news .community-channel-badge{grid-row:1 / 3;align-self:center;width:42px;height:42px;border-radius:14px;color:var(--channel-accent,#517fd1);background:color-mix(in srgb,var(--channel-accent,#517fd1) 12%,#fff)}.community-news .community-channel-badge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.community-news .community-channel-copy{gap:1px}.community-news .community-channel-copy small{color:#8190aa;font-size:9px;font-weight:750;letter-spacing:.1em}.community-news .community-channel-copy strong{color:#29385f;font-size:14px}.community-news .community-channel-copy>span{color:#657695;font-size:11px;overflow-wrap:anywhere}.community-news .community-channel-action{grid-column:2;display:inline-flex;align-items:center;gap:3px;color:var(--channel-accent,#4779c5);font-size:11px;font-weight:750}.community-news .community-channel-action svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.community-news .community-channel:hover .community-channel-action svg{transform:translate(2px)}.community-updates-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.community-updates-heading h3{margin:0 0 6px;font-size:25px}.community-updates-heading p{margin:0;color:#687893;font-size:12px}.community-updates-heading button{flex:none;padding:8px 12px;border:1px solid #cfdef2;border-radius:10px;background:#fff;color:#4576bd;font-size:12px;cursor:pointer}.community-news-updates{max-height:294px;overflow:auto;padding-right:4px}.community-caption{color:#647292;font-size:13px;line-height:1.6;margin:12px 0 16px}.community-news-tabs{display:flex;gap:4px;padding:4px;margin:12px 0;border:1px solid #dce4f5;border-radius:12px;background:#eaf0fc}.community-news-tabs button{flex:1;padding:8px 12px;min-height:36px;border:0;border-radius:9px;color:#657493;font:inherit;font-size:14px;cursor:pointer;background:transparent}.community-news-tabs button[aria-selected=true]{color:#316cc6;background:#fff;font-weight:700;box-shadow:0 3px 12px #536f9c16}.community-notice-intro{margin-bottom:10px}.community-notice-intro h3{margin:0 0 5px;font-size:20px;color:#29365b}.community-notice-intro p{margin:0;color:#647292;font-size:13px;line-height:1.6}.community-channels{display:grid;gap:6px}.community-channel{width:100%;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:9px 12px;border:1px solid #dfe6f4;border-radius:12px;color:#263455;background:#ffffffb8;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.community-channel:hover{border-color:#97baf0;background:#fff}.community-channel:focus-visible,.community-news-tabs button:focus-visible{outline:2px solid #518de6;outline-offset:3px}.community-channel-badge{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#4c7ec5;background:#e9f1ff;font-size:16px;font-weight:700}.community-channel-badge.is-bilibili{color:#ad597b;background:#f9eaf1}.community-channel-badge.is-douyin,.community-channel-badge.is-website{color:#7866b9;background:#eeebfa}.community-channel-copy{display:grid;gap:3px;min-width:0}.community-channel-copy strong{font-size:14px;line-height:1.4}.community-channel-copy small{font-size:12px;line-height:1.4;color:#687893;overflow-wrap:anywhere}.community-channel-action{color:#4576bd;font-size:12px;white-space:nowrap}.community-copy-status{margin:8px 0 -2px;min-height:18px;color:#3d6fae;font-size:11px;font-weight:650;line-height:1.5}.community-douyin-preview{text-align:center}.lobby-dialog:has(.community-douyin-preview){width:min(560px,calc(100vw - 20px))}.community-douyin-preview p{margin:0 0 16px;color:#647292;line-height:1.6}.community-douyin-preview img{display:block;width:auto;max-width:100%;max-height:max(200px,calc(100dvh - 240px));margin:auto;border-radius:14px}.community-square-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.community-deck-card{min-width:0;padding:18px;border:1px solid #dbe5f4;border-radius:18px;background:#ffffffb3;display:flex;flex-direction:column;gap:15px}.community-deck-open{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;width:100%;padding:0;border:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.community-deck-cover{display:grid;place-items:center;width:64px;height:90px;border-radius:8px;overflow:hidden;background:#ebf0fb}.community-deck-cover img{width:100%;height:100%;object-fit:cover}.community-deck-info{display:flex;flex-direction:column;gap:6px;min-width:0}.community-deck-info strong{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.community-deck-info small,.community-deck-info>span{color:#62708d;font-size:13px;overflow-wrap:anywhere}.community-deck-stats{display:flex;flex-wrap:wrap;gap:6px 12px;color:#526587;font-size:13px;margin-top:auto}.community-deck-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-deck-actions button{min-height:36px;border:1px solid #cfdef5;border-radius:10px;padding:6px 12px;color:#3b63a5;background:#f6f9ff;font-size:13px;cursor:pointer}.community-deck-actions button[aria-pressed=true]{color:#fff;background:#518be7}.community-deck-actions .primary-button{margin-left:auto;color:#fff;background:#518fe9}.community-history-list,.community-update-list{display:grid;gap:9px}.community-history-row,.community-update-row{width:100%;min-height:65px;display:grid;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dfe6f4;border-radius:12px;text-align:left;color:#263455;background:#ffffffad;cursor:pointer}.community-history-row{grid-template-columns:auto minmax(0,1fr) auto}.community-history-row strong,.community-update-row strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.community-history-row small{display:block;margin-top:4px;color:#657493;font-size:12px}.community-result{display:grid;place-items:center;padding:7px 9px;border-radius:9px;color:#637292;background:#e9eef7;font-size:13px;font-weight:700}.community-result.win{color:#237856;background:#e1f3eb}.community-result.loss{color:#b84669;background:#fde9ef}.community-history-row i,.community-update-row i{color:#7791b6;font-style:normal;font-size:24px}.community-update-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.community-update-row>span{display:flex;flex-wrap:wrap;gap:10px;grid-column:1;font-size:12px;color:#657493}.community-update-row strong{grid-column:1}.community-update-row i{grid-column:2;grid-row:1 / 3}.community-deck-open:hover strong,.community-history-row:hover strong,.community-update-row:hover strong{color:#357ce0}.lobby-dialog{width:min(1120px,calc(100vw - 48px));max-width:none;max-height:min(880px,calc(100dvh - 48px));padding:0;overflow:hidden;color:#243251;border:1px solid #fff;border-radius:24px;background:#f7faff;box-shadow:0 28px 90px #24304e42}.lobby-dialog[open]{display:flex;flex-direction:column}.lobby-dialog.lobby-dialog-compact{width:min(640px,calc(100vw - 32px))}.lobby-dialog-compact .community-owner-actions{justify-content:flex-end;border-top:1px solid #dde6f3;margin-top:22px;padding-top:20px;padding-bottom:0}.lobby-dialog::backdrop{background:#43498442;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-dialog>header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid #dde6f3}.lobby-dialog>header h2{margin:0;font-size:23px;overflow-wrap:anywhere}.lobby-dialog>header button{flex:none;min-height:38px;padding:8px 13px;border:1px solid #d2dff1;border-radius:10px;color:#526990;background:#fff;cursor:pointer}.lobby-dialog-body{overflow:auto;padding:24px 28px 30px;overscroll-behavior:contain}.community-load-more{display:block;margin:24px auto 0;padding:12px 28px;border:1px solid #bfd5f3;border-radius:12px;color:#356fbf;background:#fff;cursor:pointer}.community-update-group{margin:22px 0}.community-update-group li{margin:12px 0;line-height:1.8}.community-cost-curve{display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:12px;padding:16px;background:#eaf1fd;border-radius:14px}.community-cost-curve>span{display:grid;justify-items:center;gap:8px}.community-cost-curve i{display:block;width:100%;max-width:48px;background:linear-gradient(#5da9ff,#618ce0);border-radius:5px 5px 0 0}.community-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.community-card-list>button{position:relative;display:grid;gap:5px;padding:9px;min-width:0;text-align:left;border:1px solid #d5e2f5;border-radius:13px;color:#263455;background:#fff;cursor:pointer}.community-card-list img{width:100%;aspect-ratio:5 / 7;object-fit:contain;border-radius:8px}.community-card-list strong{overflow-wrap:anywhere}.community-card-list small{color:#687998}.community-card-list b{position:absolute;right:12px;top:12px;background:#4a87dd;color:#fff;padding:4px 7px;border-radius:7px}.lobby-card-preview{display:grid;grid-template-columns:minmax(200px,380px) 1fr;gap:28px;align-items:start}.lobby-card-preview>img{width:100%;max-height:65dvh;object-fit:contain}.lobby-card-preview p{font-size:18px;line-height:1.9;white-space:pre-wrap}@media(max-width:1100px){.lobby-hero-panel{gap:24px;padding:28px;grid-template-columns:minmax(0,1fr) minmax(350px,1fr)}.community-news{padding:20px}.community-news .community-channel{padding:12px 10px;gap:8px}.community-square-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-square-grid.is-summary>:nth-child(n+5){display:none}}@media(max-width:900px){.lobby-hero-panel{grid-template-columns:minmax(0,1fr);align-items:start;padding:28px}.lobby-hero-panel .hero-actions{flex-direction:row;flex-wrap:wrap}.lobby-hero-panel .captain-card{margin-top:20px}.community-news-content{min-height:0}}@media(max-width:480px){.lobby-hero-panel{padding:22px 16px;gap:28px}.lobby-hero-panel .hero-content h1{font-size:34px}.lobby-hero-panel .hero-actions{gap:8px}.lobby-hero-panel .hero-actions button{padding:10px 12px;font-size:14px}.community-news{padding:16px;border-radius:18px}.community-news-header{flex-wrap:wrap;gap:14px;padding-bottom:14px}.community-news .community-news-tabs{flex:1}.community-news .community-news-tabs button{flex:1;padding:6px 8px}.community-news .community-notice-intro h3{font-size:25px}.community-news .community-channels{grid-template-columns:minmax(0,1fr)}.community-news .community-channel{min-height:72px;padding:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.community-news .community-channel-action{grid-column:3;font-size:11px}}@media(max-width:720px){.community-summary-pair{grid-template-columns:1fr}.community-panel{padding:18px}.community-square-grid{grid-template-columns:1fr}.community-square-grid.is-summary>:nth-child(n+3){display:none}.community-panel .panel-title{flex-wrap:wrap}.lobby-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.lobby-dialog>header,.lobby-dialog-body{padding:18px}.lobby-card-preview{grid-template-columns:1fr}.lobby-card-preview>img{max-height:55dvh}.lobby-square-filters{grid-template-columns:1fr}}.watch-shell{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;background:#eef4ff;color:#283957;overflow:hidden}body:has(.watch-shell) .app-header,body:has(.watch-shell) .active-session-notice,body:has(.watch-shell) .return-battle-entry{display:none}body:has(.watch-shell) .battle-attack-overlay{z-index:1050}.watch-toolbar{grid-area:1 / 1;position:relative;z-index:1400;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 126px 9px 24px;border-bottom:1px solid #c9d9f0;background:#f8fbff}.watch-title{display:flex;align-items:baseline;gap:14px;min-width:0}.watch-title strong{font-size:17px;color:#315f99;white-space:nowrap}.watch-title span{font-size:12px;color:#71819b}.watch-toolbar-actions{display:flex;align-items:center;gap:8px}.watch-toolbar button,.watch-playback button,.watch-effect-dialog header button{border:1px solid #c3d7f4;border-radius:10px;padding:8px 12px;color:#3263a2;background:#fff;font-weight:700;white-space:nowrap;cursor:pointer}.watch-toolbar button:disabled,.watch-playback button:disabled{opacity:.45;cursor:default}.watch-error{grid-area:2 / 1;padding:6px 24px;color:#a2354e;background:#fff2f5;font-size:13px}.watch-stage{grid-area:3 / 1;position:relative;min-width:0;min-height:0;overflow:hidden;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.watch-stage>.battle-screen:not(.watch-board){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}.watch-shell .watch-board{--card-w:clamp(90px,8vw,124px);--watch-hand-w:calc(var(--card-w) + 24px);--watch-console-h:104px;height:100%;min-height:calc(var(--watch-hand-w) * 2.8 + var(--card-w) * 2.8 + 188px + var(--watch-console-h));overflow:hidden}.watch-board .battle-topbar{top:7px;min-width:0;width:min(820px,calc(100% - 40px));min-height:34px;padding:4px 10px;-webkit-backdrop-filter:none;backdrop-filter:none}.watch-board .board-grid{inset:48px 24px 12px;grid-template-rows:calc(var(--watch-hand-w) * 1.4 + 20px) minmax(calc(var(--card-w) * 1.4 + 32px),1fr) minmax(var(--watch-console-h),auto) minmax(calc(var(--card-w) * 1.4 + 32px),1fr) calc(var(--watch-hand-w) * 1.4 + 20px);gap:6px}.watch-board .board-half{height:100%;min-height:0;grid-template-columns:132px 112px minmax(0,1fr) calc(var(--card-w) * 2 + 12px);gap:16px;padding:30px 14px 8px}.watch-board .character-row{grid-template-columns:repeat(5,var(--card-w));gap:12px;overflow-x:auto;scrollbar-width:thin;padding:2px;justify-content:safe center}.watch-board .command-zone{width:100%;grid-template-columns:repeat(2,var(--card-w));gap:12px}.watch-board .stage-slot,.watch-board .stage-slot .card-face{width:var(--card-w)}.watch-board .pile-cluster{width:100%;min-height:0;padding:8px 5px;align-self:center}.watch-board .resource-card-back{width:26px}.watch-board .don-strip{position:static;width:100%;min-height:0;max-height:100%;display:grid;grid-template-columns:repeat(4,20px);gap:4px;padding:6px;overflow-y:auto;overflow-x:hidden;align-self:center;align-content:start}.watch-board .don-strip>span{grid-column:1 / -1}.watch-board .don-strip .don-card{width:20px;height:28px}.watch-board .combat-rail.core-action-console{grid-template-columns:minmax(145px,.65fr) minmax(0,3fr) minmax(180px,.9fr);margin:0;padding:8px 12px;min-height:0}.watch-board .core-current-operation{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy clash";gap:14px}.watch-board .core-operation-copy{align-items:center}.watch-board .core-operation-copy span{font-size:13px}.watch-board .core-operation-copy strong{font-size:16px}.watch-board .core-current-operation .clash-party span{font-size:12px}.watch-board .core-current-operation .clash-party b{font-size:22px}.watch-board .core-operation-tools button>span{font-size:14px}.watch-board .core-operation-tools button>small{font-size:11px}.watch-board .core-current-operation .power-clash{min-width:220px}.watch-hand{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;align-items:center;min-height:0;min-width:0}.watch-hand .player-hud{position:relative;inset:auto;display:grid;grid-template-columns:34px minmax(0,1fr);width:100%;min-height:68px;padding:10px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.watch-hand .hud-profile-copy{min-width:0;padding:0;grid-column:2}.watch-hand .hud-name-line{display:block}.watch-hand .hud-avatar{width:34px;height:34px;min-width:34px;flex-basis:34px}.watch-hand .hud-name-line strong{font-size:13px}.watch-hand .hud-turn-state{position:static;grid-column:2;justify-self:start;font-size:10px;margin:0}.watch-hand .hud-presence{position:static;grid-column:2;justify-self:start;font-size:10px}.watch-hand-scroll{min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.watch-hand-cards{display:flex;align-items:center;justify-content:safe center;width:max-content;min-width:100%;height:100%;padding:6px 10px 14px}.watch-hand .card-face{width:var(--watch-hand-w);flex:0 0 var(--watch-hand-w);transform:none;animation:none}.watch-hand .card-face:hover,.watch-hand .card-face:focus-within{z-index:1000!important;box-shadow:0 0 0 2px #87bcff,0 5px 18px #223c7140}.watch-empty-hand{color:#7387a2;font-size:13px}.watch-playback{grid-area:4 / 1;position:relative;z-index:1400;display:flex;align-items:center;gap:20px;padding:10px 24px;border-top:1px solid #c9d9f0;background:#f8fbff}.watch-playback-buttons{display:flex;gap:7px}.watch-playback .watch-play-toggle{color:#fff;background:#4e8eec;border-color:#4e8eec}.watch-timeline{display:grid;gap:4px;flex:1;min-width:180px}.watch-timeline label{font-size:12px;color:#3e577e}.watch-timeline input{width:100%;height:20px;margin:0;accent-color:#4e8eec;cursor:pointer}.watch-playback small{color:#73819b;font-size:11px;line-height:1.6}.watch-shell>.watch-sheet{grid-area:3 / 1;position:relative;inset:auto;z-index:1300;min-height:0;height:100%;grid-template-rows:auto minmax(0,1fr)}.watch-manual-inspection{display:contents}.watch-sheet .log-list article{grid-template-columns:90px minmax(0,1fr)}.watch-sheet .log-list article>span{overflow-wrap:anywhere}.watch-sheet .log-list p{font-size:14px}.watch-effect-dialog{position:fixed;z-index:2000;top:50%;left:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 190px);overflow:auto;padding:24px;border:2px solid #9ec7ff;border-radius:22px;background:#f8fbff;box-shadow:0 18px 70px #25477445}.watch-effect-dialog header{display:flex;justify-content:space-between;align-items:start;gap:18px}.watch-effect-dialog h2{margin:8px 0 0;font-size:21px;line-height:1.5}.watch-readonly-label{display:inline-block;padding:4px 9px;border-radius:7px;color:#386bb5;background:#e0edff;font-size:12px;font-weight:700}.watch-effect-owner{font-size:14px;color:#647897}.watch-effect-source{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:start;gap:22px;margin:18px 0}.watch-effect-source>.card-face{width:138px;transform:none}.watch-effect-source .card-stats{inset:5px 5px auto}.watch-effect-source .card-stats>span{display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#478fef;font-size:16px;color:#fff}.watch-effect-source strong{font-size:17px;line-height:1.6}.watch-effect-source p{white-space:pre-wrap;font-size:16px;line-height:1.9}.watch-effect-note{border-top:1px solid #d7e2f3;padding-top:14px;color:#6d7f99;font-size:13px;line-height:1.8;margin-bottom:0}.watch-manual-inspection .battle-card-inspector{display:grid;pointer-events:auto}@media(max-width:1180px){.watch-shell .watch-board{--card-w:90px;--watch-console-h:140px}.watch-board .board-grid{left:12px;right:12px}.watch-board .board-half{grid-template-columns:104px 80px minmax(0,1fr) calc(var(--card-w) * 2 + 8px);gap:10px}.watch-board .don-strip{grid-template-columns:repeat(3,18px)}.watch-board .don-strip .don-card{width:18px;height:25px}.watch-board .character-row,.watch-board .command-zone{gap:8px}.watch-hand{grid-template-columns:180px minmax(0,1fr) 30px}.watch-board .core-current-operation{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "clash";gap:3px}.watch-board .core-current-operation .power-clash{min-width:0}.watch-title span{display:none}}@media(max-width:820px){.watch-shell .watch-board{--card-w:86px;--watch-hand-w:110px}.watch-toolbar{padding:8px 136px 8px 12px;flex-wrap:wrap;gap:8px}.watch-toolbar button{padding:6px 8px;font-size:12px}.watch-title strong{font-size:14px}.watch-board .battle-topbar{width:calc(100% - 24px)}.watch-board .priority-pill{display:none}.watch-board .board-half{grid-template-columns:80px minmax(0,1fr) calc(var(--card-w) * 2 + 8px);gap:8px;padding:30px 8px 8px}.watch-board .board-half .pile-cluster{position:absolute;inset:auto auto 8px 8px;display:grid;width:80px;padding:3px;opacity:1}.watch-board .resource-card-back{width:16px}.watch-board .board-half .don-strip{grid-column:1;grid-row:1;grid-template-columns:repeat(3,18px);align-self:start;max-height:48px}.watch-board .character-row{grid-column:2;grid-row:1;justify-content:flex-start;padding:8px 3px}.watch-board .command-zone{grid-column:3;grid-row:1}.watch-board .fighter-shell .card-stats{inset:2px 2px auto;gap:2px}.watch-board .fighter-shell .card-stats>span{width:24px;height:24px;min-width:24px;font-size:13px}.watch-board .fighter-shell .card-stats>strong{padding:2px 5px;font-size:12px}.watch-board .core-stage-state{display:none}.watch-board .combat-rail.core-action-console{grid-template-columns:minmax(0,1fr) 120px}.watch-hand{grid-template-columns:150px minmax(0,1fr);gap:6px}.watch-hand .player-hud{padding:8px;grid-template-columns:minmax(0,1fr);gap:5px}.watch-hand .hud-avatar{display:none}.watch-hand .hud-profile-copy,.watch-hand .hud-turn-state,.watch-hand .hud-presence{grid-column:1}.watch-playback{flex-wrap:wrap;padding:8px 12px;gap:8px 12px}.watch-playback small{display:none}.watch-effect-dialog{padding:18px}.watch-effect-source{grid-template-columns:110px minmax(0,1fr);gap:14px}.watch-effect-source>.card-face{width:110px}.watch-manual-inspection .battle-card-inspector{width:calc(100vw - 24px);max-height:calc(100dvh - 90px);right:12px;left:auto;grid-template-columns:minmax(140px,40%) minmax(0,1fr);gap:12px;overflow:auto}}button[data-ui-action][data-ui-size]:not([data-ui-action=none]){--action-unit: var(--ui-action-unit, 1px);--action-radius: calc(14 * var(--action-unit));--action-fill: linear-gradient(145deg, #fff, #f0f3ff);--action-ink: #384567;--action-edge: #c9d2e8;--action-shadow: inset 0 1px 0 #fff, 0 5px 14px #3f467d12;display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--action-unit));min-height:calc(40 * var(--action-unit));height:auto;padding:calc(9 * var(--action-unit)) calc(16 * var(--action-unit));border:1px solid var(--action-edge);border-radius:var(--action-radius);color:var(--action-ink);background:var(--action-fill);background-size:180% 100%;box-shadow:var(--action-shadow);font-family:inherit;font-size:calc(14 * var(--action-unit));line-height:1.3;font-weight:750;text-align:center;text-decoration:none;text-shadow:none;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;cursor:pointer;opacity:1;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .16s cubic-bezier(.2,.82,.22,1),box-shadow .16s,background-position .28s,border-color .16s}button[data-ui-action=primary][data-ui-size]:not([data-ui-action=none]){--action-radius: 999px;--action-ink: #fff;--action-edge: #ffffff52;--action-fill: linear-gradient(105deg, #3d72d7 0%, #5864d8 48%, #7951d5 100%);--action-shadow: inset 0 1px 0 #ffffff66, inset 0 -1px 0 #14265426, 0 8px 20px #36459c30}button[data-ui-action=danger][data-ui-size]:not([data-ui-action=none]){--action-ink: #fff;--action-edge: #b52e50;--action-fill: linear-gradient(105deg, #bb3155, #ce4565);--action-shadow: inset 0 1px 0 #ffffff40, 0 6px 16px #bb315526}button[data-ui-action=ghost][data-ui-size]:not([data-ui-action=none]){--action-ink: #6256a8;--action-edge: #dcd7f2;--action-fill: #f0edf9;--action-shadow: none}button[data-ui-action=tab][data-ui-size]:not([data-ui-action=none]),button[data-ui-action=chip][data-ui-size]:not([data-ui-action=none]){--action-radius: calc(11 * var(--action-unit));--action-ink: #53627f;--action-fill: #f6f8fd;--action-edge: #d7deed;--action-shadow: none}button[data-ui-action=icon][data-ui-size]:not([data-ui-action=none]){--action-radius: 999px;flex:none;width:calc(40 * var(--action-unit));height:calc(40 * var(--action-unit));min-width:calc(40 * var(--action-unit));padding:0;font-size:calc(21 * var(--action-unit))}button[data-ui-action][data-ui-size=sm]:not([data-ui-action=none]){min-height:calc(36 * var(--action-unit));padding:calc(8 * var(--action-unit)) calc(13 * var(--action-unit));font-size:calc(13 * var(--action-unit))}button[data-ui-action][data-ui-size=md]:not([data-ui-action=none]){min-height:calc(44 * var(--action-unit));padding:calc(11 * var(--action-unit)) calc(20 * var(--action-unit))}button[data-ui-action][data-ui-size=lg]:not([data-ui-action=none]){min-height:calc(52 * var(--action-unit));padding:calc(14 * var(--action-unit)) calc(26 * var(--action-unit));font-size:calc(15 * var(--action-unit))}button[data-ui-action][data-ui-size]:is([aria-pressed=true],[aria-selected=true],[aria-current=page],.active,.selected){--action-ink: #433779;--action-fill: linear-gradient(135deg, #e8e1ff, #e0efff);--action-edge: #9c8ade;--action-shadow: inset 0 1px 0 #fff, 0 0 0 1px #9c8ade}button[data-ui-action][data-ui-size]:focus-visible{outline:3px solid #8d7ae0;outline-offset:3px}@media(hover:hover){button[data-ui-action][data-ui-size]:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px);background-position:100% 0;border-color:#a797db;box-shadow:var(--action-shadow),0 8px 20px #4c41871f}button[data-ui-action=danger][data-ui-size]:not(:disabled):hover{border-color:#8e2344;box-shadow:0 8px 20px #bb31553b}}button[data-ui-action][data-ui-size]:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px)}button[data-ui-action][data-ui-size]:is(:disabled,[aria-disabled=true]){--action-ink: #748099;--action-fill: #e7ebf3;--action-edge: #dbe1eb;--action-shadow: none;cursor:not-allowed;opacity:1;transform:none;filter:none}button[data-ui-action][data-ui-size]>svg{flex:none;width:calc(18 * var(--action-unit));height:calc(18 * var(--action-unit))}@media(prefers-reduced-motion:reduce){button[data-ui-action][data-ui-size]:not([data-ui-action=none]){transition:none;transform:none}}.builder-page{--builder-nav-height:92px;width:calc(100% - 40px);max-width:1860px;margin:0 auto;padding:14px 0 32px;font-size:16px}.builder-page .builder-nav{position:sticky;top:var(--builder-header-height,66px);z-index:190;padding-bottom:12px;border-radius:20px;background:#f3f5fc;box-shadow:0 12px 20px #4850800a}.builder-page .builder-toolbar{min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:14px 20px;background:#fcfdff}.builder-page .builder-toolbar>div{display:grid;gap:5px}.builder-page .builder-toolbar small{color:#7669a6;font-size:13px;font-weight:700}.builder-page .builder-toolbar input{width:min(100%,420px);min-width:0;border:0;background:transparent;color:#222947;font-size:22px;font-weight:800}.builder-page .builder-total{display:flex!important;align-items:baseline;color:#6a7190;gap:3px}.builder-page .builder-total strong{font-size:28px;color:#4d65c6}.builder-page .builder-total.complete strong{color:#168260}.builder-page .builder-search-nav{display:flex;gap:12px;align-items:center;padding:12px 2px 0}.builder-page .catalog-search{flex:1;min-width:0;display:flex;gap:10px;margin:0}.builder-page .catalog-search input{flex:1;min-width:0;width:100%;padding:10px 16px;color:#2b3657;background:#fff;border:1px solid #d3dbed;border-radius:14px;font-size:16px}.builder-page .builder-description{padding:15px 20px;margin:4px 0 14px;color:#637091;font-size:14px}.builder-description summary{cursor:pointer;font-weight:700}.builder-description>div{display:grid;gap:10px;margin-top:12px}.builder-description textarea{width:100%;min-height:76px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit}.builder-description p{margin:0;line-height:1.6}.builder-page .builder-layout{display:grid;grid-template-columns:176px minmax(0,1fr) 344px;gap:16px;align-items:start}.builder-page .builder-pool,.builder-page .selected-panel{min-width:0;padding:20px;background:#fcfdff;border:1px solid #dce2f0;box-shadow:0 8px 24px #4349840a}.builder-page .leader-summary{display:flex;align-items:center;gap:14px;min-height:80px;padding-bottom:18px;border-bottom:1px solid #e0e5f1}.leader-summary>div{display:grid;flex:1;min-width:0;gap:5px}.builder-page .leader-summary strong{font-size:19px}.builder-page .leader-summary small,.builder-page .leader-summary span{color:#6b7896;font-size:14px;line-height:1.4}.leader-thumb img{width:100%;height:100%;object-fit:cover}.builder-page .catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 16px}.builder-page h2{margin:0;font-size:19px;color:#263051}.builder-page .catalog-heading>span{font-size:14px;color:#697792}.builder-page .catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:14px}.builder-page .catalog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:9px;border:1px solid #d9e1f2;border-radius:15px;background:#fff;box-shadow:0 6px 14px #40588e0c;transition:border-color .15s,box-shadow .15s}.builder-page .catalog-card:hover,.builder-page .catalog-card:focus-within{transform:none;border-color:#859cde;box-shadow:0 8px 20px #40588e1c}.builder-page .catalog-card.selected{border-color:#d37b94}.builder-page .catalog-card-add{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:#283250}.builder-page .catalog-card-add[aria-disabled=true]{cursor:default}.builder-page .catalog-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:5/7;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#e0eafe,#c3d6f6);color:#4e69a1;font-size:30px;font-weight:800}.builder-page .catalog-art img{width:100%;height:100%;object-fit:contain}.builder-page .catalog-art b{position:absolute;top:8px;left:8px;padding:5px 8px;border-radius:7px;color:#fff;background:#293951d9;font-size:12px;font-weight:700}.builder-page .catalog-card-copy{display:grid;gap:5px;width:100%;padding:12px 2px}.builder-page .catalog-card-copy strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.builder-page .catalog-card-copy>span{color:#697ca3;font-size:13px;font-weight:700}.builder-page .catalog-card-copy small{color:#7d869d;font-size:13px}.builder-page .catalog-add-hint,.builder-page .catalog-selected-count{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:40px;margin-top:auto;padding:0 6px;border-radius:9px;color:#536db6;background:#edf2fd;font-size:15px;font-weight:750}.builder-page .catalog-add-hint.available,.builder-page .catalog-selected-count{color:#ae2f50;background:#fff0f3}.catalog-selected-count button{display:grid;place-items:center;width:34px;height:34px;padding:6px;color:#ae2f50;background:#ffe0e8;border:1px solid #efb5c6;border-radius:8px;cursor:pointer}.catalog-selected-count button:hover{background:#fac3d2}.catalog-selected-count svg{width:19px;height:19px}.builder-page .catalog-auto-load{min-height:48px;display:grid;place-items:center;margin-top:18px;color:#74819d;font-size:14px;font-weight:650}.builder-page .selected-panel{position:sticky;top:calc(var(--builder-header-height,66px) + 14px + var(--builder-nav-height));max-height:calc(100dvh - var(--builder-header-height,66px) - 30px - var(--builder-nav-height));overflow:auto;scrollbar-gutter:stable}.builder-page .selected-panel>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid #e3e7f1}.builder-page .selected-panel>header small{font-size:13px;color:#72809b}.builder-page .selected-panel>header strong{color:#5269c0;font-size:23px}.builder-page .selected-scroll{padding:0;overflow:visible;max-height:none}.builder-card-target{min-width:0}.builder-page .leader-thumb-target{flex:none;width:52px}.builder-page .leader-thumb{display:grid;place-items:center;width:52px;aspect-ratio:5/7;border:1px solid #d1d9ef;border-radius:8px;background:#eaf0ff;overflow:hidden;color:#5273b7;cursor:default}.builder-page .selected-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 76px;min-height:72px;gap:9px;align-items:center;border-bottom:1px solid #e9edf5}.selected-card-thumb{display:grid;place-items:center;width:40px;aspect-ratio:5/7;border-radius:5px;overflow:hidden;background:#dee8fb;color:#5273b7}.selected-row img{width:100%;height:100%;object-fit:cover}.selected-row>div{display:grid;gap:5px;min-width:0}.builder-page .selected-row strong{font-size:15px;overflow-wrap:anywhere}.builder-page .selected-row small{font-size:12px;color:#7a86a0}.builder-page .selected-row>b{font-size:16px;color:#ae2f50}.builder-card-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.builder-card-row-actions button{flex:none;width:32px;height:32px}.builder-card-row-actions button:disabled{opacity:.4;cursor:not-allowed}.builder-page .builder-analysis{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e0e5f1}.builder-page .builder-analysis.collapsed{padding-bottom:12px}.builder-analysis header{margin-bottom:12px}.builder-analysis.collapsed header{margin-bottom:0}.builder-analysis-toggle{display:block;width:100%;padding:2px 0;border:0;background:transparent;color:inherit;cursor:pointer}.builder-analysis-toggle>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.builder-analysis-toggle h2{margin:0}.builder-analysis-toggle>span>span{color:#7a85a0;font-size:12px}.builder-analysis-toggle svg{display:block;width:16px;height:16px;margin:6px auto 0;fill:none;stroke:#6c7fac;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.builder-analysis-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.builder-analysis-toggle:focus-visible{outline:2px solid #557fe0;outline-offset:5px;border-radius:6px}.builder-analysis h3{margin:12px 0 10px;font-size:15px}.builder-analysis h3 small{color:#8892aa;font-weight:500;font-size:12px}.builder-cost-bars{display:flex;gap:6px}.builder-cost-bars>div{display:grid;flex:1;min-width:0;gap:7px;justify-items:center;font-size:12px;color:#7a88a3}.builder-cost-bars b{color:#516bbe}.builder-cost-bars>div>div{display:flex;align-items:end;height:48px;width:100%;background:#f1f4fb;border-radius:5px;overflow:hidden}.builder-cost-bars i{display:block;width:100%;background:linear-gradient(#779de9,#7365cf);border-radius:5px 5px 0 0}.builder-kind-stats{display:flex;gap:8px}.builder-kind-stats>span{display:grid;flex:1;gap:6px;padding:12px 4px;border-radius:10px;text-align:center;background:#eff3fb;color:#73809b;font-size:13px}.builder-kind-stats b{color:#475bb0;font-size:24px}.builder-counter-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.builder-counter-stats>div{display:grid;gap:6px;padding:10px 6px;border:1px solid #eadde7;border-radius:10px;background:#fff7fa;color:#a34360}.builder-counter-stats>div>span{font-size:14px;font-weight:750}.builder-counter-stats strong{font-size:21px}.builder-counter-stats small{font-size:11px;font-weight:500;color:#926f82}.builder-analysis .builder-analysis-note{margin:12px 0 0;color:#79849b;font-size:12px;line-height:1.6}.builder-power-bars{display:grid;gap:7px}.builder-power-bars>div{display:grid;grid-template-columns:48px 1fr 36px;gap:8px;align-items:center;font-size:12px;color:#7583a0}.builder-power-bars>div>div{height:7px;background:#edf1f9;border-radius:9px;overflow:hidden}.builder-power-bars i{height:100%;display:block;background:#7c9edd;border-radius:9px}.builder-power-bars p{margin:0;font-size:13px;color:#8390a9}.builder-page .form-error{color:#b83251;font-size:15px}.builder-page .empty-state{padding:20px 0;font-size:14px;line-height:1.8}@media(max-width:1199px){.builder-page .builder-layout{grid-template-columns:142px minmax(0,1fr) 292px;gap:12px}.builder-page .selected-panel{position:static;max-height:none}.builder-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:760px){.builder-page{width:calc(100% - 20px)}.builder-page .builder-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px}.builder-page .builder-toolbar>.primary-button{grid-column:1 / -1}.builder-page .builder-toolbar input{font-size:17px}.builder-page .builder-layout{grid-template-columns:minmax(0,1fr)}.builder-page .builder-pool{grid-row:auto}.builder-page .builder-pool,.builder-page .selected-panel{padding:14px}.builder-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.builder-page .catalog-card-copy strong{font-size:16px}.builder-page .catalog-heading>span{font-size:12px}.builder-page .builder-search-nav{gap:8px}.builder-page .catalog-search{gap:6px}.builder-page .catalog-search input{padding:8px}}.app-shell:has(.ninja-builder) .wordmark{flex-shrink:0}.app-shell:has(.ninja-builder) .header-account>.catalog-entry{white-space:nowrap;flex-shrink:0}body:has(.ninja-builder) .social-dock{bottom:auto}@media(min-width:821px)and (max-width:1280px){.app-shell:has(.ninja-builder) .header-announcement{display:none}}.ninja-builder .builder-toolbar{border-color:#d7e5ef;box-shadow:0 4px 18px #25496508}.ninja-builder .builder-toolbar small{color:#438270}.ninja-builder .builder-pool{overflow:visible;padding:20px}.builder-category-panel{position:sticky;top:calc(var(--builder-header-height,88px) + var(--builder-nav-height) + 14px);padding:20px 12px;background:#fafdff;border:1px solid #dce5ef}.builder-category-panel>header{display:flex;align-items:center;gap:9px;padding:0 8px 24px;color:#26584f}.builder-category-panel>header div{display:grid;gap:6px}.builder-category-panel>header strong{font-size:17px}.builder-category-panel>header small{font-size:11px;color:#80918f}.builder-category-panel nav{display:grid;gap:6px}.builder-category-panel nav button{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 13px;border:1px solid transparent;border-radius:11px;color:#596f85;background:transparent;text-align:left;cursor:pointer;font-size:14px;font-weight:650}.builder-category-panel nav button:hover{background:#edf5fc;color:#1767bc}.builder-category-panel nav button[aria-pressed=true]{color:#fff;background:#246ddd;box-shadow:0 5px 12px #246ddd20}.builder-category-panel nav button:nth-child(2){margin-top:13px}.builder-category-note{margin:26px 8px 0;padding-top:20px;border-top:1px solid #e0e8ed;color:#7f918f}.builder-category-note>svg{margin-bottom:8px;color:#549080}.builder-category-note strong{display:block;font-size:12px;color:#5c7770}.builder-category-note p{font-size:12px;line-height:1.9}.builder-category-note small{font-size:11px;line-height:1.8}.ninja-builder .builder-filters{position:sticky;top:calc(var(--builder-header-height,88px) + var(--builder-nav-height));z-index:10;padding:0 0 16px;background:#fcfdff;border-bottom:1px solid #e5ebf2}.ninja-builder .builder-search-nav{padding:0;gap:10px}.ninja-builder .builder-search-field{display:flex;flex:1;align-items:center;min-width:0;gap:9px;padding-left:14px;border:1px solid #d5e0ec;border-radius:12px;background:#fff;color:#6c88a6}.ninja-builder .builder-search-field:focus-within{border-color:#3c81dc;box-shadow:0 0 0 3px #3276dc12}.ninja-builder .builder-search-field input{border:0;border-radius:12px;padding:12px 10px 12px 0;background:transparent;box-shadow:none;outline:none;font-size:14px}.ninja-builder .builder-search-field>svg{flex:none}.ninja-builder .filter-toggle{white-space:nowrap}.ninja-builder .filter-toggle b{display:grid;place-items:center;min-width:19px;height:19px;font-size:11px;border-radius:6px;background:#ffffff38}.builder-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.builder-quick-filters{display:flex;flex-wrap:wrap;gap:5px}.builder-quick-filters>button{display:flex;align-items:center;gap:5px;min-height:32px;padding:5px 8px;border:1px solid #dde6ef;border-radius:8px;color:#56718b;background:#fff;cursor:pointer;font-size:12px}.builder-quick-filters>button[aria-expanded=true]{color:#1b66bb;border-color:#8db6ed;background:#edf5ff}.builder-filter-chips{display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;align-items:center}.builder-filter-chips>button{display:flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere;padding:6px 9px;min-height:30px;border:1px solid #c7def8;border-radius:8px;color:#1b66aa;background:#eaf4ff;font-size:12px;cursor:pointer}.builder-filter-chips>button svg{flex:none}.builder-filter-chips>span{color:#94a2b3;font-size:12px}.builder-filter-clear{border:0;padding:7px 2px;background:transparent;color:#357bbc;font-size:12px;cursor:pointer}.ninja-builder .filter-popover{z-index:20;top:calc(100% + 5px);width:min(700px,calc(100vw - 44px));max-height:calc(100dvh - var(--builder-header-height,88px) - var(--builder-nav-height) - 160px);border-radius:14px}.ninja-builder .filter-popover>header .filter-close{box-shadow:none}.ninja-builder .catalog-heading{margin:20px 0 16px}.ninja-builder .catalog-heading>div{display:grid;gap:5px}.ninja-builder .catalog-heading h2{font-size:18px;color:#214064}.ninja-builder .catalog-heading>div>span{font-size:12px;color:#7e91a5}.ninja-builder .catalog-heading>span{font-size:12px;white-space:nowrap}.ninja-builder .catalog-card{padding:6px;border-radius:12px;border-color:#e0e7ef;box-shadow:0 3px 12px #25476505}.ninja-builder .catalog-card.selected{border-color:#4d9c8a;background:#f8fffc}.ninja-builder .catalog-card-copy{padding:10px 3px;gap:4px}.ninja-builder .catalog-card-copy strong{font-size:14px}.ninja-builder .catalog-card-copy>span{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;font-weight:500}.ninja-builder .catalog-card-copy>small{font-size:11px}.builder-track{padding:2px 4px;border-radius:4px;background:#f0f3f7;color:#8d9baf;font-size:9px;font-weight:600;line-height:1.1;letter-spacing:.03em}.builder-track[data-track=prod]{color:#31826b;background:#e7f6ef}.ninja-builder .catalog-add-hint,.ninja-builder .catalog-selected-count{min-height:30px;border-radius:6px;font-size:11px}.ninja-builder .catalog-add-hint.available{color:#3f73ab;background:#eef5fc}.ninja-builder .catalog-selected-count{color:#2d7b67;background:#e9f6ef}.ninja-builder .catalog-selected-count button{width:26px;height:26px;padding:5px;color:#438474;background:#fff;border-color:#c6e2d6}.ninja-builder .selected-panel{padding:18px;max-height:calc(100dvh - var(--builder-header-height,88px) - var(--builder-nav-height) - 26px)}.ninja-builder .selected-panel>header{padding-bottom:0;margin-bottom:12px;border:0}.ninja-builder .selected-panel>header small{color:#899bab;font-size:11px}.ninja-builder .selected-panel>header h2{margin-top:4px;font-size:18px;color:#244469}.ninja-builder .selected-panel>header>strong{font-size:29px;color:#1f69c1}.builder-deck-progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:5px;margin-bottom:19px;overflow:hidden}.builder-deck-progress::-webkit-progress-bar{background:#e7edf4}.builder-deck-progress::-webkit-progress-value{background:#428cba;border-radius:5px}.builder-deck-progress::-moz-progress-bar{background:#428cba}.ninja-builder .leader-summary{padding:0 0 18px;gap:10px}.ninja-builder .leader-summary strong{font-size:16px;color:#214367}.ninja-builder .leader-summary small,.ninja-builder .leader-summary span{font-size:11px}.ninja-builder .leader-summary>.builder-leader-empty{justify-items:center;padding:20px 10px;color:#7a95b2;border:1px dashed #ccdcea;border-radius:10px;background:#f7fafd;text-align:center}.builder-selected-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 5px;font-size:13px;color:#34577c}.builder-selected-heading span{color:#8b9aaa;font-size:11px}.ninja-builder .selected-row{grid-template-columns:36px minmax(0,1fr) auto 64px;gap:7px;min-height:66px}.ninja-builder .selected-row strong{font-size:12px}.ninja-builder .selected-row small{font-size:10px}.ninja-builder .selected-row>b{font-size:13px;color:#3e8372}.ninja-builder .selected-card-thumb{width:34px}.ninja-builder .builder-card-row-actions button[data-ui-action][data-ui-size]{width:28px;height:28px;min-width:0;min-height:0}.builder-deck-analysis{margin-top:20px;border-top:1px solid #e2eaf2;padding-top:14px}.ninja-builder .builder-analysis{margin-bottom:10px}.ninja-builder .builder-analysis h2{font-size:14px;color:#3f6280}.ninja-builder .builder-analysis-toggle>span>span{font-size:10px}.builder-empty{display:grid;justify-items:center;padding:55px 12px;text-align:center;color:#849aad}.builder-empty h3{margin:14px 0 5px;color:#54718a;font-size:17px}.builder-empty p{font-size:13px;margin:0 0 17px}@media(max-width:1199px)and (min-width:761px){.ninja-builder .builder-category-panel{padding:18px 7px}.ninja-builder .builder-pool{padding:16px}.ninja-builder .selected-panel{padding:14px;position:sticky}.ninja-builder .selected-row{grid-template-columns:30px minmax(0,1fr) auto 55px;gap:5px}.ninja-builder .selected-card-thumb{width:28px}.ninja-builder .builder-card-row-actions button[data-ui-action][data-ui-size]{width:25px;height:28px;padding:2px}.ninja-builder .catalog-search>button{padding-inline:10px}}@media(max-width:960px)and (min-width:761px){.ninja-builder .builder-layout{grid-template-columns:118px minmax(0,1fr) 252px;gap:10px}.builder-category-panel nav button{padding-inline:8px;gap:7px;font-size:12px}.ninja-builder .builder-search-nav{flex-wrap:wrap}.ninja-builder .catalog-search{flex-basis:100%}.ninja-builder .builder-quick-filters{display:none}}@media(max-width:760px){.builder-page.ninja-builder{width:100%}.ninja-builder .builder-nav{position:static}.ninja-builder .builder-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ninja-builder .builder-category-panel{position:static;padding:8px;margin-top:10px}.ninja-builder .builder-category-panel:not(.mobile-active){display:none}.ninja-builder .builder-category-panel>header,.ninja-builder .builder-category-note{display:none}.ninja-builder .builder-category-panel nav{display:flex;gap:4px;overflow:auto}.ninja-builder .builder-category-panel nav button{flex:1 0 auto;justify-content:center;gap:5px;min-height:42px;padding:8px;font-size:12px}.ninja-builder .builder-category-panel nav button:nth-child(2){margin-top:0}.ninja-builder .builder-category-panel nav button svg{width:15px}.ninja-builder .builder-filters{position:relative;top:auto}.ninja-builder .builder-pool{backdrop-filter:none;-webkit-backdrop-filter:none}.ninja-builder .builder-search-nav{flex-wrap:wrap}.ninja-builder .catalog-search{flex-basis:100%}.ninja-builder .filter-toggle{width:100%}.ninja-builder .builder-filter-chips{flex-basis:100%}.ninja-builder .filter-popover{position:fixed;z-index:1904;top:calc(var(--builder-header-height,118px) + 8px);right:12px;left:12px;width:auto;max-height:calc(100dvh - var(--builder-header-height,118px) - 20px)}.ninja-builder .selected-panel{max-height:none}.ninja-builder .selected-row{grid-template-columns:36px minmax(0,1fr) auto 90px}.ninja-builder .builder-card-row-actions button[data-ui-action][data-ui-size]{width:42px;height:42px}.ninja-builder .catalog-selected-count button{width:38px;height:38px}}@media(max-width:480px){.ninja-builder .builder-category-panel nav button svg{display:none}}.builder-mobile-tabs{display:none}.card-face,.card-face .card-surface,.card-face .card-art-button,.card-face img,.battle-card-inspector-art,.battle-card-inspector-art img,.builder-card-target,.builder-card-target img,.counter-reveal-card,.counter-reveal-card img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-face .card-art-button img,.battle-card-inspector-art img,.builder-card-target img,.counter-reveal-card img{pointer-events:none;-webkit-user-drag:none}@media(pointer:coarse),(hover:none){.battle-card-inspector{display:grid;width:min(760px,calc(100vw - 20px));height:min(520px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);grid-template-columns:minmax(90px,24%) minmax(0,1fr);gap:10px;padding:10px;border-radius:14px}.battle-card-inspector.left{left:max(10px,env(safe-area-inset-left))}.battle-card-inspector.right{right:max(10px,env(safe-area-inset-right))}.battle-card-inspector-art{max-height:100%}.battle-card-inspector-copy{min-height:0;gap:5px}.battle-card-inspector-copy>header,.battle-card-inspector-copy>section{padding:6px 8px;border-radius:8px}.battle-card-inspector-copy h2{margin-bottom:5px;font-size:18px}.battle-card-inspector-copy small{margin-bottom:2px;font-size:9px}.battle-card-inspector .inspection-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.battle-card-inspector .inspection-stats>span{padding:3px 5px}.battle-card-inspector .inspection-stats b{font-size:15px}.battle-card-inspector .inspection-battle-info{display:flex;flex-wrap:wrap;gap:3px 8px}.battle-card-inspector .inspection-battle-info>small{width:100%}.battle-card-inspector .inspection-rules{pointer-events:auto;overscroll-behavior:contain}.battle-card-inspector.builder-card-inspector{width:calc(100vw - 20px);height:min(560px,calc(100dvh - 20px));grid-template-columns:minmax(120px,30%) minmax(0,1fr);gap:12px;padding:12px}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy h2{font-size:20px}.battle-card-inspector.builder-card-inspector .battle-card-inspector-copy p{font-size:11px;line-height:1.5}}.mobile-orientation-gate{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#0c1e42f0,#222767f0);color:#202746}.mobile-orientation-card{width:min(420px,100%);padding:30px 24px 24px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,#fffffff7,#f0f6fff0);box-shadow:0 24px 70px #00000052;text-align:center}.mobile-orientation-icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 16px;border:2px solid #5b88df;border-radius:18px;color:#4d79d1;font-size:38px;line-height:1;transform:rotate(-45deg)}.viewport-diagnostics{position:fixed;z-index:100010;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));width:min(350px,calc(100% - 16px));max-height:65dvh;padding:8px;overflow:auto;border:1px solid #86a8df;border-radius:8px;color:#fff;background:#183256;-webkit-text-size-adjust:100%;text-size-adjust:100%}.viewport-diagnostics pre{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.4 monospace}.viewport-diagnostics button{min-height:28px;padding:2px 8px;border:1px solid #b8cbea;border-radius:5px;color:#183256;background:#fff;font-size:12px}.mobile-orientation-card .eyebrow{margin:0 0 8px;color:#5879c6}.mobile-orientation-card h2{margin:0;color:#202746;font-size:30px}.mobile-orientation-card>p:not(.eyebrow){margin:12px 0 22px;color:#6d7897;font-size:14px;line-height:1.7}.mobile-orientation-card button{width:100%;min-height:48px;color:#fff;background:linear-gradient(135deg,#648fe4,#4d6fd1)}@media(max-width:760px){html,body,#root{width:100%;min-width:0;max-width:100%;overflow-x:clip}.app-shell,.auth-screen,.auth-modal-layer,.modal-layer,.profile-modal-layer,.ongoing-battle-layer{width:100%;min-width:0;max-width:100%}body{padding-bottom:env(safe-area-inset-bottom)}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important}button[data-ui-action][data-ui-size=sm]:not([data-ui-action=none]){min-height:44px}.app-header{min-height:0;height:auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;padding:max(9px,env(safe-area-inset-top)) 12px 10px}.wordmark{min-height:44px;width:max-content;max-width:calc(100% - 112px)}.wordmark>span{width:38px;height:38px}.wordmark strong{font-size:16px}.header-account,.app-header .header-account{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.header-account>button,.app-header .header-account .issues-entry,.app-header .header-account .replay-entry{width:100%;min-width:0;min-height:44px;padding:7px 8px;white-space:normal;line-height:1.25}.app-header .header-account>button[data-ui-size=sm]{min-height:44px}.header-account .account-name-button{max-width:none}.header-account .status-dot{display:none}.social-dock{top:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.social-panel{top:auto;bottom:54px;max-height:calc(100dvh - 78px)}.social-launch{width:100px;height:44px}.social-panel{width:calc(100vw - 24px);max-width:420px}.social-panel button,.social-panel input,.social-panel textarea{min-height:44px}.active-session-notice{margin:12px}.active-session-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.active-session-actions>button{min-height:44px;white-space:normal}.lobby-page{width:calc(100% - 20px);padding:12px 0 42px}.lobby-hero-panel{border-radius:22px}.lobby-hero-panel .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.lobby-hero-panel .hero-actions button{min-height:48px;padding:8px}.lobby-grid{gap:14px;margin-top:14px}.deck-panel,.room-panel,.rank-panel{min-height:0;padding:18px}.deck-row{min-height:74px}.panel-title button,.community-panel button,.community-panel a,.community-news .community-news-tabs button{min-height:44px}.community-news .community-channel{min-height:82px}.community-news .community-channel-action{min-height:0}.community-history-row,.community-update-row{min-height:62px}.public-sea{margin:22px auto 44px;padding:0 12px}.public-sea button{min-height:44px;padding:10px 14px}.sea-heading{align-items:flex-start;gap:12px}.sea-heading h1{font-size:32px}.sea-heading>button{min-width:82px}.sea-toolbar,.sea-room-meta,.sea-actions{gap:10px}.sea-toolbar>button{flex:1 1 140px}.sea-card,.sea-member,.sea-ready-panel{padding:20px;border-radius:19px}.sea-column{border-radius:20px}.sea-member-actions{width:100%}.sea-member-actions button{flex:1;min-height:44px}.sea-actions>button{flex:1 1 120px}.builder-page{--builder-header-height: 166px;width:100%;padding:0 10px 88px}.builder-page .builder-nav{top:var(--builder-header-height, 166px);margin:0 -10px;padding:10px 10px 8px;border-radius:0 0 18px 18px;box-shadow:0 12px 24px #354a7c1a}.builder-page .builder-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px;border-radius:16px}.builder-page .builder-toolbar .back-button{min-height:44px}.builder-page .builder-toolbar input{min-height:44px;font-size:17px!important}.builder-page .builder-toolbar>.primary-button{min-height:46px}.builder-page .builder-total strong{font-size:25px}.builder-page .builder-search-nav{align-items:stretch}.builder-page .catalog-search input,.builder-page .catalog-search button{min-height:44px}.builder-mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;padding:4px;border:1px solid #d6e1f4;border-radius:14px;background:#eaf1fd}.builder-mobile-tabs button{min-width:0;min-height:44px;padding:7px 5px;border:0;border-radius:10px;color:#526687;background:transparent;font-weight:750}.builder-mobile-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(115deg,#4f7edc,#549fe9);box-shadow:0 5px 13px #476bb830}.builder-mobile-tabs b{font-size:11px}.builder-page .builder-layout{display:block}.builder-page .builder-layout>.builder-pool:not(.mobile-active),.builder-page .builder-layout>.selected-panel:not(.mobile-active){display:none}.builder-page .builder-pool,.builder-page .selected-panel{margin-top:10px;padding:14px}.builder-page .selected-panel{position:static;max-height:none;overflow:visible}.builder-page .selected-scroll{max-height:none}.builder-page .catalog-card-add,.builder-page .catalog-add-hint,.builder-page .catalog-selected-count{min-height:44px}.builder-page .catalog-selected-count button,.builder-page .builder-card-row-actions button{width:44px;height:44px}.replay-page{margin:18px auto;padding:0 12px 40px}.replay-heading{align-items:flex-start}.replay-heading h1{margin-bottom:6px}.replay-heading .replay-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.replay-page button{min-height:44px}.replay-library{padding:16px}.replay-library header{align-items:stretch}.replay-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.replay-library article{padding:12px 0;border-bottom:1px solid #dce5f3}.replay-item-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.replay-item-actions button{min-width:0;padding-inline:7px}.replay-delete-layer{padding:12px}.replay-delete-layer section{padding:22px 18px}.issues-page{padding-inline:12px}.issues-page button,.issues-public a{min-height:44px}.issue-intake{padding:20px 16px}.issue-upload{min-height:100px}.modal-layer{align-items:end;padding:10px}.lobby-dialog,.decision-modal,.result-modal,.preview-modal{width:100%;min-width:0;max-width:100%;max-height:calc(100dvh - 20px);border-radius:22px 22px 14px 14px}.auth-modal-layer{overflow-y:auto}.auth-modal-card{width:min(100%,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.auth-modal-card form,.auth-modal-card .auth-flow-switch,.auth-modal-card .auth-login-method,.auth-modal-card .auth-code-row,.auth-modal-card .auth-register-code-row,.auth-modal-card .auth-nickname-row{min-width:0;max-width:100%}.auth-modal-card .auth-flow-switch button,.auth-modal-card .auth-login-method button{min-width:0;overflow-wrap:anywhere}.profile-modal-card{width:min(100%,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px)}}@media(max-width:820px){body:has(.battle-screen:not(.watch-board)) .social-dock{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto}body:has(.battle-screen:not(.watch-board)) .social-panel{top:54px;bottom:auto;max-height:calc(100dvh - 66px)}body:has(.battle-screen:not(.watch-board)) .social-launch{width:44px;height:44px;padding:5px;border-radius:13px}body:has(.battle-screen:not(.watch-board)) .social-launch>span{width:32px;height:32px}body:has(.battle-screen:not(.watch-board)) .social-launch>strong{display:none}}@media(max-width:520px){.header-account,.app-header .header-account{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header .header-account :is(.issues-entry,.replay-entry) svg{width:17px;height:17px}.lobby-hero-panel .hero-content h1{font-size:34px}.builder-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-page .catalog-card{padding:7px}.builder-page .catalog-card-copy{padding:9px 2px}.builder-page .catalog-card-copy strong{font-size:15px}.builder-page .catalog-card-copy small{font-size:12px}}@media(max-width:820px)and (pointer:coarse),(max-width:520px){.battle-screen:not(.watch-board) .battle-topbar button{min-height:34px}.battle-screen:not(.watch-board) .battle-concede-trigger{min-width:42px;min-height:34px;font-size:10px}.battle-screen:not(.watch-board) .fighter-action-button{min-height:30px;padding:4px 9px}.battle-screen:not(.watch-board) .core-current-operation .context-actions button{min-height:34px;font-size:10px}.battle-screen:not(.watch-board) .core-operation-tools button{min-height:38px}.battle-screen:not(.watch-board) .battle-utility-toggle{min-width:44px;min-height:44px}}@media(max-width:520px){.battle-screen:not(.watch-board){--card-w: clamp(54px, 15vw, 62px)}.battle-screen:not(.watch-board) .board-half{grid-template-columns:78px minmax(0,1fr) calc(var(--card-w) * 2 + 4px);column-gap:4px}.battle-screen:not(.watch-board) .board-half>.don-strip{grid-template-columns:repeat(3,20px);justify-content:center;gap:4px;padding:5px}.battle-screen:not(.watch-board) .don-strip .don-card{width:20px;max-width:20px;height:28px}.battle-screen:not(.watch-board) .character-row{gap:7px}.battle-screen:not(.watch-board) .command-zone{gap:3px}.battle-screen:not(.watch-board) .hand-fan .card-face{width:70px;margin-left:-24px}.battle-screen:not(.watch-board) .hand-fan{padding-inline:14px}.battle-screen:not(.watch-board) .context-action-bar{bottom:140px;max-height:104px}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px){.battle-screen:not(.watch-board){--card-w: clamp(46px, 13vh, 58px);width:100vw;height:100dvh;min-height:0;overflow:clip}.battle-screen:not(.watch-board) .battle-topbar{top:3px;left:142px;width:calc(100% - 322px);min-width:0;min-height:36px;transform:none}.battle-screen:not(.watch-board) .player-hud{left:5px;width:132px;min-height:38px;padding:4px 6px;gap:6px}.battle-screen:not(.watch-board) .player-hud.opponent{top:3px}.battle-screen:not(.watch-board) .player-hud.mine{bottom:72px}.battle-screen:not(.watch-board) .hud-avatar{width:28px;height:28px}.battle-screen:not(.watch-board) .player-hud>div{min-width:0;padding-right:0}.battle-screen:not(.watch-board) .player-hud strong,.battle-screen:not(.watch-board) .player-hud small{display:block;max-width:82px;padding-right:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}.battle-screen:not(.watch-board) .hud-presence{top:4px;right:5px;bottom:auto;font-size:7px}.battle-screen:not(.watch-board) .hud-presence i{width:5px;height:5px}.battle-screen:not(.watch-board) .hud-turn-state{top:auto;right:5px;bottom:4px;min-height:18px;padding:2px 5px;font-size:7px}.battle-screen:not(.watch-board) .board-grid{inset:42px 6px 92px;min-height:0;grid-template-rows:14px minmax(78px,1fr) 52px minmax(78px,1fr);gap:3px}.battle-screen:not(.watch-board) .board-half{display:grid;grid-template-columns:74px 70px minmax(0,1fr) calc(var(--card-w) * 2 + 5px);gap:4px;padding:19px 4px 3px;overflow:hidden}.battle-screen:not(.watch-board) .pile-cluster{position:static;width:74px;opacity:1}.battle-screen:not(.watch-board) .board-half>.don-strip{position:static;width:70px;min-height:0;max-height:100%;display:grid;grid-template-columns:repeat(3,18px);align-content:center;gap:3px;padding:4px;overflow-y:auto}.battle-screen:not(.watch-board) .don-strip>span{display:block;grid-column:1 / -1}.battle-screen:not(.watch-board) .don-strip .don-card{width:18px;max-width:18px;height:25px}.battle-screen:not(.watch-board) .character-row{display:flex;align-items:center;justify-content:safe center;gap:5px;overflow-x:auto;padding:3px 2px 19px}.battle-screen:not(.watch-board) .character-row>*{flex:0 0 var(--card-w)}.battle-screen:not(.watch-board) .command-zone{width:100%;grid-template-columns:repeat(2,var(--card-w));gap:4px}.battle-screen:not(.watch-board) .combat-rail.core-action-console{grid-template-columns:82px minmax(0,1fr) 132px;min-height:52px;margin:0;padding:3px 5px}.battle-screen:not(.watch-board) .core-operation-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.battle-screen:not(.watch-board) .core-operation-tools button{min-width:0;padding-inline:4px}.battle-screen:not(.watch-board) .core-current-operation .context-actions button{min-height:30px}.battle-screen:not(.watch-board) .hand-dock{left:142px;bottom:-24px;width:calc(100% - 284px);height:112px;transform:none}.battle-screen:not(.watch-board) .hand-fan{justify-content:flex-start;overflow-x:auto;padding:2px 12px 0}.battle-screen:not(.watch-board) .hand-fan .card-face{width:68px;margin-left:-23px}.battle-screen:not(.watch-board) .hand-fan .card-face:first-child{margin-left:0}.battle-screen:not(.watch-board) .battle-utility-dock{right:5px;width:44px;padding:3px}.battle-screen:not(.watch-board) .battle-utility-dock.open{width:190px}}@media(orientation:landscape)and (max-height:760px)and (max-width:1600px)and (pointer:coarse){.battle-screen:not(.watch-board) .board-half{height:calc(100% - 10px)}.battle-screen:not(.watch-board) .opponent-half{align-self:end;margin-bottom:0}.battle-screen:not(.watch-board) .player-half{align-self:start;margin-top:0}.battle-screen:not(.watch-board) .hand-dock{bottom:-30px}.battle-screen:not(.watch-board) .combat-rail.core-action-console{grid-template-columns:78px minmax(0,1fr) 116px;min-height:48px;align-items:stretch;gap:4px;padding:3px 5px}.battle-screen:not(.watch-board) .core-stage-state,.battle-screen:not(.watch-board) .core-current-operation,.battle-screen:not(.watch-board) .core-operation-tools{min-width:0;min-height:0;align-self:stretch}.battle-screen:not(.watch-board) .core-stage-state{display:grid;align-content:center;justify-items:center;text-align:center}.battle-screen:not(.watch-board) .core-stage-state small,.battle-screen:not(.watch-board) .core-stage-state strong,.battle-screen:not(.watch-board) .core-stage-state span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .core-stage-state strong{font-size:12px;line-height:1.15}.battle-screen:not(.watch-board) .core-stage-state span{font-size:9px}.battle-screen:not(.watch-board) .core-current-operation{display:grid;place-items:center;text-align:center}.battle-screen:not(.watch-board) .core-operation-copy{width:100%;min-width:0;display:grid;justify-items:center;gap:1px}.battle-screen:not(.watch-board) .core-operation-copy strong,.battle-screen:not(.watch-board) .core-operation-copy>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .core-operation-copy strong{font-size:12px;line-height:1.15}.battle-screen:not(.watch-board) .core-operation-copy>span{font-size:9px}.battle-screen:not(.watch-board) .core-operation-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:3px}.battle-screen:not(.watch-board) .core-operation-tools button{min-width:0;min-height:30px;padding:2px 4px;overflow:hidden}.battle-screen:not(.watch-board) .core-operation-tools button span,.battle-screen:not(.watch-board) .core-operation-tools button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(orientation:landscape)and (max-height:760px)and (max-width:1600px)and (pointer:coarse){.battle-screen .board-half{height:calc(100% - 10px);align-self:center}.battle-screen:not(.watch-board) .hand-dock{bottom:-10px}.battle-screen:not(.watch-board) .pile-cluster,.watch-board .board-half .pile-cluster{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:3px;padding:4px}.battle-screen:not(.watch-board) .resource-pile-copy,.watch-board .resource-pile-copy{position:static;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center}.battle-screen:not(.watch-board) .resource-pile-copy small,.watch-board .resource-pile-copy small{display:block;font-size:7px;line-height:1.1;white-space:nowrap}.battle-screen:not(.watch-board) .resource-pile-copy b,.watch-board .resource-pile-copy b{min-width:18px;height:18px;font-size:9px;line-height:18px}.battle-screen:not(.watch-board) .player-hud .hud-name-line{min-width:0;align-items:center;justify-content:center}.battle-screen:not(.watch-board) .player-hud .hud-profile-copy{min-width:0;align-content:center}.battle-screen:not(.watch-board) .player-hud strong{max-width:86px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .player-hud small{max-width:86px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .core-stage-state{display:grid;place-items:center;text-align:center}.battle-screen:not(.watch-board) .core-stage-state strong{font-size:12px;line-height:1.15;white-space:nowrap}.battle-screen:not(.watch-board) .core-operation-copy{min-width:0;place-items:center;text-align:center}.battle-screen:not(.watch-board) .core-operation-copy strong{max-width:100%;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-screen:not(.watch-board) .core-operation-copy span{max-width:100%;font-size:9px;line-height:1.2;text-align:center}}@media(min-width:601px){.battle-screen:not(.watch-board) .hand-fan .card-face,.battle-screen:not(.watch-board) .hand-fan .card-face.dragging,.battle-screen:not(.watch-board) .hand-fan .card-face.dragging:hover{transform:none;transform-origin:50% 100%}.battle-screen:not(.watch-board) .hand-fan .card-face:hover,.battle-screen:not(.watch-board) .hand-fan .card-face.selected,.battle-screen:not(.watch-board) .hand-fan .card-face:focus-within{z-index:1000!important;transform:translateY(-12px) scale(1.05)}}@media(max-width:820px){body:has(.watch-shell) .social-dock{top:max(7px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto}body:has(.watch-shell) .social-launch{width:44px;height:44px;padding:5px;border-radius:13px}body:has(.watch-shell) .social-launch>span{width:32px;height:32px}body:has(.watch-shell) .social-launch>strong{display:none}body:has(.watch-shell) .social-panel{top:52px;bottom:auto;height:min(620px,calc(100dvh - 66px))}.watch-toolbar{align-items:stretch;flex-direction:column;gap:6px;padding:7px 60px 7px 10px}.watch-toolbar button,.watch-playback button{min-height:40px}.watch-title{min-height:25px;align-items:center}.watch-toolbar-actions{width:100%;max-width:100%;gap:6px;overflow:visible}.watch-toolbar-actions>button{flex:0 0 auto}.watch-toolbar-actions>button:last-child{flex:0 1 auto;min-width:88px}.watch-toolbar-actions .spectator-view-switch{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.watch-toolbar-actions .spectator-view-switch button{min-width:0;overflow:hidden;text-overflow:ellipsis}.watch-hand-scroll{overscroll-behavior-x:contain}.watch-playback{padding-bottom:max(8px,env(safe-area-inset-bottom))}.watch-playback-buttons{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.watch-playback-buttons button{min-width:0}.watch-timeline{flex-basis:100%}.watch-effect-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 30px);padding:18px 14px;border-radius:18px}.watch-effect-source{grid-template-columns:92px minmax(0,1fr);gap:12px}.watch-effect-source>.card-face{width:92px}.watch-effect-source p{font-size:15px;line-height:1.75}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px){body:has(.battle-screen) .social-dock{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto}body:has(.battle-screen) .social-launch{width:44px;height:44px;padding:5px;border-radius:13px}body:has(.battle-screen) .social-launch>span{width:32px;height:32px}body:has(.battle-screen) .social-launch>strong{display:none}body:has(.watch-shell) .social-dock{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto}.watch-toolbar{min-height:44px;flex-direction:row;flex-wrap:nowrap;gap:6px;padding:4px 112px 4px 8px}.watch-title{gap:6px}.watch-title strong{max-width:118px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.watch-toolbar-actions{min-width:0;flex:1;justify-content:flex-end;gap:4px;overflow:hidden}.watch-toolbar-actions>button{min-width:0;padding:5px 6px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.watch-toolbar-actions .spectator-view-switch{min-width:0}.watch-toolbar-actions .spectator-view-switch button{padding-inline:5px}.watch-shell .watch-board{--card-w: 46px;--watch-hand-w: 58px;--watch-console-h: 46px;height:100%;min-height:0}.watch-board .board-grid{inset:34px 4px 4px;grid-template-rows:68px minmax(56px,1fr) 46px minmax(56px,1fr) 68px;gap:3px}.watch-board .board-half{grid-template-columns:62px 56px minmax(0,1fr) calc(var(--card-w) * 2 + 6px);gap:4px;padding:17px 4px 3px}.watch-board .board-half .pile-cluster{left:4px;bottom:3px;width:62px}.watch-board .board-half .don-strip{grid-template-columns:repeat(3,14px);max-height:40px;gap:2px;padding:3px}.watch-board .don-strip .don-card{width:14px;height:20px}.watch-board .character-row{gap:4px;padding:3px 2px 6px}.watch-board .command-zone{gap:4px}.watch-board .fighter-shell .card-stats>span{width:18px;height:18px;min-width:18px;font-size:10px}.watch-board .fighter-shell .card-stats>strong{padding:1px 3px;font-size:9px}.watch-board .combat-rail.core-action-console{grid-template-columns:0 minmax(0,1fr) 96px;gap:3px;padding:2px 4px}.watch-board .core-stage-state{display:none}.watch-board .core-current-operation{gap:2px}.watch-board .core-operation-copy strong{font-size:11px}.watch-board .core-operation-tools button{min-height:24px;padding:2px 4px}.watch-hand{grid-template-columns:106px minmax(0,1fr) 106px;gap:4px}.watch-hand .player-hud{min-height:44px;padding:4px 5px;grid-template-columns:24px minmax(0,1fr);gap:4px}.watch-hand .hud-avatar{display:block;width:24px;height:24px;min-width:24px}.watch-hand .hud-profile-copy,.watch-hand .hud-turn-state,.watch-hand .hud-presence{grid-column:2}.watch-hand .hud-name-line strong{font-size:10px}.watch-hand .hud-turn-state,.watch-hand .hud-presence{font-size:8px}.watch-hand-cards{padding:3px 6px 7px}.watch-hand .card-face{width:var(--watch-hand-w);flex-basis:var(--watch-hand-w)}.watch-playback{min-height:42px;padding:4px 8px;gap:6px}.watch-playback-buttons{gap:3px}.watch-playback button{min-height:30px;padding:4px 7px;font-size:10px}.watch-timeline{min-width:90px}.watch-timeline label{font-size:9px}}@media(max-width:600px){.battle-screen:not(.watch-board) .player-hud.opponent,.battle-screen:not(.watch-board) .player-hud.mine{top:54px}.battle-screen:not(.watch-board) .board-grid{top:104px}.battle-screen:not(.watch-board) .hand-dock{z-index:520;overflow:visible}.battle-screen:not(.watch-board) .hand-fan{align-items:flex-end;justify-content:safe center;gap:6px;padding:4px 14px 10px;overflow-x:auto;overflow-y:hidden}.battle-screen:not(.watch-board) .hand-fan .card-face,.battle-screen:not(.watch-board) .hand-fan .card-face:first-child{flex:0 0 auto;width:clamp(58px,18vw,72px);margin-left:0;transform:none}.battle-screen:not(.watch-board) .hand-fan .card-face:hover,.battle-screen:not(.watch-board) .hand-fan .card-face.selected,.battle-screen:not(.watch-board) .hand-fan .card-face:focus-within{z-index:1000;transform:translateY(-10px)}.battle-screen:not(.watch-board) .hand-fan .card-face.dragging{transform:none}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px){.battle-screen:not(.watch-board) .player-hud.mine{inset:auto auto 4px 5px}.battle-screen:not(.watch-board) .board-grid{inset:42px 6px 96px;grid-template-rows:12px minmax(64px,1fr) 42px minmax(64px,1fr);gap:2px}.battle-screen:not(.watch-board) .board-half{grid-template-columns:68px 62px minmax(0,1fr) calc(var(--card-w) * 2 + 5px);gap:3px;padding:14px 3px 2px}.battle-screen:not(.watch-board) .character-row{gap:4px;padding:2px 2px 14px}.battle-screen:not(.watch-board) .combat-rail.core-action-console{grid-template-columns:72px minmax(0,1fr) 108px;min-height:42px;gap:3px;padding:2px 4px}.battle-screen:not(.watch-board) .core-current-operation .context-actions button{min-height:26px;padding:2px 5px}.battle-screen:not(.watch-board) .core-operation-tools button{min-height:25px}.battle-screen:not(.watch-board) .hand-dock{z-index:520;bottom:0;overflow:visible}.battle-screen:not(.watch-board) .hand-fan{justify-content:safe center;gap:5px;padding:2px 10px 4px;overflow-x:auto;overflow-y:hidden}.battle-screen:not(.watch-board) .hand-fan .card-face,.battle-screen:not(.watch-board) .hand-fan .card-face:first-child{flex:0 0 auto;width:clamp(54px,9vw,66px);margin-left:0;transform:none}.battle-screen:not(.watch-board) .hand-fan .card-face:hover,.battle-screen:not(.watch-board) .hand-fan .card-face.selected,.battle-screen:not(.watch-board) .hand-fan .card-face:focus-within{transform:translateY(-8px)}}@media(orientation:landscape)and (max-height:760px)and (max-width:1600px)and (pointer:coarse){.battle-screen:not(.watch-board) .board-half{height:calc(100% - 10px)}.battle-screen:not(.watch-board) .opponent-half{align-self:end;margin-bottom:0}.battle-screen:not(.watch-board) .player-half{align-self:start;margin-top:0}.battle-screen:not(.watch-board) .hand-dock{bottom:-20px}.battle-screen:not(.watch-board) .combat-rail.core-action-console{grid-template-columns:78px minmax(0,1fr) 116px;min-height:48px;align-items:stretch;gap:4px;padding:3px 5px}.battle-screen:not(.watch-board) .core-stage-state,.battle-screen:not(.watch-board) .core-current-operation,.battle-screen:not(.watch-board) .core-operation-tools{min-width:0;min-height:0;align-self:stretch}.battle-screen:not(.watch-board) .core-stage-state{display:grid;align-content:center;justify-items:center;text-align:center}.battle-screen:not(.watch-board) .core-stage-state small,.battle-screen:not(.watch-board) .core-stage-state strong,.battle-screen:not(.watch-board) .core-stage-state span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .core-stage-state strong,.battle-screen:not(.watch-board) .core-operation-copy strong{font-size:12px;line-height:1.15}.battle-screen:not(.watch-board) .core-stage-state span,.battle-screen:not(.watch-board) .core-operation-copy>span{font-size:9px}.battle-screen:not(.watch-board) .core-current-operation{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"copy clash actions";align-items:center;justify-items:stretch;gap:5px;padding:0 2px;text-align:center}.battle-screen:not(.watch-board) .core-operation-copy{width:100%;min-width:0;display:grid;justify-items:center;gap:1px}.battle-screen:not(.watch-board) .core-operation-copy small{display:none}.battle-screen:not(.watch-board) .core-operation-copy strong,.battle-screen:not(.watch-board) .core-operation-copy>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .core-current-operation .power-clash{gap:3px;padding:0}.battle-screen:not(.watch-board) .power-clash .clash-party{gap:1px}.battle-screen:not(.watch-board) .power-clash .clash-party span{max-width:48px;padding:1px 3px;font-size:9px;white-space:nowrap}.battle-screen:not(.watch-board) .power-clash .clash-party b{font-size:12px;line-height:1.1}.battle-screen:not(.watch-board) .core-current-operation .context-actions{align-self:center;flex-wrap:nowrap;justify-content:center;max-width:none;gap:4px;margin:0}.battle-screen:not(.watch-board) .core-current-operation .context-actions button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:60px;height:32px;min-height:32px;padding:0 8px;border-radius:9px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.battle-screen:not(.watch-board) .core-operation-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:3px}.battle-screen:not(.watch-board) .core-operation-tools button{min-width:0;min-height:30px;padding:2px 4px;overflow:hidden}.battle-screen:not(.watch-board) .core-operation-tools button span,.battle-screen:not(.watch-board) .core-operation-tools button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px)and (pointer:coarse){.battle-screen:not(.watch-board) .board-grid{grid-template-rows:12px minmax(64px,1fr) 48px minmax(64px,1fr)}}@media(min-width:1201px){.battle-screen .board-half{height:100%;align-self:stretch;margin-top:0;margin-bottom:0}}@media(orientation:landscape)and (max-height:760px)and (max-width:1200px)and (pointer:coarse)and (hover:none){.battle-screen:not(.watch-board) .hand-dock{bottom:-15px}.battle-screen:not(.watch-board) .hand-fan .card-stats>span{width:20px;min-width:20px;height:20px;border-width:1px;font-size:12px}.battle-screen:not(.watch-board) .board-half:after{content:none}.battle-screen:not(.watch-board) .board-grid>.board-half,.battle-screen:not(.watch-board) .board-grid>.core-action-console{position:relative;top:20px}.battle-screen:not(.watch-board) .board-grid>.board-half{display:grid;grid-template-columns:140px 160px minmax(0,1fr) calc(var(--card-w) * 2 + 5px);grid-template-rows:28px minmax(0,1fr);column-gap:8px;row-gap:0;padding:6px}.battle-screen:not(.watch-board) .board-half>.character-row{grid-column:3;grid-row:2}.battle-screen:not(.watch-board) .board-half>.command-zone{grid-column:4;grid-row:2}.battle-screen:not(.watch-board) .board-half>.hand-count-card{top:5px;left:9px;padding:3px 7px}.battle-screen:not(.watch-board) .board-half>.pile-cluster{position:static;grid-column:1;grid-row:2;width:140px;min-height:0;max-height:100%;align-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border-radius:10px}.battle-screen:not(.watch-board) .resource-pile{display:flex;align-items:center;justify-content:center;gap:3px;padding:2px 0;min-height:0}.battle-screen:not(.watch-board) .resource-card-back{flex:0 0 18px;width:18px;border-radius:4px;box-shadow:none}.battle-screen:not(.watch-board) .resource-pile-copy{position:static;display:flex;flex-direction:column;align-items:center;gap:2px}.battle-screen:not(.watch-board) .resource-pile-copy small{display:block;font-size:9px;line-height:11px}.battle-screen:not(.watch-board) .resource-pile-copy b{min-width:0;height:auto;font-size:12px;line-height:14px;color:#303b64;background:none;box-shadow:none}.battle-screen:not(.watch-board) .life-pile-revealed .card-face{width:20px;flex:0 0 20px}.battle-screen:not(.watch-board) .board-half>.don-strip{position:static;grid-column:2;grid-row:1 / -1;align-self:center;width:160px;height:min(68px,100%);min-height:0;max-height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:12px repeat(2,minmax(0,1fr));align-content:stretch;justify-content:center;justify-items:center;gap:3px;padding:4px;overflow:visible}.battle-screen:not(.watch-board) .don-strip>.don-strip-heading{position:static;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:5px;grid-column:1 / -1;padding:0 2px;line-height:12px;background:transparent}.battle-screen:not(.watch-board) .don-strip-heading>span{font-size:9px;line-height:12px;letter-spacing:0}.battle-screen:not(.watch-board) .don-strip-heading>b{display:inline-flex;align-items:baseline;font-size:11px;line-height:12px;font-variant-numeric:tabular-nums}.battle-screen:not(.watch-board) .don-strip-heading>b>small{font-size:10px;line-height:inherit}.battle-screen:not(.watch-board) .don-strip .don-card{width:auto;min-width:0;max-width:14px;height:min(20px,100%);aspect-ratio:5 / 7;align-self:center;border-radius:4px}.battle-screen:not(.watch-board) .don-strip .don-card.used{scale:1;opacity:.68}}@media(max-width:1200px)and (pointer:coarse)and (hover:none){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html:has(.battle-screen),body:has(.battle-screen),#root:has(.battle-screen){width:100%;max-width:100%;height:var(--battle-visible-height, 100dvh);min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body:has(.battle-screen){position:fixed;inset:0}#root>.battle-screen:not(.watch-board){width:100%;height:var(--battle-visible-height, 100dvh);min-height:0;margin:0}.watch-shell{height:var(--battle-visible-height, 100dvh)}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px)and (pointer:coarse)and (hover:none){.battle-screen:not(.watch-board) .board-grid{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right))}.battle-screen:not(.watch-board) .player-hud{left:max(5px,env(safe-area-inset-left))}.battle-screen:not(.watch-board) .player-hud.mine{bottom:max(4px,env(safe-area-inset-bottom))}.battle-screen:not(.watch-board) .battle-topbar{left:calc(142px + env(safe-area-inset-left));width:calc(100% - 322px - env(safe-area-inset-left) - env(safe-area-inset-right))}.battle-screen:not(.watch-board) .hand-dock{left:calc(142px + env(safe-area-inset-left));width:calc(100% - 284px - env(safe-area-inset-left) - env(safe-area-inset-right));bottom:calc(-15px + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:520px)and (max-width:1200px)and (pointer:coarse)and (hover:none){.battle-screen:not(.watch-board) .board-half{container-type:size}.battle-screen:not(.watch-board) .board-half>.character-row,.battle-screen:not(.watch-board) .board-half>.command-zone{--field-card-w: min(var(--card-w), calc((100cqh - 20px) * 5 / 7));grid-row:1 / -1;align-self:stretch;min-height:0;padding:4px 2px 16px}.battle-screen:not(.watch-board) .character-row>*{flex:0 0 var(--field-card-w);width:var(--field-card-w)}.battle-screen:not(.watch-board) .command-zone{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.battle-screen:not(.watch-board) .command-zone .fighter-shell,.battle-screen:not(.watch-board) .command-zone .stage-slot,.battle-screen:not(.watch-board) .command-zone .stage-slot .card-face{width:var(--field-card-w)}.battle-screen:not(.watch-board) .command-zone .stage-slot{min-height:calc(var(--field-card-w) * 1.4)}.battle-screen:not(.watch-board) .command-zone .stage-slot.is-empty{width:min(58px,100%);min-height:0;height:min(58px,calc(100cqh - 20px))}}@media(max-width:1200px)and (pointer:coarse)and (hover:none){.battle-screen :is(.fighter-shell,.battle-pointer-drag-visual) .card-face>.card-surface{container-type:inline-size}.battle-screen :is(.fighter-shell,.battle-pointer-drag-visual) .card-face .card-surface>.card-stats{inset:2px 1px auto;display:grid;grid-template-columns:clamp(14px,27cqw,22px) minmax(0,1fr);align-items:start;gap:1px}.battle-screen :is(.fighter-shell,.battle-pointer-drag-visual) .card-face .card-surface .card-stats>span{width:100%;min-width:0;height:auto;aspect-ratio:1;padding:0;border-width:1px;font-size:clamp(9px,18cqw,13px);line-height:1}.battle-screen :is(.fighter-shell,.battle-pointer-drag-visual) .card-face .card-surface .card-stats>strong{grid-column:2;justify-self:end;display:grid;place-items:center;width:max-content;min-width:0;max-width:100%;min-height:clamp(14px,27cqw,22px);margin:0;padding:1px;border:1px solid #e8f3ff;border-radius:999px;color:#fff;background:#4189ed;font-size:clamp(8px,15cqw,13px);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.battle-screen :is(.fighter-shell,.battle-pointer-drag-visual) .card-face .card-surface .card-stats>strong:only-child{grid-column:1 / -1}}@media(max-width:1200px)and (pointer:coarse)and (hover:none){.battle-screen:not(.watch-board) .fighter-action-stack{bottom:-8px;width:max-content;max-width:max(100%,72px);justify-content:safe center;padding:0}.battle-screen:not(.watch-board) .fighter-action-stack:not(:has(button)){max-width:none;overflow:visible;pointer-events:none}.battle-screen:not(.watch-board) .fighter-action-button.card-status-label{justify-content:center;min-width:0;height:16px;min-height:16px;padding:1px 4px;font-size:9px;line-height:12px;border-radius:6px;white-space:nowrap}.battle-screen:not(.watch-board) .fighter-action-stack>button{min-width:32px;min-height:26px;padding:3px 5px;font-size:10px}}@media(orientation:landscape)and (max-width:1200px)and (pointer:coarse)and (hover:none){html[data-battle-short] .battle-screen:not(.watch-board) .board-grid{top:44px;bottom:calc(78px + env(safe-area-inset-bottom));grid-template-rows:12px minmax(0,1fr) 42px minmax(0,1fr);gap:2px}html[data-battle-short] .battle-screen:not(.watch-board) .board-grid>.board-half,html[data-battle-short] .battle-screen:not(.watch-board) .board-grid>.core-action-console{top:0}html[data-battle-short] .battle-screen:not(.watch-board) .board-half{height:100%}html[data-battle-short] .battle-screen:not(.watch-board) .core-action-console{min-height:42px}html[data-battle-short] .battle-screen:not(.watch-board) .board-half>.character-row,html[data-battle-short] .battle-screen:not(.watch-board) .board-half>.command-zone{--field-card-w: min(var(--card-w), calc((100cqh - 16px) * 5 / 7));padding:3px 2px 13px}html[data-battle-short] .battle-screen:not(.watch-board) .hand-dock{height:92px}html[data-battle-short] .battle-screen:not(.watch-board) .hand-fan .card-face{width:54px}html[data-battle-short] .battle-screen:not(.watch-board) .fighter-action-button.card-status-label{height:14px;min-height:14px;padding:0 3px;font-size:8px}}@media(orientation:landscape)and (max-width:1200px)and (pointer:coarse)and (hover:none){.battle-screen:not(.watch-board) .hand-fan{--hand-card-margin: 0px;gap:0;justify-content:safe center;overflow-x:auto;overflow-y:hidden;pointer-events:auto;touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain}.battle-screen:not(.watch-board) .hand-fan>.card-face{flex-shrink:0}}@media(max-width:1200px)and (pointer:coarse)and (hover:none){.battle-screen:not(.watch-board){--paired-action-min-width: 64px}.battle-screen:not(.watch-board) .character-row>.fighter-shell:has(>.attack-effect-pair){margin-inline:max(0px,calc((var(--paired-action-min-width) - var(--field-card-w, var(--card-w))) / 2))}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair{--paired-action-height: 22px;--paired-action-font: 9px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;width:max(100%,var(--paired-action-min-width));max-width:none;gap:0;padding:2px;overflow:visible;border:1px solid #b9d3f5;border-radius:999px;background:linear-gradient(180deg,#fff,#edf5ff);box-shadow:0 2px 5px #2d588029,inset 0 1px #fff}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair>.fighter-action-button:is(button,.card-status-label){display:grid;place-items:center;min-width:0;height:var(--paired-action-height);min-height:var(--paired-action-height);margin:0;padding:0 1px;border-radius:999px;font-size:var(--paired-action-font);line-height:1;text-align:center;box-shadow:none}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair>.card-status-label{border:0;background:transparent;color:#3764a5;font-weight:700}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair>button.fighter-action-button.effect-action{padding:0}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair>button.effect-action:after{content:"";position:absolute;inset:-3px 0;border-radius:inherit}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair>button.effect-action:active:not(:disabled){filter:brightness(.97);box-shadow:inset 0 1px 3px #8255191f}.battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair>button.effect-action:focus-visible{outline:2px solid #254d91;outline-offset:2px}html[data-battle-short] .battle-screen:not(.watch-board){--paired-action-min-width: 56px}html[data-battle-short] .battle-screen:not(.watch-board) .fighter-action-stack.attack-effect-pair{--paired-action-font: 8px}}.auth-screen.auth-modal-page{position:relative;isolation:isolate;display:block;width:100%;min-width:0;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:0;color:#0b204e;background:#dff3ff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.auth-screen.auth-modal-page .auth-backdrop{display:none}.village-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#edf6fc}.village-scene>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.auth-public-shell{position:relative;z-index:1;width:min(1500px,100%);min-height:100svh;margin:0 auto;padding:0 clamp(28px,4.25vw,68px) clamp(38px,5vw,72px)}.auth-public-header{display:flex;min-height:104px;align-items:center;justify-content:space-between;gap:28px;padding:0;border:0;border-radius:0;color:#0b204e;background:transparent;box-shadow:none}.auth-public-brand{display:flex;align-items:center;gap:16px}.auth-public-brand>span:last-child{display:grid;gap:2px}.auth-public-brand strong{color:#071c49;font-size:21px;font-weight:900;letter-spacing:-.035em}.auth-public-brand small{color:#45668f;font-size:14px;font-weight:700;letter-spacing:.03em}.auth-public-mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(35,108,219,.42);border-radius:15px;color:#0961df;background:#fffc;box-shadow:none;font-size:26px;font-weight:900}.auth-public-rail{color:#0c295d;font-size:15px;font-weight:750;letter-spacing:.04em}.auth-public-preview{display:grid;min-height:calc(100svh - 104px - clamp(38px,5vw,72px));grid-template-columns:minmax(500px,.9fr) minmax(540px,1.1fr);align-items:center;gap:clamp(28px,3.4vw,58px);padding:clamp(26px,4vh,48px) 0 clamp(24px,4vh,48px)}.auth-public-copy{position:relative;z-index:2;max-width:690px;padding:28px 0 34px}.auth-public-copy .eyebrow{display:flex;align-items:center;gap:18px;color:#0566e8;font-size:15px;font-weight:900;letter-spacing:.18em}.auth-public-copy .eyebrow:before{width:32px;height:2px;content:"";background:#1671eb}.auth-public-copy h1{margin:24px 0;color:#071d50;font-size:clamp(62px,5.75vw,88px);font-weight:950;line-height:.98;letter-spacing:-.075em;text-wrap:balance}.auth-public-copy h1 span,.auth-public-copy h1 em{display:block;white-space:nowrap}.auth-public-copy h1 em{color:#1069e8;font-style:normal}.auth-public-copy p{max-width:40ch;margin:0;color:#435f88;font-size:18px;font-weight:550;line-height:1.7}.auth-public-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.auth-public-actions .primary-button,.auth-public-actions .secondary-button{min-width:196px;min-height:58px;padding:0 26px;border-radius:11px;font-size:17px;font-weight:850;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.auth-public-actions .primary-button{border:1px solid #0b65e5;color:#fff;background:#116eea;box-shadow:0 14px 28px #0549af33}.auth-public-actions .secondary-button{border:1px solid rgba(15,81,179,.28);color:#0a2b62;background:#ffffffc2;box-shadow:none}.auth-public-actions .primary-button:hover:not(:disabled),.auth-public-actions .secondary-button:hover:not(:disabled){transform:translateY(-2px);filter:none}.auth-public-actions .primary-button:hover:not(:disabled){background:#075fda;box-shadow:0 18px 34px #0549af47}.auth-public-actions .secondary-button:hover:not(:disabled){background:#fff}.auth-preview-board{position:relative;min-width:0;min-height:560px;padding:8px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-preview-board-head{display:flex;min-height:52px;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(17,77,155,.28);color:#0b285d;font-size:18px;font-weight:850;letter-spacing:.12em}.auth-preview-board-head b{display:inline-flex;align-items:center;gap:12px;color:#0b285d;font-size:17px;font-weight:850;letter-spacing:.06em}.auth-preview-board-head b:before{width:11px;height:11px;border-radius:50%;content:"";background:#d19a20;box-shadow:0 0 0 4px #ffffff80;animation:auth-status-pulse 2.8s ease-in-out infinite}.auth-preview-art{display:grid;min-height:500px;place-items:center}.auth-preview-art img{width:min(760px,110%);max-width:none;transform:translate3d(3%,0,0);filter:drop-shadow(0 28px 32px rgba(3,49,114,.22));animation:auth-card-float 6.5s ease-in-out infinite;will-change:transform}.auth-modal-layer{z-index:20;background:#102b5370;backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%)}.auth-screen.auth-modal-page .auth-modal-card{width:min(540px,100%);padding:32px 36px 30px;border:1px solid rgba(187,210,242,.9);border-radius:22px;background:#fffffff5;box-shadow:0 28px 72px #08234e47;backdrop-filter:none;-webkit-backdrop-filter:none}.auth-modal-brand strong{font-size:17px}.auth-modal-brand small{font-size:13px}.auth-modal-intro .eyebrow{font-size:14px}.auth-modal-intro .auth-copy{max-width:45ch;font-size:15px}.auth-modal-card label{font-size:14px;font-weight:700}.auth-modal-card input{font-size:16px}.auth-modal-card .auth-field-hint,.auth-modal-card .auth-submit-hint{margin:-4px 0 2px;color:#526987;font-size:12px;line-height:1.5}.auth-modal-card .auth-field-error{color:#b42318}.auth-modal-card .auth-field-valid{color:#23734c}.auth-modal-card input[aria-invalid=true]{border-color:#c53b30}.auth-modal-card .auth-submit-hint{margin:2px 0 0;font-size:13px}.auth-modal-card .auth-flow-switch button,.auth-modal-card .auth-login-method button{min-height:38px;font-size:14px}.auth-modal-card form>.primary-button{min-height:52px;font-size:16px}.auth-modal-card .trust-note{font-size:12px}.auth-modal-brand .auth-emblem{border-radius:13px;color:#0961df;background:#eef6ff}.auth-modal-card .primary-button{color:#fff;background:#116eea}@keyframes auth-card-float{0%,to{transform:translate3d(3%,0,0)}50%{transform:translate3d(3%,-10px,0)}}@keyframes auth-status-pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media(max-width:1180px){.auth-public-preview{grid-template-columns:minmax(430px,.92fr) minmax(440px,1.08fr)}.auth-public-copy h1{font-size:clamp(54px,6.1vw,74px)}.auth-preview-board{min-height:480px}.auth-preview-art{min-height:430px}}@media(max-width:900px){.auth-public-shell{padding-inline:clamp(20px,5vw,42px)}.auth-public-header{min-height:88px}.auth-public-preview{min-height:auto;grid-template-columns:1fr;gap:20px;padding-top:40px}.auth-public-copy{max-width:700px}.auth-preview-board{min-height:470px}.auth-preview-art{min-height:410px}.auth-preview-art img{width:min(700px,100%);transform:none}@keyframes auth-card-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}}@media(max-width:620px){.auth-public-shell{padding:0 18px 32px}.auth-public-header{min-height:76px}.auth-public-brand{gap:10px}.auth-public-brand strong{font-size:17px}.auth-public-brand small{font-size:12px}.auth-public-mark{width:44px;height:44px;border-radius:12px;font-size:22px}.auth-public-rail{display:none}.auth-public-preview{padding:30px 0 10px}.auth-public-copy{padding-top:12px}.auth-public-copy .eyebrow{font-size:13px}.auth-public-copy h1{margin:20px 0;font-size:clamp(43px,12.5vw,58px);line-height:1.02;letter-spacing:-.07em}.auth-public-copy h1 span,.auth-public-copy h1 em{white-space:normal}.auth-public-copy p{font-size:16px}.auth-public-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:26px}.auth-public-actions .primary-button,.auth-public-actions .secondary-button{width:100%;min-width:0;min-height:54px}.auth-preview-board{min-height:350px;padding-top:12px}.auth-preview-board-head{min-height:44px;font-size:15px}.auth-preview-board-head b{font-size:14px}.auth-preview-art{min-height:300px}.auth-preview-art img{width:112%;max-width:none}.auth-modal-layer{padding:12px}.auth-screen.auth-modal-page .auth-modal-card{width:min(100%,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:24px 18px 22px}}@media(prefers-reduced-motion:reduce){.auth-preview-art img,.auth-preview-board-head b:before{animation:none}}html:has(.lobby-page),body:has(.lobby-page){background:#f7fbff;scrollbar-width:none}html:has(.lobby-page)::-webkit-scrollbar,body:has(.lobby-page)::-webkit-scrollbar{width:0;height:0}.app-shell:has(.lobby-page){min-height:100vh;color:#092653;background:transparent}.app-shell:has(.lobby-route-header) .app-header{height:88px;padding:0 60px;border-bottom:1px solid #d7e7f2;background:#fffffff0;box-shadow:0 8px 30px #26527d0f}.app-shell:has(.lobby-route-header) .wordmark{width:235px;padding:0;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:30px 20px;column-gap:17px;row-gap:0;align-content:center;text-align:left}.app-shell:has(.lobby-route-header) .wordmark>span{grid-row:1 / 3;width:56px;height:56px;border:1px solid #9fc7f2;border-radius:15px;color:#0962e5;background:linear-gradient(145deg,#f9fdff,#eaf5ff);box-shadow:0 8px 22px #296fc21f;font-size:26px}.app-shell:has(.lobby-route-header) .wordmark strong{align-self:end;color:#0b2857;font-size:21px;line-height:1;letter-spacing:-.02em}.app-shell:has(.lobby-route-header) .wordmark small{align-self:start;color:#4282c8;font-size:13px;line-height:1.45;letter-spacing:.04em}.app-shell:has(.lobby-route-header) .header-account{gap:12px;padding-right:85px}.app-shell:has(.lobby-route-header) .header-account .issues-entry,.app-shell:has(.lobby-route-header) .header-account .replay-entry{min-width:112px;min-height:40px;padding:0 15px;border-radius:13px;font-size:14px;font-weight:800}.app-shell:has(.lobby-route-header) .header-account .issues-entry{--action-fill: #fff;--action-ink: #173c71;--action-edge: #bfd4e9;--action-shadow: 0 7px 18px rgba(35, 82, 128, .07)}.app-shell:has(.lobby-route-header) .header-account .replay-entry{--action-fill: #fff;--action-ink: #173c71;--action-edge: #bfd4e9;--action-shadow: 0 7px 18px rgba(35, 82, 128, .07);color:#173c71!important;background:#fff!important;border-color:#bfd4e9!important;box-shadow:0 7px 18px #23528012!important}.app-shell:has(.lobby-route-header) .header-account :is(.issues-entry,.replay-entry) svg{width:17px;height:17px;stroke-width:2.35}.app-shell:has(.lobby-route-header) .header-account .header-return-room{min-width:102px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #bfd4e9;border-radius:13px;color:#1764c4;background:#fff;box-shadow:0 7px 18px #23528012;font-size:13px;font-weight:800;white-space:nowrap}.app-shell:has(.lobby-route-header) .header-account .header-return-room:hover{color:#0a57b7;background:#edf6ff}.app-shell:has(.lobby-route-header) .header-account .header-return-room svg{width:16px;height:16px;stroke-width:2.4}.app-shell:has(.lobby-route-header) .header-account .status-dot{width:9px;height:9px;margin-left:-2px}.header-announcement{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:9px;margin:0 28px 0 18px;overflow:hidden;color:#4d6d92;white-space:nowrap}.header-announcement>svg{flex:0 0 auto;width:18px;height:18px;color:#2e6dba;stroke-width:2.2}.header-announcement>strong{flex:0 0 auto;color:#153d72;font-size:13px;font-weight:850}.header-announcement>span{min-width:0;overflow:hidden;color:#4d6d92;font-size:12px;font-weight:600;text-overflow:ellipsis}.lobby-account-trigger{position:fixed;z-index:1902;top:17px;right:65px;width:68px;height:54px;display:grid;grid-template-columns:46px 12px;align-items:center;gap:5px;padding:3px 1px 3px 3px;border:0;color:#28598d;background:transparent;cursor:pointer}.lobby-account-trigger img{width:46px;height:46px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 6px 16px #1a466e33}.lobby-account-trigger svg{width:13px;height:13px}.lobby-account-menu{position:fixed;z-index:1903;top:76px;right:63px;width:220px;display:grid;gap:4px;padding:12px;border:1px solid #d4e3ee;border-radius:16px;background:#fffffffa;box-shadow:0 22px 55px #1c416333}.lobby-account-menu>strong{padding:8px 10px 11px;overflow:hidden;border-bottom:1px solid #e3edf4;color:#0e315d;text-overflow:ellipsis;white-space:nowrap}.lobby-account-menu>button{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:10px;color:#49647f;background:transparent;text-align:left;cursor:pointer}.lobby-account-menu>button:hover{color:#0c5fcb;background:#edf6fd}.lobby-account-menu svg{width:17px;height:17px}body:has(.lobby-route-header) .social-dock{top:24px;right:137px}body:has(.lobby-route-header) .social-launch[data-ui-action]{--action-fill: #fff;--action-ink: #153b72;--action-edge: #bad1e7;--action-shadow: 0 7px 18px rgba(35, 82, 128, .08);width:96px;height:40px;gap:8px;padding:6px 14px;border-radius:13px;font-size:14px;color:#153b72;background:#fff;border-color:#bad1e7;box-shadow:0 7px 18px #23528014}body:has(.lobby-route-header) .social-launch>span{width:20px;height:20px;color:#2369d9;background:transparent}body:has(.lobby-route-header) .social-launch>span svg{width:18px;height:18px;stroke-width:2.35}body:has(.lobby-route-header) .social-panel{top:58px}.lobby-page{position:relative;width:100%;max-width:none;padding:0 0 48px;color:#0b2a55;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}.lobby-dashboard-hero{position:relative;z-index:2;min-height:622px;overflow:hidden;padding:39px 30px 14px;border:0;border-radius:0;background:transparent}.lobby-page-village.village-scene{position:fixed;inset:88px 0 0;z-index:0;background:#dff3ff}.lobby-page-village>img{top:0;bottom:auto;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:center top}.lobby-page-village-fade{position:fixed;z-index:1;inset:88px 0 0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(247,252,255,.06) 50%,rgba(248,252,255,.9) 83%,#fff 100%)}.lobby-village-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 560px 300px at 260px 155px,rgba(255,255,255,.93) 0,rgba(255,255,255,.72) 34%,rgba(255,255,255,.28) 68%,transparent 100%)}.lobby-announcement{position:fixed;z-index:600;top:19px;left:clamp(300px,22vw,340px);right:670px;max-width:none;min-height:50px;display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:center;gap:9px;padding:0 10px;border:0;color:#315a8a;background:transparent;cursor:pointer;text-align:left}.lobby-announcement>svg{width:18px;height:18px;color:#2e6dba}.lobby-announcement>span{padding:0;border:0;color:#153d72;background:transparent;font-size:13px;font-weight:850;white-space:nowrap}.lobby-announcement>strong{min-width:0;overflow:hidden;color:#4d6d92;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.lobby-announcement>strong:before{content:"·";margin-right:9px;color:#2c64a6;font-weight:900}.lobby-announcement>small{display:none}body:has(.lobby-route-header):has(.header-return-room) .lobby-announcement{right:790px}.lobby-welcome,.lobby-dashboard-grid{position:relative;z-index:2}.lobby-welcome{width:480px;margin:0 0 31px 30px;color:#082456;text-align:left;text-shadow:none}.lobby-welcome p{width:34px;height:3px;margin:10px 0 22px;border-radius:99px;background:#146af1}.lobby-welcome h1{margin:0;font-size:54px;line-height:1.03;letter-spacing:-.055em}.lobby-welcome span{display:block;margin-top:13px;color:#5175a6;font-size:18px}.lobby-ninja-note{position:absolute;z-index:2;top:42px;right:54px;margin:0;color:#0870dc;font:700 27px/1.45 KaiTi,STKaiti,serif;text-align:right;transform:rotate(-7deg)}.lobby-dashboard-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:16px;align-items:stretch}.lobby-ninja-profile,.lobby-deployment-card{height:410px;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:22px;background:#fafdffe6;box-shadow:0 18px 42px #21527a21,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}.lobby-ninja-profile{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:93px 112px 61px 48px;align-content:start;align-items:center;column-gap:18px;row-gap:17px;padding:25px 26px 19px;text-align:left}.lobby-avatar-wrap{position:relative;width:98px;height:98px;margin:0}.lobby-avatar-wrap img{width:100%;height:100%;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 10px 24px #2457842e}.lobby-avatar-wrap i{position:absolute;right:1px;bottom:4px;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#23b887}.lobby-profile-heading h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;overflow-wrap:anywhere;color:#0a2854;font-size:24px;line-height:1.15}.lobby-profile-heading h2 svg{flex:0 0 auto;width:18px;height:18px;color:#154f91;stroke-width:2.4}.lobby-profile-heading span{color:#5e7da1;font-size:13px}.lobby-rank-progress{grid-column:1 / -1;align-self:stretch;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;padding:10px 17px;border:1px solid #d6e6f1;border-radius:16px;background:#ffffffd1}.lobby-rank-emblem{width:68px;height:68px;margin-inline:auto;color:#b97a28;stroke-width:1.5}.lobby-rank-progress>div>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.lobby-rank-progress b{color:#845114;font-size:23px}.lobby-rank-progress small{color:#7088a3;font-size:14px}.lobby-rank-progress>div>div{height:9px;margin-top:12px;overflow:hidden;border-radius:99px;background:#dce7f3}.lobby-rank-progress>div>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#efad39,#d8911b)}.lobby-profile-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.lobby-profile-stats span{position:relative;display:grid;gap:3px;text-align:center}.lobby-profile-stats span+span:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:1px;background:#d7e3ed}.lobby-profile-stats strong{color:#0a2854;font-size:24px}.lobby-profile-stats small{color:#66809d;font-size:11px}.lobby-online-count{grid-column:1 / -1;display:flex;align-items:center;gap:8px;height:44px;padding:0 15px;border-radius:22px;color:#496887;background:#eef5fb}.lobby-online-count>i{width:9px;height:9px;border-radius:50%;background:#22b98a;box-shadow:0 0 0 5px #22b98a1f}.lobby-online-count span{font-size:12px}.lobby-online-count strong{margin-left:auto;color:#0f5eb1;font-size:20px}.lobby-online-count strong small{margin-left:3px;font-size:11px}.lobby-deployment-card{position:relative;overflow:hidden;padding:22px 24px}.lobby-deployment-card:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(247,252,255,.18) 60%,rgba(247,252,255,.9) 78%,#f9fdff 100%),linear-gradient(90deg,rgba(249,253,255,.98) 0,rgba(249,253,255,.92) 31%,rgba(249,253,255,.5) 49%,transparent 70%)}.lobby-deck-hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;opacity:1;mix-blend-mode:normal;pointer-events:none}.lobby-deployment-head,.lobby-deck-showcase,.lobby-match-actions,.lobby-deployment-card>.form-error,.lobby-deployment-empty{position:relative;z-index:2}.lobby-deployment-head{min-height:35px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:6px}.lobby-deployment-label{display:flex;align-items:center;gap:13px}.lobby-deployment-label>i{width:32px;height:3px;border-radius:99px;background:#126bf0}.lobby-deployment-label h2{margin:0;color:#092653;font-size:22px}.lobby-deck-title-row{display:flex;align-items:center;gap:5px;margin-top:4px}.lobby-deck-title-row h2{margin:0;font-size:25px}.lobby-deck-select{position:relative;min-width:0;max-width:320px}.lobby-deck-select-trigger{width:100%;max-width:320px;height:36px;display:flex;align-items:center;gap:8px;padding:0 7px 0 0;border:0;border-radius:9px;color:#0a2854;background:transparent;font-size:25px;font-weight:850;text-align:left;cursor:pointer}.lobby-deck-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-deck-select-trigger>svg{flex:0 0 auto;width:17px;height:17px;color:#164d8d;stroke-width:2.5;transition:transform .16s ease}.lobby-deck-select-trigger:hover,.lobby-deck-select-trigger[aria-expanded=true]{background:#e8f4fdd1}.lobby-deck-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.lobby-deck-select-trigger:focus-visible{outline:3px solid rgba(24,103,207,.28);outline-offset:2px}.lobby-deck-select-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:-10px;width:min(310px,calc(100vw - 80px));max-height:264px;display:grid;gap:4px;padding:7px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(174,204,229,.95);border-radius:15px;background:#fbfefff7;box-shadow:0 18px 42px #123d6738,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.lobby-deck-select-option{width:100%;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 10px;border:0;border-radius:10px;color:#23486f;background:transparent;text-align:left;cursor:pointer}.lobby-deck-select-option:hover,.lobby-deck-select-option:focus-visible{outline:0;color:#0e5fc8;background:#edf6ff}.lobby-deck-select-option[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#2d7af0,#2862dd);box-shadow:0 7px 16px #2a69d933}.lobby-deck-select-option>span{min-width:0;display:grid;gap:3px}.lobby-deck-select-option strong,.lobby-deck-select-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-deck-select-option strong{font-size:14px}.lobby-deck-select-option small{color:#6d8aa7;font-size:10px;font-weight:600}.lobby-deck-select-option[aria-selected=true] small{color:#ffffffc7}.lobby-deck-select-option>svg{flex:0 0 auto;width:17px;height:17px;stroke-width:2.8}.lobby-deck-icon-button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;color:#1f64b3;background:transparent;cursor:pointer}.lobby-deck-icon-button:hover{background:#e9f3fb}.lobby-deck-icon-button svg{width:16px;height:16px}.lobby-deck-total{display:flex;align-items:baseline;gap:5px;margin-left:auto;color:#1766d4;font-size:28px}.lobby-deck-total small{color:#1766d4;font-size:15px;letter-spacing:0}.lobby-deck-showcase{width:60%;min-height:238px;display:grid;grid-template-columns:154px minmax(0,1fr);align-items:start;gap:24px;padding:7px 0 19px}.lobby-deck-showcase:has(.lobby-deck-select-menu){z-index:4}.lobby-leader-art{width:154px;height:212px;padding:0;overflow:hidden;border:3px solid rgba(255,255,255,.96);border-radius:13px;background:#e4edf5;box-shadow:0 14px 28px #1e496d33;cursor:pointer}.lobby-leader-art img{width:100%;height:100%;object-fit:cover}.lobby-leader-art span{display:grid;height:100%;place-items:center;color:#6684a0}.lobby-deck-copy{min-width:0;padding-top:7px}.lobby-deck-copy>strong{display:block;overflow:hidden;color:#0a2854;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.lobby-deck-copy p{margin:8px 0 0;color:#4f74a3;font-size:14px;line-height:1.5}.lobby-card-ribbon{display:flex;min-height:80px;align-items:flex-end;margin-top:13px;padding-left:8px}.lobby-card-ribbon img{width:54px;aspect-ratio:5 / 7;margin-left:-8px;border:2px solid #fff;border-radius:7px;object-fit:cover;box-shadow:0 8px 18px #244a6d29}.lobby-card-more{width:54px;aspect-ratio:5 / 7;display:grid;place-items:center;margin-left:5px;border:2px solid #fff;border-radius:8px;color:#174d8d;background:#ffffffd1;box-shadow:0 8px 18px #244a6d21}.lobby-card-more svg{width:23px;height:23px}.lobby-match-actions{display:grid;grid-template-columns:1.27fr 1fr 1fr;gap:12px}.lobby-match-actions button[data-ui-action][data-ui-size]{--action-radius: 14px;--action-fill: rgba(255,255,255,.93);--action-ink: #123b72;--action-edge: #c4d8e9;--action-shadow: 0 8px 20px rgba(30,76,116,.08);height:80px;min-height:80px;position:relative;justify-content:center;gap:16px;padding:0 22px;font-size:22px;font-weight:850}.lobby-match-actions button[data-ui-action]{color:#125cbd!important;background:#ffffffed;border-color:#c4d8e9;box-shadow:0 8px 20px #1e4c7414}.lobby-match-actions button[data-ui-action]:first-child{--action-fill: linear-gradient(135deg, #2d7af0, #285fdc);--action-ink: #fff;--action-edge: #2b6fe0;--action-shadow: 0 12px 26px rgba(38,102,218,.25);color:#fff!important;background:linear-gradient(135deg,#2d7af0,#285fdc);border-color:#2b6fe0;box-shadow:0 12px 26px #2666da40}.lobby-match-actions button[data-ui-action][data-ui-size]>svg:first-child{width:28px!important;height:28px!important;stroke-width:2.6}.lobby-match-actions button[data-ui-action][data-ui-size]>svg:last-child{position:absolute;right:18px;width:20px!important;height:20px!important;stroke-width:2.2}.lobby-deployment-empty{width:100%;min-height:295px;display:grid;place-content:center;gap:8px;border:1px dashed #bdd0df;border-radius:17px;color:#58728b;background:#ffffff80;text-align:center;cursor:pointer}.lobby-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 30px;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:22px;background:#ffffffe6;box-shadow:0 18px 42px #21527a17}.lobby-feature-card{height:320px;min-height:320px;display:flex;flex-direction:column;padding:22px 26px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-feature-card+.lobby-feature-card{border-left:1px solid #dce8f1}.lobby-feature-card .panel-title{min-height:43px;padding-bottom:13px;border-bottom:1px solid #dbe7f0}.lobby-feature-card .panel-title>div{gap:12px}.lobby-feature-card .panel-title span{width:26px;height:26px;display:grid;place-items:center;color:#1267de}.lobby-feature-card .panel-title span svg{width:25px;height:25px;stroke-width:2.5}.lobby-feature-card .panel-title h2{color:#0a2854;font-size:22px}.lobby-feature-card .panel-title button{min-height:32px;display:inline-flex;align-items:center;gap:2px;padding:0;color:#1767c5;font-size:12px}.lobby-feature-card .panel-title button svg{width:13px;height:13px;stroke-width:2.4}.lobby-feature-visual{position:relative;min-height:166px;display:block;width:100%;margin:13px 0 12px;padding:0;overflow:hidden;border:0;border-radius:12px;color:#fff;background:#1b6398;text-align:left;cursor:pointer}.lobby-feature-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(4,31,54,.86));pointer-events:none}.lobby-feature-visual>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.lobby-feature-visual.is-route>img{object-position:center 58%;transform:none}.lobby-feature-visual.is-square{background:linear-gradient(145deg,#4f87ca,#a9d8ef)}.lobby-feature-visual.is-square>img{object-fit:cover;object-position:center 54%;transform:none}.lobby-feature-visual>span{position:absolute;z-index:1;right:16px;bottom:14px;left:16px;display:grid;gap:4px}.lobby-feature-visual strong{font-size:17px}.lobby-feature-visual small{font-size:10px;opacity:.9}.lobby-feature-cta[data-ui-action]{--action-radius: 999px;--action-fill: #fff;--action-ink: #1364c9;--action-edge: #b8d2ea;--action-shadow: 0 7px 18px rgba(34,80,120,.07);align-self:flex-start;min-width:178px;min-height:46px;display:inline-flex;align-items:center;gap:8px;color:#1364c9!important;background:#fff!important;border-color:#b8d2ea!important;box-shadow:0 7px 18px #22507812!important}.lobby-feature-cta svg{width:15px;height:15px;stroke-width:2.5}.lobby-square-list{display:grid;gap:8px;padding:0 0 8px}.lobby-square-list>button{min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border:1px solid #dce8f0;border-radius:11px;color:#294b68;background:#f8fbfd;text-align:left;cursor:pointer}.lobby-square-list>button>span{width:36px;height:50px;overflow:hidden;border-radius:5px;background:#e4edf4}.lobby-square-list img{width:100%;height:100%;object-fit:cover}.lobby-square-list div{min-width:0;display:grid;gap:4px}.lobby-square-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.lobby-square-list small{color:#7890a4;font-size:9px}.lobby-square-list i{color:#3974ab;font-size:10px;font-style:normal;font-weight:800}.lobby-feature-actions{display:flex;gap:8px;margin-top:auto}.lobby-feature-actions button{flex:1;min-width:0}.lobby-square-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin:0 0 14px}.lobby-square-filters{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:0 0 16px;padding:12px;border:1px solid #dbe6f5;border-radius:14px;background:#edf4fd}.lobby-square-filters label{display:grid;gap:5px;min-width:0;color:#5c7195;font-size:12px;font-weight:700}.lobby-square-filters input,.lobby-square-filters select{width:100%;min-height:38px;box-sizing:border-box;padding:7px 10px;border:1px solid #c8d9ef;border-radius:9px;color:#29466f;background:#fff;font:inherit;font-size:13px;outline:none}.lobby-square-filters input:focus,.lobby-square-filters select:focus{border-color:#5b94e8;box-shadow:0 0 0 3px #5b94e833}body:has(.lobby-route-header) .community-history-row{grid-template-columns:50px auto minmax(0,1fr) auto}.lobby-history-preview .community-caption{margin:16px 0 8px;color:#6a83a0}.lobby-history-preview .community-history-list{gap:3px}.lobby-history-preview .community-history-row{min-height:48px;grid-template-columns:50px auto minmax(0,1fr) auto;gap:8px;padding:5px 6px}.lobby-history-preview .community-history-row small{max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-history-preview .community-result{padding:6px 8px;font-size:11px}.community-history-row .community-history-leaders{position:relative;width:50px;height:38px;display:block;flex:0 0 50px}.community-history-leaders>span{position:absolute;top:0;width:38px;height:38px;overflow:hidden;border:2px solid #fff;border-radius:10px;background:#dceaf7;box-shadow:0 3px 8px #143d6324}.community-history-leaders>span:first-child{left:0;z-index:1}.community-history-leaders>span:last-child{right:0}.community-history-leaders img{width:100%;height:100%;object-fit:cover}.community-history-leaders b{height:100%;display:grid;place-items:center;color:#4b6f94;font-size:11px}.community-history-row>svg{flex:0 0 auto;width:18px;height:18px;color:#4f7cb2}.lobby-coco-card{position:relative;z-index:2;margin:18px 30px 0}.lobby-coco-card .community-news{padding:0;border-color:#b4cfefeb;border-radius:22px;background:radial-gradient(circle at 88% 18%,rgba(137,186,245,.18),transparent 30%),linear-gradient(135deg,#fffffffa,#f1f7fffa 58%,#f7f4fffa);box-shadow:0 16px 38px #2753881f,inset 0 1px #fff}.lobby-coco-card .community-news:before{right:-72px;top:8px;width:250px;height:250px;opacity:.72}.lobby-coco-card .community-news-header{min-height:72px;padding:14px 22px;border-bottom-color:#bed2ecdb}.lobby-coco-card .community-news-heading{gap:12px}.lobby-coco-card .community-news-mark{width:42px;height:42px;border-radius:13px}.lobby-coco-card .community-news-heading b{color:#17366c;font-size:15px}.lobby-coco-card .community-news-heading small{color:#6680aa;font-size:10px}.lobby-coco-card .community-news .community-news-tabs{padding:3px;border:1px solid #cbdcf2;border-radius:12px;background:#e8f1fddb}.lobby-coco-card .community-news .community-news-tabs button{min-height:36px;padding:7px 15px;border-radius:9px;color:#49658e;font-size:13px;font-weight:760}.lobby-coco-card .community-news .community-news-tabs button[aria-selected=true]{color:#fff;background:#3277e6;box-shadow:0 6px 14px #3277e63d}.lobby-coco-card .community-news-content{min-height:0;padding:26px 28px 28px}.lobby-coco-card .community-news-content:has(.community-channels){display:grid;grid-template-columns:minmax(270px,.72fr) minmax(560px,1.55fr);align-items:center;gap:28px}.lobby-coco-card .community-news .community-notice-intro{max-width:390px;margin:0;padding:4px 8px 4px 0}.lobby-coco-card .community-news .community-notice-intro h3{margin:8px 0;color:#122d63;font-size:clamp(30px,3vw,42px);line-height:1.06}.lobby-coco-card .community-news .community-notice-intro p{color:#60779c;font-size:13px;line-height:1.72}.lobby-coco-card .community-news .community-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-coco-card .community-news .community-channel{min-height:100px;padding:14px 16px;border-color:#c9daf0f2;border-radius:16px;background:#ffffffe0;box-shadow:0 7px 18px #294c7c12}.lobby-coco-card .community-news .community-channel-badge{width:44px;height:44px}.lobby-coco-card .community-news .community-channel-copy strong{color:#213a6b;font-size:15px}.lobby-coco-card .community-news .community-channel-copy>span{font-size:12px}.lobby-coco-card .community-news .community-channel-action{font-size:12px}.lobby-coco-card .community-copy-status{grid-column:2;margin:-4px 0 -18px}@media(min-width:1537px){.app-shell:has(.lobby-route-header) .app-header{padding-inline:calc((100vw - 1536px)/2 + 60px)}.lobby-account-trigger{right:calc((100vw - 1536px)/2 + 65px)}.lobby-account-menu{right:calc((100vw - 1536px)/2 + 63px)}body:has(.lobby-route-header) .social-dock{right:calc((100vw - 1536px)/2 + 137px)}.lobby-announcement{left:calc((100vw - 1536px)/2 + 300px);right:calc((100vw - 1536px)/2 + 670px)}body:has(.lobby-route-header):has(.header-return-room) .lobby-announcement{right:calc((100vw - 1536px)/2 + 790px)}.lobby-dashboard-hero{padding-inline:calc((100vw - 1536px)/2 + 30px)}.lobby-village-shade{background:radial-gradient(ellipse 560px 300px at calc((100vw - 1536px)/2 + 260px) 155px,rgba(255,255,255,.93) 0,rgba(255,255,255,.72) 34%,rgba(255,255,255,.28) 68%,transparent 100%)}.lobby-ninja-note{right:calc((100vw - 1536px)/2 + 54px)}.lobby-feature-grid,.lobby-coco-card{margin-inline:calc((100vw - 1536px)/2 + 30px)}}@media(max-width:1280px){.lobby-announcement{left:275px;right:650px}.lobby-dashboard-grid{grid-template-columns:350px minmax(0,1fr)}.lobby-deck-showcase{width:65%}}@media(max-width:1180px){.lobby-announcement{display:none}}@media(max-width:980px){.app-shell:has(.lobby-route-header) .header-announcement{display:none}.lobby-announcement{display:none}.lobby-dashboard-grid{grid-template-columns:320px minmax(0,1fr)}.lobby-deck-hero-art,.lobby-deployment-card:after{display:none}.lobby-deck-showcase{width:100%}.lobby-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-history-preview{grid-column:1 / -1;border-top:1px solid #dce8f1;border-left:0!important}.lobby-coco-card .community-news-content:has(.community-channels){grid-template-columns:1fr;align-items:start;gap:20px}.lobby-coco-card .community-news .community-notice-intro{max-width:650px}.lobby-coco-card .community-news .community-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-coco-card .community-copy-status{grid-column:1}}@media(max-width:820px){.app-shell:has(.lobby-route-header) .app-header{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:7px;padding:8px 10px}.app-shell:has(.lobby-route-header) .wordmark{min-height:38px;max-width:calc(100% - 120px)}.app-shell:has(.lobby-route-header) .wordmark>span{width:38px;height:38px;border-radius:11px;font-size:19px}.app-shell:has(.lobby-route-header) .wordmark strong{font-size:16px}.app-shell:has(.lobby-route-header) .wordmark small{display:none}.app-shell:has(.lobby-route-header) .header-account{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-right:0}.app-shell:has(.lobby-route-header) .header-account .status-dot{display:none}.app-shell:has(.lobby-route-header) .header-account :is(.issues-entry,.replay-entry,.header-return-room){width:100%;min-width:0;min-height:38px;padding:4px;font-size:10px}.app-shell:has(.lobby-route-header) .header-account .lobby-account-trigger{top:7px;right:10px;width:47px;min-width:0;height:43px;display:block;padding:2px 4px}.lobby-account-trigger img{width:38px;height:38px}.lobby-account-trigger>svg{display:none}.lobby-account-menu{top:55px;right:10px}body:has(.lobby-route-header) .social-dock{top:7px;right:63px}body:has(.lobby-route-header) .social-launch[data-ui-action]{width:54px;height:43px;padding:4px}body:has(.lobby-route-header) .social-launch strong{display:none}body:has(.lobby-route-header) .social-panel{top:50px}.lobby-page{padding-top:0}.lobby-dashboard-hero{min-height:0;padding:18px 16px 22px;border-radius:0}.lobby-announcement{position:relative;top:auto;left:auto;right:auto;z-index:2;display:grid;width:100%;grid-template-columns:18px auto minmax(0,1fr);min-height:58px;padding:0 14px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:#ffffffd6}body:has(.lobby-route-header):has(.header-return-room) .lobby-announcement{right:auto}.lobby-ninja-note{display:none}.lobby-welcome{width:auto;margin:34px 16px 24px}.lobby-welcome h1{font-size:40px}.lobby-welcome span{font-size:16px}.lobby-dashboard-grid{grid-template-columns:1fr}.lobby-ninja-profile,.lobby-deployment-card{height:auto}.lobby-ninja-profile{grid-template-rows:auto auto auto auto}.lobby-deck-hero-art,.lobby-deployment-card:after{display:none}.lobby-deck-showcase{width:100%}.lobby-match-actions{grid-template-columns:1fr}.lobby-feature-grid{grid-template-columns:1fr;margin:14px 10px 0}.lobby-feature-card{height:auto;min-height:320px}.lobby-feature-card+.lobby-feature-card{border-top:1px solid #dce8f1;border-left:0}.lobby-history-preview{grid-column:auto}.lobby-coco-card{margin:14px 10px 0}.lobby-coco-card .community-news-header{min-height:0;padding:14px 16px}.lobby-coco-card .community-news-content{padding:20px 16px}.lobby-coco-card .community-news .community-channels{grid-template-columns:1fr}}@media(max-width:480px){.lobby-ninja-profile{grid-template-columns:82px minmax(0,1fr);padding:20px}.lobby-avatar-wrap{width:78px;height:78px}.lobby-deployment-card,.lobby-feature-card{padding:18px}.lobby-deck-select,.lobby-deck-select-trigger{max-width:210px}.lobby-deck-select-trigger{font-size:22px}.lobby-deck-select-menu{left:-6px;width:min(270px,calc(100vw - 52px))}.lobby-deck-showcase{grid-template-columns:88px minmax(0,1fr);gap:14px}.lobby-leader-art{width:88px;height:123px}.lobby-card-ribbon img{width:42px}}.battle-screen{--card-w: clamp(104px, 8.15vw, 148px);--navy: #12345e;--navy-soft: #47658a;--blue: #2676dc;--sky: #e8f4ff;--wood: #7b482b;--parchment: #f8f0dd;--parchment-deep: #ead9b8;width:100vw;height:100dvh;min-height:0;position:relative;overflow:hidden;isolation:isolate;color:var(--navy);background:transparent!important;-webkit-user-select:none;user-select:none}.arena-background{position:absolute;z-index:-2;inset:0;overflow:hidden;background:transparent!important}.arena-board-surface{position:absolute;z-index:-1;inset:50px 6px 92px 174px;pointer-events:none;background:url(/assets/battle-board-stage-naruto-v25-B3I8g8UF.png) center top / 100% 103.434343% no-repeat}body:has(.battle-screen){background:transparent}.battle-screen[data-battle-theme=naruto]{--navy: #241b38;--navy-soft: #68587d;--blue: #c9434f;--sky: #fff6e8;--wood: #703a2b;--parchment: #fff2d5;--parchment-deep: #e6c18e}.battle-screen[data-battle-theme=naruto] .battle-voyage-background:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,rgba(255,238,192,.16),transparent 26%),linear-gradient(180deg,rgba(44,24,64,.2),transparent 36%,rgba(190,47,59,.13));mix-blend-mode:multiply}.battle-franchise-mark{display:inline-flex;align-items:center;gap:8px;min-width:126px;color:#3c2441;text-align:left}.battle-franchise-mark>span{display:grid;place-items:center;width:31px;height:31px;border:2px solid #c9434f;border-radius:50%;color:#c9434f;background:#fff8ea;font-weight:900;box-shadow:0 2px #703a2b24}.battle-franchise-mark>div{display:grid;gap:1px}.battle-franchise-mark b{font-size:12px;letter-spacing:.08em}.battle-franchise-mark small{color:#8a7181;font-size:8px;letter-spacing:.08em}.battle-screen[data-battle-theme=naruto] .battle-concede-trigger{border-color:#dc9aa2;color:#a93043;background:#fff1ef}.battle-screen[data-battle-theme=naruto] .phase-rail b.active,.battle-screen[data-battle-theme=naruto] .hud-turn-state{background:#c9434f}.battle-screen[data-battle-theme=naruto] .battle-drop-wave-current,.battle-screen[data-battle-theme=naruto] .battle-drop-wave-base{stroke:#cf4853}@media(min-width:821px){.battle-screen{width:min(100vw,calc(100dvh * 16 / 9));margin-inline:auto}}.battle-topbar{top:14px;left:50%;width:min(760px,calc(100% - 560px));min-width:470px;min-height:48px;padding:7px 10px;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border:2px solid rgba(104,64,35,.35);border-radius:16px;color:var(--navy);background:#fffbefed;box-shadow:0 8px #5c31171f,0 12px 24px #1b3b5929,inset 0 1px #fff;-webkit-backdrop-filter:blur(9px) saturate(118%);backdrop-filter:blur(9px) saturate(118%)}.battle-topbar-mark{color:var(--blue)}.battle-topbar-mark .arena-icon{width:26px;height:26px}.phase-rail{gap:4px}.phase-rail span{margin-right:7px;color:var(--navy-soft);font-size:12px;font-weight:800}.phase-rail b{padding:6px 10px;border-radius:8px;color:#6a7890;font-size:11px}.phase-rail b.active{color:#fff;background:var(--blue);box-shadow:0 4px 10px #2676dc47}.priority-pill{color:var(--navy-soft);font-size:11px;font-weight:800}.priority-pill.mine{color:#1c72db}.battle-concede-trigger{min-height:30px;padding:4px 11px;border:1px solid #e7a1b0;border-radius:9px;color:#c34c6a;background:#fff4f4;font-size:10px;font-weight:800;cursor:pointer}.player-hud{left:26px;width:234px;min-height:70px;z-index:250;display:flex;align-items:center;gap:11px;padding:10px 12px;overflow:hidden;border:0;border-radius:17px;color:var(--navy);background:#fffaec9e url(/assets/battle-panel-skin-naruto-v1-DyzGgjjz.png) center / 100% 137% no-repeat;box-shadow:0 7px 16px #1d40662e}.player-hud.opponent{top:92px}.player-hud.mine{bottom:90px}.hud-avatar{width:49px;height:49px;flex:0 0 49px;overflow:hidden;border:2px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#5e9df0,#1d67cd);box-shadow:0 3px #184a8838}.hud-avatar img{object-fit:cover}.player-hud>div{flex:1;min-width:0;gap:4px;padding-right:68px}.player-hud strong{color:var(--navy);font-size:15px}.player-hud small{color:var(--navy-soft);font-size:10px}.hud-turn-state{top:8px;right:8px;min-height:22px;padding:3px 7px;border:1px solid rgba(78,112,157,.2);border-radius:99px;color:#6c7b92;background:#f0f7ffd1;font-size:9px;font-weight:800}.player-hud.active-turn{box-shadow:inset 4px 0 #2676dc,0 0 0 3px #3a91ee1f,0 9px 18px #1d40662e}.player-hud.active-turn .hud-turn-state{color:#fff;background:var(--blue)}.hud-presence{right:10px;bottom:9px;color:#377d6e;font-size:9px}.hud-presence.online i{background:#33b997;box-shadow:0 0 0 3px #33b99729}.board-grid{position:absolute;z-index:10;inset:72px 26px 190px 282px;display:grid;grid-template-rows:58px minmax(270px,1fr) 86px minmax(270px,1fr);gap:10px}.opponent-hand{height:58px;display:flex;justify-content:center;overflow:visible}.opponent-hand-fan{display:flex;justify-content:center;align-items:flex-start}.opponent-hand .card-face{width:clamp(58px,4.2vw,76px);flex:0 0 auto;margin-right:-20px;border:2px solid #f7fbff;border-radius:10px;box-shadow:0 7px 14px #193e684d;transform:rotate(var(--opponent-angle))}.opponent-hand .card-face:first-child{margin-left:0}.board-half{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 284px;align-items:center;gap:16px;padding:30px 22px 20px;overflow:visible;border:0;border-radius:0;color:var(--navy);background:transparent;box-shadow:none}.board-half:before,.board-half:after{display:none}.opponent-half,.player-half{border-radius:0}.board-half>.hand-count-card{display:none!important}.pile-cluster{position:absolute;z-index:5;left:-260px;top:25px;width:236px;min-height:112px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 7px;border:0;border-radius:16px;background:#fffaed8a url(/assets/battle-panel-skin-naruto-v1-DyzGgjjz.png) center / 100% 137% no-repeat;box-shadow:0 6px 14px #1d406629}.pile{border-radius:10px}.pile:hover{background:#2676dc14}.pile b{color:#315989;font-size:15px}.pile small{color:#6e7f95;font-size:9px}.resource-card-back{width:31px;height:39px;border:1px solid rgba(78,112,157,.26);border-radius:6px;box-shadow:0 3px 6px #24436726}.resource-card-art{border-radius:inherit}.don-strip{position:absolute;z-index:6;left:-260px;bottom:18px;width:236px;min-height:50px;display:flex;flex-wrap:wrap;align-content:center;gap:5px;padding:7px 10px;border:0;border-radius:14px;background:#eff7ff85 url(/assets/battle-panel-skin-naruto-v1-DyzGgjjz.png) center / 100% 137% no-repeat;box-shadow:0 5px 12px #1d406624}.don-strip>span{width:auto;margin-right:5px;color:#537093;font-size:10px;font-weight:900}.don-strip-heading{display:inline-flex!important;align-items:center;gap:5px}.don-strip-heading b{color:#206ed2;font-size:13px}.don-strip-heading small{color:#7e91ab;font-size:9px}.don-strip i,.don-strip button{width:20px;height:27px;border:1px solid #5f9bec;border-radius:6px;background:#fff;transform:none;box-shadow:0 2px 5px #3268af33}.don-strip i:before,.don-strip button:before{display:none}.don-strip .used{opacity:.4;transform:rotate(8deg)}.don-strip .actionable{box-shadow:0 0 0 2px #2676dc42,0 3px 8px #2676dc47;cursor:grab}.don-card-art{width:100%;height:100%;border-radius:inherit;object-fit:cover;pointer-events:none}.character-row{position:relative;min-width:0;min-height:calc(var(--card-w) * 1.4);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(8px,1vw,16px);padding:6px 8px 18px}.character-row:before,.character-row:after{content:none}.fighter-shell,.empty-character{position:relative;z-index:1;width:var(--card-w);justify-self:center}.empty-character{aspect-ratio:5 / 7;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#775d3d38}.fighter-shell.drop-ready{box-shadow:0 0 0 3px #2d83e8,0 0 24px #2d83e859;border-radius:12px}.command-zone{width:auto;display:grid;grid-template-columns:var(--card-w) var(--card-w);grid-template-rows:auto minmax(0,1fr);align-items:center;justify-content:end;gap:6px 14px}.command-slot-label{display:block;min-width:0;color:#6e6250;font-size:9px;font-weight:900;letter-spacing:.04em;text-align:center;white-space:nowrap}.stage-slot{position:relative;width:var(--card-w);min-height:calc(var(--card-w) * 1.4);display:grid;place-items:center;border:0;border-radius:12px;color:#7e745e;writing-mode:horizontal-tb;background:transparent}.stage-slot.is-empty{width:var(--card-w);min-height:calc(var(--card-w) * 1.4);border-radius:12px;background:transparent;box-shadow:none}.stage-slot .card-face{width:var(--card-w)}.stage-slot>span{gap:6px}.stage-slot small{color:#897858;font-size:10px;font-weight:800}.card-face{border:2px solid rgba(56,79,111,.36);border-radius:10px;background:#f7f8fb;box-shadow:0 8px 18px #26395742}.card-face.actionable{box-shadow:0 0 0 3px #2d83e8d1,0 0 22px #2d83e861}.card-face.selected{box-shadow:0 0 0 3px #287be0,0 0 28px #2676dc6b}.card-stats span,.card-stats strong{border-radius:99px;color:#fff;background:#2d7edf;font-size:15px}.card-stats span{color:#fff}.fighter-shell .card-stats>strong{border:2px solid #fff;background:#256fca}.card-action{bottom:-11px;min-width:66px;padding:5px 9px;border:2px solid #fff;border-radius:99px;color:#fff;background:#2676dc;box-shadow:0 4px 10px #235b9b42;font-size:10px}.fighter-action-stack button{min-height:29px;padding:4px 8px;border:2px solid #fff;border-radius:99px;color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 10px #235b9b38}.fighter-action-stack .attack-action{background:#2676dc}.fighter-action-stack .effect-action{background:#e49d35}.fighter-action-stack .defense-action{background:#df6376}.fighter-action-stack .target-action{background:#579bcf}.attached-don{color:#fff;background:#3979c8}.combat-rail{margin:0;padding:10px 16px;display:grid;grid-template-columns:178px minmax(0,1fr) 236px;align-items:center;gap:14px;border:0;border-radius:18px;color:var(--navy);background:#fffaeca3 url(/assets/battle-panel-skin-naruto-v1-DyzGgjjz.png) center / 100% 137% no-repeat;box-shadow:0 7px 16px #1d40662e}.core-stage-state{display:grid;gap:3px}.core-stage-state small{color:#6e7f95;font-size:10px}.combat-rail strong{color:#204f8f;font-size:16px}.combat-rail span{color:#6d7d95;font-size:10px}.core-current-operation{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy actions" "clash actions";align-items:center;gap:3px 12px}.core-operation-copy{grid-area:copy;min-width:0;display:grid;gap:2px}.core-operation-copy small{color:#66809e;font-size:10px;font-weight:800}.core-operation-copy strong{color:#163e75;font-size:17px}.core-operation-copy>span{color:#6c7f98;font-size:10px}.operation-effect-source b{color:#c07b24}.core-current-operation .context-actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.context-actions button{min-height:34px;padding:6px 12px;border:1px solid #b9cae2;border-radius:10px;color:#3a5c86;background:#f7fbff;font-size:11px;font-weight:800}.context-actions button.primary{color:#fff;background:#2676dc;box-shadow:0 4px 10px #2676dc40}.context-actions button.danger{color:#fff;background:#db5c73}.power-clash{grid-area:clash}.power-clash b{color:#1e64bf}.power-clash .clash-party.opponent b{color:#d45e72}.core-operation-tools{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:7px}.core-operation-tools button{min-width:0;padding:8px 9px;border:1px solid #c3d1e5;border-radius:11px;color:#3a5c86;background:#f7fbff;cursor:pointer}.core-operation-tools button.pending{border-color:#e3ad5b;background:#fff5db}.core-operation-tools button>span{display:block;color:#224d86;font-size:11px;font-weight:900}.core-operation-tools button>small{display:block;margin-top:3px;color:#7c8fa8;font-size:9px}.hand-dock{left:50%;bottom:0;width:min(1040px,calc(100% - 500px));height:210px;transform:translate(-50%);display:grid;justify-items:center}.hand-fan{padding-top:10px}.hand-fan .card-face{width:clamp(104px,8vw,142px);box-shadow:0 12px 24px #1f386052}.hand-fan .card-face:hover,.hand-fan .card-face.selected{transform:translate(var(--fan-x),-38px) rotate(0)}.battle-screen .battle-utility-dock{right:16px;border:2px solid rgba(101,61,32,.3);border-radius:14px;color:var(--navy);background:#fffaeced;box-shadow:0 5px #562c171f,0 10px 22px #1d406626}.battle-screen .battle-utility-panel>button{border-color:#c4d2e6;color:#3a5c86;background:#f8fbff}.battle-screen .battle-utility-panel>small{color:#4d73a0}.battle-screen .battle-utility-panel>button b{color:#2676dc}@media(max-width:1100px){.battle-screen{--card-w: clamp(82px, 9vw, 112px)}.board-grid{left:238px;right:18px;grid-template-rows:52px minmax(220px,1fr) 80px minmax(220px,1fr)}.battle-topbar{width:min(690px,calc(100% - 430px));min-width:390px}.player-hud{left:16px;width:204px}.pile-cluster,.don-strip{left:-222px;width:200px}.board-half{grid-template-columns:minmax(0,1fr) 230px;gap:10px;padding-inline:14px}.command-zone{grid-template-columns:var(--card-w) var(--card-w);gap:5px 8px}.command-slot-label{font-size:8px}.combat-rail{grid-template-columns:142px minmax(0,1fr) 190px;padding-inline:10px}.hand-dock{width:min(780px,calc(100% - 410px))}}@media(max-width:820px){.battle-screen{--card-w: clamp(52px, 12vw, 80px);height:100dvh}.battle-topbar{top:6px;left:50%;width:calc(100% - 18px);min-width:0;min-height:40px;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:4px 7px}.battle-topbar .priority-pill{display:none}.phase-rail{overflow:hidden;justify-content:flex-start}.phase-rail span{font-size:10px;white-space:nowrap}.phase-rail b{padding:4px 6px;font-size:9px;white-space:nowrap}.player-hud{left:8px;width:158px;min-height:52px;gap:6px;padding:6px}.player-hud.opponent{top:52px}.player-hud.mine{bottom:90px}.hud-avatar{width:34px;height:34px;flex-basis:34px}.player-hud>div{padding-right:45px}.player-hud strong{font-size:11px}.player-hud small{font-size:8px}.hud-turn-state{right:4px;bottom:4px;top:auto;padding:2px 4px;min-height:17px;font-size:7px}.hud-presence{right:5px;top:5px;bottom:auto;font-size:7px}.board-grid{inset:50px 6px 92px 174px;grid-template-rows:38px minmax(112px,1fr) 60px minmax(112px,1fr);gap:5px}.opponent-hand{height:38px}.opponent-hand .card-face{width:42px;margin-right:-13px}.board-half{grid-template-columns:minmax(0,1fr) calc(var(--card-w) * 2 + 4px);gap:5px;padding:20px 6px 6px;border-width:2px;border-radius:13px}.board-half:before{inset:6px;border-radius:9px}.pile-cluster,.don-strip{left:-168px;width:154px}.pile-cluster{top:12px;min-height:72px;padding:4px}.resource-card-back{width:22px;height:28px}.pile b{font-size:10px}.pile small{font-size:7px}.don-strip{bottom:8px;min-height:34px;padding:4px;gap:3px}.don-strip>span{font-size:7px}.don-strip i,.don-strip button{width:13px;height:18px;border-radius:4px}.character-row{gap:4px;padding:2px 2px 14px;overflow:hidden}.empty-character{border-width:1px;border-radius:7px}.empty-character span{width:18px;height:18px;font-size:8px}.command-zone{gap:3px 4px}.command-slot-label{font-size:6px;letter-spacing:0}.stage-slot,.stage-slot.is-empty{border-width:1px;border-radius:7px}.stage-slot small{font-size:7px}.combat-rail{grid-template-columns:minmax(0,1fr) 130px;gap:5px;padding:5px;border-width:2px;border-radius:11px}.core-stage-state{display:none}.core-current-operation{grid-template-areas:"copy actions" "clash actions";gap:2px 5px}.core-operation-copy strong{font-size:11px}.core-operation-copy>span{font-size:8px}.core-current-operation .context-actions{max-width:72px;gap:3px}.context-actions button{min-height:27px;padding:3px 5px;font-size:8px}.core-operation-tools button{padding:4px 3px;border-radius:7px}.core-operation-tools button>span{font-size:8px}.core-operation-tools button>small{font-size:7px}.hand-dock{left:174px;bottom:-5px;width:calc(100% - 180px);height:104px;transform:none}.hand-fan{justify-content:flex-start;overflow-x:auto;padding-inline:10px}.hand-fan .card-face{width:66px;margin-left:-22px}.hand-fan .card-face:first-child{margin-left:0}.battle-screen .battle-utility-dock{right:4px;width:40px}}@media(prefers-reduced-motion:reduce){.battle-screen *,.battle-screen *:before,.battle-screen *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:821px){body:has(.battle-screen){overflow-x:hidden}.battle-screen .player-hud,.battle-screen .pile-cluster,.battle-screen .don-strip,.battle-screen .combat-rail{border:1px solid rgba(47,101,159,.28);background:linear-gradient(180deg,#fffffff5,#ebf5fdf0);box-shadow:0 8px 18px #153f6a29,inset 0 1px #fffffff2;backdrop-filter:none;-webkit-backdrop-filter:none}.battle-screen .player-hud{left:22px;width:260px;min-height:76px;padding-inline:14px}.battle-screen .player-hud.mine{bottom:12px}.battle-screen .player-hud.active-turn{box-shadow:inset 4px 0 #2676dc,0 0 0 2px #3a91ee21,0 8px 18px #153f6a29}.battle-screen .player-hud:before{content:"";position:absolute;inset:9px auto 9px 0;width:4px;border-radius:0 4px 4px 0;background:#7c93ad;opacity:.65}.battle-screen .player-hud.opponent:before{background:#d56878}.battle-screen .player-hud.mine:before{background:#2f83df}.battle-screen .pile-cluster{left:-260px;width:260px;min-height:126px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);gap:6px;padding:10px 9px 9px}.battle-screen .pile-cluster:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:16px 0 0 16px;background:#d56878;opacity:.85;pointer-events:none}.battle-screen .player-half .pile-cluster:before{background:#2f83df}.pile-cluster-heading{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;min-width:0;padding:0 3px 5px;border-bottom:1px solid rgba(47,101,159,.14)}.pile-cluster-heading strong{color:#1d4e88;font-size:13px;letter-spacing:.06em}.opponent-half .pile-cluster-heading strong:before,.player-half .pile-cluster-heading strong:before{margin-right:5px;color:#6f8ba8;font-size:9px;letter-spacing:.02em}.opponent-half .pile-cluster-heading strong:before{content:"对手";color:#b65b6b}.player-half .pile-cluster-heading strong:before{content:"我方";color:#2f83df}.pile-cluster-heading small{color:#7b91ab;font-size:8px;font-weight:900;letter-spacing:.12em}.battle-screen .pile{min-width:0;padding:5px 3px;border:1px solid rgba(75,126,178,.18);border-radius:11px;background:#fafdffb8;box-shadow:inset 0 1px #ffffffe6}.battle-screen .pile:hover{background:#e5f2ffeb}.battle-screen .resource-pile-copy{align-items:center;text-align:center}.battle-screen .resource-card-back{width:39px;height:49px;border-radius:8px}.battle-screen .resource-pile-copy{gap:1px}.battle-screen .resource-pile-copy small{color:#5e7898;font-size:10px;font-weight:800}.battle-screen .resource-pile-copy b{color:#173f73;font-size:20px;line-height:1.05}.battle-screen .don-strip{left:-260px;top:174px;bottom:auto;width:260px;min-height:50px;padding-inline:9px}.battle-screen .don-strip-heading{gap:6px}.battle-screen .don-strip-heading>span{color:#4f6d91;font-size:11px}.battle-screen .don-strip-heading b{font-size:15px}.battle-screen .board-half{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important}.battle-screen .board-half:before,.battle-screen .board-half:after{display:none!important}.battle-screen .don-strip{flex-wrap:nowrap;align-items:center;align-content:center;gap:3px;padding-inline:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.battle-screen .don-strip::-webkit-scrollbar{display:none}.battle-screen .don-strip>span{flex:0 0 auto;margin-right:0;white-space:nowrap}.battle-screen .don-strip i,.battle-screen .don-strip button{flex:0 0 18px;width:18px;height:26px}.battle-screen .don-strip .used{transform:none}.battle-screen .don-strip .used{rotate:none;scale:1}.battle-screen .fighter-shell>.card-face.rested{transform:rotate(90deg) scale(.7)!important;transform-origin:50% 50%;rotate:none!important;scale:1!important;filter:saturate(.88) brightness(.97)}.battle-screen .fighter-shell>.card-face.rested .card-surface{transform:none!important;rotate:none!important;scale:1!important}.battle-screen .opponent-hand .card-face{transform:none}.battle-screen:not(.watch-board) .hand-fan{--hand-card-margin: -22px;align-items:flex-end;justify-content:safe center;overflow-x:auto;overflow-y:hidden;padding-inline:12px;scrollbar-width:none}.battle-screen:not(.watch-board) .hand-fan::-webkit-scrollbar{display:none}.battle-screen:not(.watch-board) .hand-fan>.card-face:first-child{--hand-card-margin: 0px}.battle-screen:not(.watch-board) .hand-fan>.card-face{width:clamp(112px,7.2vw,132px);flex:0 0 auto;transform:none;transform-origin:50% 100%}.battle-screen:not(.watch-board) .hand-fan>.card-face:hover,.battle-screen:not(.watch-board) .hand-fan>.card-face.selected,.battle-screen:not(.watch-board) .hand-fan>.card-face:focus-within{z-index:1000!important;transform:translateY(-12px) scale(1.04)}.battle-screen:not(.watch-board) .hand-dock{width:min(1280px,calc(100% - 140px));bottom:clamp(14px,1.5vh,20px)}}@media(max-width:820px)and (orientation:portrait){.battle-screen:not(.watch-board) .player-hud.mine{top:auto;bottom:90px}.battle-screen:not(.watch-board) .board-half>.don-strip{width:78px;height:64px;min-height:0;grid-template-columns:repeat(5,14px);grid-template-rows:12px repeat(2,20px);align-content:center;justify-content:center;gap:2px;padding:3px;overflow:hidden}.battle-screen:not(.watch-board) .board-half>.don-strip .don-card{width:14px;max-width:14px;height:20px;border-radius:4px}}@media(orientation:landscape)and (max-height:760px)and (max-width:1200px){.battle-screen:not(.watch-board) .pile-cluster-heading{display:none}.battle-screen:not(.watch-board) .pile-cluster{min-height:0;height:auto}.battle-screen:not(.watch-board) .pile{gap:2px;padding:3px 1px}.battle-screen:not(.watch-board) .board-half>.don-strip{height:60px;min-height:0;grid-template-columns:repeat(4,14px);grid-template-rows:12px repeat(2,18px);gap:2px;padding:3px;overflow:hidden}.battle-screen:not(.watch-board) .board-half>.don-strip .don-card{width:14px;max-width:14px;height:18px;border-radius:4px}}@media(min-width:821px)and (max-height:900px){.battle-screen:not(.watch-board) .hand-fan>.card-face{width:clamp(70px,8.2vh,104px)}}@media(min-width:1181px){.battle-screen .board-grid{inset:72px 26px 130px 282px!important;grid-template-rows:64px minmax(0,1fr) 96px minmax(0,1fr)!important;gap:10px!important}.battle-screen .board-half{height:100%!important;min-height:0!important;grid-template-columns:minmax(0,1fr) 440px!important;gap:16px!important}.battle-screen .command-zone{width:440px!important;grid-template-columns:repeat(2,var(--card-w))!important;justify-content:start!important}}@media(min-width:821px)and (max-width:1100px){.battle-screen .player-hud{left:16px;width:204px;min-height:48px;padding:5px 8px;gap:8px}.battle-screen .player-hud.mine{bottom:8px;min-height:54px}.battle-screen .hud-avatar{width:36px;height:36px;flex-basis:36px}.battle-screen .hud-profile-copy{gap:2px}.battle-screen .hud-profile-copy strong{font-size:12px}.battle-screen .hud-profile-copy small{font-size:8px}.battle-screen .hud-turn-state{top:5px;right:6px;min-height:18px;padding:2px 5px;font-size:8px}.battle-screen .hud-presence{right:7px;bottom:6px;font-size:8px}.battle-screen .pile-cluster{left:-222px;width:200px;min-height:96px;padding:8px 7px}.battle-screen .pile{gap:3px;padding:4px 2px}.pile-cluster-heading{padding-bottom:4px}.pile-cluster-heading strong{font-size:11px}.pile-cluster-heading small{font-size:7px}.battle-screen .resource-card-back{width:31px;height:39px}.battle-screen .resource-pile-copy small{font-size:9px}.battle-screen .resource-pile-copy b{font-size:16px}.battle-screen .don-strip{left:-222px;top:138px;bottom:auto;width:200px;min-height:40px}.battle-screen:not(.watch-board) .hand-dock{left:238px;width:calc(100% - 256px);height:164px;transform:none}.battle-screen:not(.watch-board) .hand-fan{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-inline:10px;scrollbar-width:none}.battle-screen:not(.watch-board) .hand-fan::-webkit-scrollbar{display:none}.battle-screen:not(.watch-board) .hand-fan{--hand-card-margin: -10px}.battle-screen:not(.watch-board) .hand-fan>.card-face:first-child{--hand-card-margin: 0px}.battle-screen:not(.watch-board) .hand-fan>.card-face{width:clamp(78px,9vw,104px)}}@media(max-width:820px){.battle-screen .pile-cluster-heading{display:none}.battle-screen:not(.watch-board) .hand-fan{--hand-card-margin: -22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.battle-screen:not(.watch-board) .hand-fan::-webkit-scrollbar{display:none}.battle-screen:not(.watch-board) .hand-fan>.card-face:first-child{--hand-card-margin: 0px}.battle-screen:not(.watch-board) .hand-fan>.card-face{flex:0 0 auto;transform:none;transform-origin:50% 100%}}@media(min-width:821px){.battle-screen{--scene-ratio: 2.1076389;--card-w: clamp(72px, 12.15cqh, 148px);width:max(100vw,calc(100dvh * var(--scene-ratio)));height:max(100dvh,calc(100vw / var(--scene-ratio)));position:fixed;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);container-type:size}.battle-screen .arena-board-surface{left:15.7cqw;right:15.8cqw;top:5.93cqh;bottom:auto;height:83.38cqh}.battle-screen .board-grid{left:15.7cqw!important;right:15.8cqw!important;top:5.93cqh!important;bottom:auto!important;height:83.38cqh!important;grid-template-rows:5.27cqh 33.87cqh 7.9cqh 33.87cqh!important;gap:.82cqh!important}.battle-screen .board-half{grid-template-columns:67.7% 32.3%!important;gap:0!important;padding:2.8cqh 1.04cqw 2.3cqh!important}.battle-screen .character-row{grid-template-columns:22.6% 20.8% 18.8% 18.6% 19.2%!important;gap:0!important;padding-inline:0!important}.battle-screen .command-zone{width:auto!important;grid-template-columns:var(--card-w) var(--card-w)!important;column-gap:5cqw!important;justify-content:end!important;transform:translate(calc(var(--card-w) / -2))}.battle-screen .player-half{padding-top:1.2cqh!important}.battle-screen .player-half .character-row,.battle-screen .player-half .command-zone{align-self:start;margin-top:0}.battle-screen .player-half .character-row{padding-top:0!important}.battle-screen .player-hud{left:8.67cqw;width:10.15cqw;min-height:6.26cqh}.battle-screen .player-hud>div{padding-right:40px}.battle-screen .player-hud .hud-name-line,.battle-screen .player-hud strong,.battle-screen .player-hud small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-screen .player-hud.opponent{top:7.57cqh}.battle-screen .player-hud.mine{bottom:.99cqh}.battle-screen .hud-avatar{width:4.03cqh;height:4.03cqh;flex-basis:4.03cqh}.battle-screen .pile-cluster{left:-7.03cqw;width:10.15cqw;min-height:11.2cqh;padding:.82cqh .5cqw .74cqh}.battle-screen .pile-cluster{top:2.06cqh}.battle-screen .don-strip{left:-7.03cqw;top:17cqh;width:10.15cqw;min-height:4.12cqh;padding-inline:.66cqw}.battle-screen .resource-card-back{width:3.21cqh;height:4.03cqh}.battle-screen .don-strip i,.battle-screen .don-strip button{flex-basis:1.48cqh;width:1.48cqh;height:2.14cqh}.battle-screen:not(.watch-board) .hand-dock{bottom:1.5cqh;width:min(1280px,calc(100% - 140px))}.battle-screen:not(.watch-board) .hand-fan>.card-face{width:clamp(70px,10.9cqh,132px)}.battle-screen .battle-utility-dock{right:calc((100% - 100vw)/2 + 16px)}}@media(min-width:821px)and (max-width:1200px){.battle-screen .arena-board-surface{top:3cqh;height:94cqh}.battle-screen .board-grid{top:3cqh!important;height:94cqh!important;grid-template-rows:4cqh 41cqh 5cqh 41cqh!important;gap:.7cqh!important}.battle-screen .player-hud{left:calc((100% - 100vw)/2 + 8px);width:52px;min-height:38px;padding:4px;flex-direction:column;gap:2px;border-radius:10px}.battle-screen .player-hud.opponent{top:4px}.battle-screen .player-hud.mine{bottom:4px}.battle-screen .hud-avatar{width:28px;height:28px;flex-basis:28px}.battle-screen .hud-profile-copy,.battle-screen .hud-turn-state{display:none}.battle-screen .hud-presence{position:static;font-size:7px;line-height:1}.battle-screen .pile-cluster{left:-8px;width:48px;min-height:68px;padding:3px 2px;gap:1px;z-index:1;border-radius:9px}.battle-screen .pile{gap:1px;padding:2px 0;border-radius:5px}.battle-screen .resource-card-back{width:14px;height:18px;border-radius:4px}.battle-screen .resource-pile-copy small{font-size:6px;line-height:1}.battle-screen .resource-pile-copy b{font-size:10px;line-height:1}.battle-screen .don-strip{display:grid;left:-8px;width:48px;min-height:78px;padding:3px 2px;gap:2px;z-index:1;grid-template-columns:repeat(2,16px)!important;grid-auto-rows:18px;align-content:center;justify-content:center;border-radius:9px}.battle-screen .don-strip-heading{display:flex!important;grid-column:1 / -1;justify-self:stretch;width:auto!important;max-width:100%;min-width:0!important;box-sizing:border-box;justify-content:center;gap:1px;overflow:hidden;white-space:nowrap}.battle-screen .don-strip-heading>span{font-size:7px}.battle-screen .don-strip-heading b{font-size:9px}.battle-screen .don-strip-heading small{display:none}.battle-screen .don-strip i,.battle-screen .don-strip button{width:14px;height:18px;flex-basis:14px;border-radius:4px}.battle-screen .character-row{z-index:2}}@media(min-width:821px){.battle-screen .arena-board-surface{left:15.7cqw;right:auto;width:68.5cqw;top:50%;height:calc(68.5cqw / 2.1076389);transform:translateY(-50%)}.battle-screen .board-grid{left:15.7cqw!important;right:auto!important;width:68.5cqw!important;top:50%!important;bottom:auto!important;height:calc(68.5cqw / 2.1076389)!important;transform:translateY(-50%)}}.battle-screen .battle-topbar.battle-sound-corner{position:absolute;z-index:1801;top:max(14px,env(safe-area-inset-top));right:calc(var(--social-entry-right, 22px) + 192px);left:auto;width:auto;min-width:0;min-height:0;padding:0;display:flex;align-items:center;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.battle-screen .battle-topbar.battle-sound-corner .battle-concede-trigger{min-height:34px;padding:7px 11px;border-radius:11px;box-shadow:0 5px 14px #153f6a21}.battle-screen .battle-topbar.battle-sound-corner :is(.battle-sound-toggle,.battle-preview-mode-toggle){min-height:34px;padding:7px 11px;border:1px solid rgba(47,101,159,.3);border-radius:11px;color:#315f97;background:#f8fcfff0;box-shadow:0 5px 14px #153f6a29,inset 0 1px #ffffffe6;font-size:11px;font-weight:800}.battle-screen .battle-topbar.battle-sound-corner .battle-sound-toggle[aria-pressed=false]{color:#71829a;background:#f1f6fbeb}.battle-screen .battle-topbar.battle-sound-corner .battle-preview-mode-toggle[aria-pressed=true]{color:#fff;border-color:#ffffffb3;background:linear-gradient(135deg,#3c96ef,#596fe7);box-shadow:0 6px 16px #3067c74d,inset 0 1px #ffffff59}.battle-screen .core-action-console{grid-template-columns:minmax(250px,.72fr) minmax(0,2.6fr) 236px;grid-template-rows:minmax(0,1fr);align-items:center}.battle-screen .core-phase-rail{min-width:0;justify-content:flex-start;gap:2px;overflow:hidden}.battle-screen .core-phase-rail span{flex:0 0 auto;margin-right:5px;color:#315f97;font-size:11px}.battle-screen .core-phase-rail b{flex:0 0 auto;padding:4px 8px;color:#71839c;font-size:10px;white-space:nowrap}.battle-screen .core-phase-rail b.active{color:#fff;background:#2676dc;box-shadow:0 3px 8px #2676dc40}.battle-screen .core-stage-state{min-width:0;min-height:0;display:grid;align-content:center;padding:2px 8px;border-right:1px solid rgba(47,101,159,.16)}@media(max-width:820px){.battle-screen .battle-topbar.battle-sound-corner{top:max(7px,env(safe-area-inset-top));right:calc(var(--social-entry-right, 12px) + 192px)}.battle-screen .battle-topbar.battle-sound-corner :is(.battle-sound-toggle,.battle-preview-mode-toggle){min-height:30px;padding:5px 8px;border-radius:9px;font-size:9px}.battle-screen .core-action-console{grid-template-columns:148px minmax(0,1fr) 110px!important;grid-template-rows:minmax(0,1fr)}.battle-screen .core-phase-rail{gap:1px;flex-wrap:wrap;align-content:center}.battle-screen .core-phase-rail span{margin-right:2px;font-size:8px}.battle-screen .core-phase-rail b{padding:3px 4px;font-size:8px}.battle-screen .core-stage-state{padding:2px 3px}.battle-screen .battle-topbar.battle-sound-corner .battle-concede-trigger{min-height:30px;padding:5px 8px;border-radius:9px;font-size:9px}}@media(orientation:landscape)and (max-width:1200px)and (max-height:760px){.battle-screen:not(.watch-board){--card-w: clamp(46px, 12.15cqh, 90px) !important}.battle-screen:not(.watch-board) .board-grid{grid-template-rows:10% minmax(0,32%) 12% minmax(0,32%)!important;gap:1%!important}.battle-screen:not(.watch-board) .board-half{box-sizing:border-box;min-height:0;height:100%!important;overflow:hidden;padding:8px 4px 2px!important}.battle-screen:not(.watch-board) .combat-rail.core-action-console{grid-template-columns:148px minmax(0,1fr) 110px!important}.battle-screen:not(.watch-board) .command-zone{column-gap:clamp(42px,3.6vw,92px)!important}.battle-screen:not(.watch-board) .hand-dock{height:96px!important;bottom:0!important}}@media(orientation:landscape)and (max-width:1200px)and (max-height:760px){.battle-screen:not(.watch-board) .board-half{display:block!important;position:relative!important;overflow:visible!important;padding:0!important}.battle-screen:not(.watch-board) .character-row{position:absolute!important;left:3.55%!important;width:66.4%!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:center!important;justify-items:center!important;overflow:visible!important}.battle-screen:not(.watch-board) .opponent-half .character-row,.battle-screen:not(.watch-board) .opponent-half .command-zone{top:0!important}.battle-screen:not(.watch-board) .player-half .character-row,.battle-screen:not(.watch-board) .player-half .command-zone{top:20%!important}.battle-screen:not(.watch-board) .character-row>.fighter-shell,.battle-screen:not(.watch-board) .character-row>.empty-character{width:var(--card-w)!important;min-width:0!important;justify-self:center!important;align-self:center!important}.battle-screen:not(.watch-board) .command-zone{position:absolute!important;right:5.85%!important;width:22.2%!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,var(--card-w))!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;align-items:center!important;justify-content:space-between!important;transform:none!important}.battle-screen:not(.watch-board) .command-zone>.fighter-shell,.battle-screen:not(.watch-board) .command-zone>.stage-slot{width:var(--card-w)!important;min-width:0!important;min-height:calc(var(--card-w) * 1.4)!important;justify-self:center!important}.battle-screen:not(.watch-board) .pile-cluster{position:absolute!important;left:-8px!important;top:8px!important;width:clamp(60px,calc(74px - ((100vw - 880px)*.35)),74px)!important;min-height:47px!important}.battle-screen:not(.watch-board) .don-strip{position:absolute!important;left:-8px!important;top:58px!important;width:clamp(60px,calc(70px - ((100vw - 880px)/4)),70px)!important;min-height:60px!important}.battle-screen:not(.watch-board) .hand-dock,.battle-screen:not(.watch-board) .hand-fan{height:calc(var(--card-w) * 1.4 + var(--hand-action-clearance) + 4px)!important}.battle-screen:not(.watch-board) .hand-fan>.card-face{width:var(--card-w)!important}}.battle-screen:not(.watch-board){--hand-action-clearance: 22px}@media(min-width:821px){.battle-screen:not(.watch-board) .hand-dock,.battle-screen:not(.watch-board) .hand-fan{height:calc(var(--card-w) * 1.4 + var(--hand-action-clearance) + 4px)!important}.battle-screen:not(.watch-board) .hand-fan{padding-top:4px;padding-bottom:var(--hand-action-clearance)}}@media(orientation:landscape)and (max-width:820px){.battle-screen:not(.watch-board) .hand-fan{padding-top:4px;padding-bottom:var(--hand-action-clearance)}}@media(orientation:landscape)and (max-width:880px)and (max-height:760px){.battle-screen:not(.watch-board) .pile-cluster,.battle-screen:not(.watch-board) .don-strip{left:calc(-8px - clamp(0px,calc((920px - 100vw)*2.17),78px))!important}}@media(orientation:landscape)and (min-width:881px)and (max-width:1200px)and (max-height:760px){.battle-screen:not(.watch-board) .pile-cluster{width:60px!important}.battle-screen:not(.watch-board) .don-strip{width:60px!important}}@media(min-width:821px){.battle-screen .command-zone{column-gap:clamp(42px,3.6vw,92px)!important}}@media(orientation:landscape)and (max-width:1200px)and (max-height:760px){.battle-screen:not(.watch-board) .board-half{display:block!important;position:relative;overflow:visible!important;padding:0!important}.battle-screen:not(.watch-board) .character-row{position:absolute;left:3.55%!important;width:66.4%!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:center!important;justify-items:center!important;overflow:visible!important}.battle-screen:not(.watch-board) .opponent-half .character-row,.battle-screen:not(.watch-board) .opponent-half .command-zone{top:0!important}.battle-screen:not(.watch-board) .player-half .character-row,.battle-screen:not(.watch-board) .player-half .command-zone{top:20%!important}.battle-screen:not(.watch-board) .character-row>.fighter-shell,.battle-screen:not(.watch-board) .character-row>.empty-character{width:var(--card-w)!important;min-width:0!important;justify-self:center!important;align-self:center!important}.battle-screen:not(.watch-board) .command-zone{position:absolute;right:5.85%!important;width:22.2%!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,var(--card-w))!important;grid-template-rows:minmax(0,1fr)!important;column-gap:0!important;row-gap:0!important;align-items:center!important;justify-content:space-between!important;transform:none!important}.battle-screen:not(.watch-board) .command-zone>.fighter-shell,.battle-screen:not(.watch-board) .command-zone>.stage-slot{width:var(--card-w)!important;min-width:0!important;min-height:calc(var(--card-w) * 1.4)!important;justify-self:center!important}.battle-screen:not(.watch-board) .pile-cluster{position:absolute!important;left:calc(-8px - clamp(0px,calc((920px - 100vw)*2.17),78px))!important;top:8px!important;width:clamp(60px,calc(74px - ((100vw - 880px)*.35)),74px)!important;min-height:47px!important}.battle-screen:not(.watch-board) .don-strip{position:absolute!important;left:calc(-8px - clamp(0px,calc((920px - 100vw)*2.17),78px))!important;top:58px!important;width:clamp(60px,calc(70px - ((100vw - 880px)/4)),70px)!important;box-sizing:border-box!important;min-height:60px!important}.battle-screen:not(.watch-board) .hand-dock{height:calc(var(--card-w) * 1.4 + var(--hand-action-clearance) + 4px)!important}.battle-screen:not(.watch-board) .hand-fan{height:calc(var(--card-w) * 1.4 + var(--hand-action-clearance) + 4px)!important}.battle-screen:not(.watch-board) .hand-fan>.card-face{width:var(--card-w)!important}}@media(min-width:1201px)and (max-width:1600px)and (min-height:700px){.battle-screen .pile-cluster,.battle-screen .don-strip{left:calc((100cqw - 100vw)/2 - 15.7cqw)!important;width:clamp(100px,calc(100px + (100vw - 1440px)*.3),170px)!important;box-sizing:border-box}.battle-screen .pile-cluster{min-height:86px;padding:6px 4px;gap:3px}.battle-screen .pile{gap:2px;padding:3px 1px;border-radius:8px}.battle-screen .pile-cluster-heading{padding-bottom:3px}.battle-screen .pile-cluster-heading strong{font-size:9px}.battle-screen .pile-cluster-heading small{font-size:6px}.battle-screen .resource-card-back{width:22px;height:28px}.battle-screen .resource-pile-copy small{font-size:7px}.battle-screen .resource-pile-copy b{font-size:13px}.battle-screen .don-strip{top:122px;min-height:38px;padding-inline:4px;gap:2px}.battle-screen .don-strip-heading>span{font-size:8px}.battle-screen .don-strip-heading b{font-size:11px}.battle-screen .don-strip i,.battle-screen .don-strip button{flex-basis:14px;width:14px;height:20px}.battle-screen .player-hud{left:calc((100cqw - 100vw)/2)!important;width:200px!important}}@media(min-width:821px){.battle-screen .board-grid{grid-template-rows:64px minmax(0,1fr) 96px minmax(0,1fr)!important;gap:10px!important}.battle-screen .board-half{min-height:0;box-sizing:border-box}.battle-screen .character-row{width:101.2%;margin-left:3%;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;justify-content:initial}.battle-screen .command-zone{column-gap:clamp(42px,3.6vw,92px)}}@media(orientation:landscape)and (max-width:1200px)and (max-height:760px){.battle-screen:not(.watch-board) .board-grid{grid-template-rows:10% minmax(0,32%) 12% minmax(0,32%)!important;gap:1%!important}.battle-screen:not(.watch-board) .board-half{box-sizing:border-box;height:100%!important;min-height:0;overflow:hidden;padding:8px 4px 2px!important}.battle-screen:not(.watch-board) .character-row{width:101.2%;margin-left:3%}.battle-screen:not(.watch-board) .combat-rail.core-action-console{grid-template-columns:148px minmax(0,1fr) 110px!important}.battle-screen:not(.watch-board) .hand-dock{height:96px!important;bottom:0!important}.battle-screen:not(.watch-board){--card-w: clamp(46px, 12.15cqh, 90px) !important}.battle-screen:not(.watch-board) .board-half{display:block!important;position:relative!important;overflow:visible!important;padding:0!important}.battle-screen:not(.watch-board) .character-row{position:absolute!important;left:3.55%!important;width:66.4%!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:center!important;justify-items:center!important;overflow:visible!important}.battle-screen:not(.watch-board) .opponent-half .character-row,.battle-screen:not(.watch-board) .opponent-half .command-zone{top:0!important}.battle-screen:not(.watch-board) .player-half .character-row,.battle-screen:not(.watch-board) .player-half .command-zone{top:20%!important}.battle-screen:not(.watch-board) .character-row>.fighter-shell,.battle-screen:not(.watch-board) .character-row>.empty-character{width:var(--card-w)!important;min-width:0!important;justify-self:center!important;align-self:center!important}.battle-screen:not(.watch-board) .command-zone{position:absolute!important;right:5.85%!important;width:22.2%!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,var(--card-w))!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;align-items:center!important;justify-content:space-between!important;transform:none!important}.battle-screen:not(.watch-board) .command-zone>.fighter-shell,.battle-screen:not(.watch-board) .command-zone>.stage-slot{width:var(--card-w)!important;min-width:0!important;min-height:calc(var(--card-w) * 1.4)!important;justify-self:center!important}.battle-screen:not(.watch-board) .pile-cluster{position:absolute!important;left:calc(-8px - clamp(0px,calc((920px - 100vw)*2.17),78px))!important;top:8px!important;width:clamp(60px,calc(74px - ((100vw - 880px)*.35)),74px)!important;min-height:47px!important}.battle-screen:not(.watch-board) .don-strip{position:absolute!important;left:calc(-8px - clamp(0px,calc((920px - 100vw)*2.17),78px))!important;top:58px!important;width:clamp(60px,calc(70px - ((100vw - 880px)/4)),70px)!important;box-sizing:border-box!important;min-height:60px!important}.battle-screen:not(.watch-board) .hand-dock,.battle-screen:not(.watch-board) .hand-fan{height:calc(var(--card-w) * 1.4 + var(--hand-action-clearance) + 4px)!important}.battle-screen:not(.watch-board) .hand-fan>.card-face{width:var(--card-w)!important}}.card-face .card-fallback.face-up-placeholder{display:flex;flex-direction:column;justify-content:center;gap:7%;padding:22% 6% 18%;box-sizing:border-box;text-align:center;color:#433b2c;background:linear-gradient(145deg,#fff6dd,#d3c7ac);border:2px solid #937650}.face-up-placeholder small{font-size:8px;font-weight:500}.face-up-placeholder b{font-size:11px;line-height:1.3}.card-face .naruto-card-stats{inset:2px 2px auto;gap:2px;align-items:start}.card-face .naruto-card-stats span,.card-face .naruto-card-stats strong{display:flex;flex-direction:column;min-width:23px;min-height:0;padding:2px;border-radius:5px;line-height:1.1;font-size:15px;border:1px solid #fff9;color:#fff;background:#253542ee}.card-face .naruto-card-stats small{display:block;font-size:7px;line-height:1.1;font-weight:700}.card-face .naruto-card-stats span{background:#8f3d25ef}.naruto-card-hp{position:absolute;bottom:2px;left:3px;padding:2px 4px;border-radius:4px;background:#214e3af2;color:#fff;font-size:10px;font-weight:800;line-height:1.1;pointer-events:none}.naruto-card-hp.is-damaged{background:#9f2636}.naruto-support-cost{position:absolute;bottom:2px;right:3px;border-radius:4px;padding:2px 3px;color:#fff;background:#584486ef;font-size:9px;font-weight:800;line-height:1.1}body:has(.battle-screen){--battle-top-control-width: clamp(52px, min(calc(9.72 * var(--battle-vh, 1dvh)), calc(4.61 * var(--battle-vw, 1vw))), 84px);--battle-top-control-height: clamp(32px, min(calc(4.86 * var(--battle-vh, 1dvh)), calc(2.31 * var(--battle-vw, 1vw))), 42px);--battle-top-control-gap: clamp(4px, min(calc(.93 * var(--battle-vh, 1dvh)), calc(.44 * var(--battle-vw, 1vw))), 8px);--battle-top-control-font: clamp(9px, min(calc(1.5 * var(--battle-vh, 1dvh)), calc(.72 * var(--battle-vw, 1vw))), 13px);width:100%;min-width:0;min-height:100%;overflow:hidden;background:transparent!important}.battle-screen:not(.watch-board){--card-w: 104px !important;--battle-social-actions-width: calc(var(--battle-top-control-width) + var(--battle-top-control-width) + var(--battle-top-control-gap));--battle-social-entry-top: var(--social-entry-top, 12px);--battle-social-entry-right: var(--social-entry-right, 22px);position:fixed!important;inset:0!important;width:calc(100 * var(--battle-vw, 1vw))!important;height:var(--battle-visible-height, calc(100 * var(--battle-vh, 1dvh)))!important;min-width:0!important;min-height:0!important;margin:0!important;overflow:hidden!important;transform:none!important;container-type:normal!important;background:#111827!important}.battle-screen:not(.watch-board)>.battle-illustrated-background{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:#111827}.battle-illustrated-background>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}.battle-screen:not(.watch-board)>.arena-background{display:none!important}.battle-stage-viewport,.battle-stage{pointer-events:none}.battle-screen:not(.watch-board)>.battle-stage-viewport{position:absolute;z-index:10;inset:0;overflow:hidden}.battle-screen:not(.watch-board) .battle-stage{position:absolute;width:1821px;height:864px;transform:scale(var(--battle-stage-scale));transform-origin:0 0;pointer-events:none}.battle-screen:not(.watch-board) .battle-stage :is(button,.card-face,.fighter-shell,.stage-slot,.pile,.don-card){pointer-events:auto}.battle-screen:not(.watch-board) .battle-stage .arena-board-surface{position:absolute!important;z-index:0!important;left:var(--battle-board-x)!important;top:var(--battle-board-y)!important;right:auto!important;bottom:auto!important;width:var(--battle-board-width)!important;height:var(--battle-board-height)!important;transform:none!important;background:var(--battle-board-image) center top / 100% 103.434343% no-repeat!important;border-radius:4px;box-shadow:0 0 0 2px #241b19,0 0 0 5px #b88448,0 0 0 7px #35241b,0 16px 30px #0c101c6b!important}.battle-screen:not(.watch-board) .battle-stage .board-grid{position:absolute!important;z-index:10;inset:0!important;width:1821px!important;height:864px!important;margin:0!important;display:block!important;transform:none!important;pointer-events:none}.battle-screen:not(.watch-board) .battle-stage .opponent-hand{position:absolute!important;left:var(--battle-opponent-hand-x)!important;top:var(--battle-opponent-hand-y)!important;width:var(--battle-opponent-hand-width)!important;height:var(--battle-opponent-hand-height)!important;display:flex!important;align-items:flex-start;justify-content:center;overflow:visible!important}.battle-screen:not(.watch-board) .battle-stage .opponent-hand-fan{min-width:0;display:flex;align-items:flex-start;justify-content:center}.battle-screen:not(.watch-board) .battle-stage .opponent-hand .card-face{width:var(--battle-opponent-hand-card-width)!important;flex:0 0 var(--battle-opponent-hand-card-width);margin:0!important;transform:none!important}.battle-screen:not(.watch-board) .battle-stage .opponent-hand .card-face+.card-face{margin-left:calc(0px - var(--battle-opponent-hand-card-overlap))!important}.battle-screen:not(.watch-board) .battle-stage .board-half{position:absolute!important;inset:0!important;width:1821px!important;height:864px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}.battle-screen:not(.watch-board) .battle-stage .board-half:before,.battle-screen:not(.watch-board) .battle-stage .board-half:after,.battle-screen:not(.watch-board) .battle-stage .board-half>.hand-count-card{display:none!important}.battle-screen:not(.watch-board) .battle-stage .character-row{position:absolute!important;left:var(--battle-character-x)!important;width:var(--battle-character-width)!important;height:calc(var(--card-w) * 1.4)!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:start!important;justify-items:center!important;overflow:visible!important;pointer-events:none}.battle-screen:not(.watch-board) .battle-stage .opponent-half .character-row{top:var(--battle-opponent-card-y)!important}.battle-screen:not(.watch-board) .battle-stage .player-half .character-row{top:var(--battle-player-card-y)!important;pointer-events:auto}.battle-screen:not(.watch-board) .battle-stage .character-row>:is(.fighter-shell,.empty-character){width:var(--card-w)!important;min-width:0!important;margin:0!important;align-self:start!important;justify-self:center!important}.battle-screen:not(.watch-board) .battle-stage .fighter-shell>.card-face.rested{transform:rotate(90deg) scale(.7)!important;transform-origin:50% 50%;rotate:none!important;scale:1!important;filter:saturate(.88) brightness(.97)}.battle-screen:not(.watch-board) .battle-stage .fighter-shell>.card-face.rested .card-surface{transform:none!important;rotate:none!important;scale:1!important}.battle-screen:not(.watch-board) .battle-stage .command-zone{position:absolute!important;left:var(--battle-command-x)!important;right:auto!important;width:var(--battle-command-width)!important;height:calc(var(--card-w) * 1.4)!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,var(--card-w))!important;grid-template-rows:calc(var(--card-w) * 1.4)!important;column-gap:calc(var(--battle-command-width) - var(--card-w) * 2)!important;row-gap:0!important;align-items:start!important;justify-content:start!important;transform:none!important;pointer-events:none}.battle-screen:not(.watch-board) .battle-stage .opponent-half .command-zone{top:var(--battle-opponent-card-y)!important}.battle-screen:not(.watch-board) .battle-stage .player-half .command-zone{top:var(--battle-player-card-y)!important;pointer-events:auto}.battle-screen:not(.watch-board) .battle-stage .battle-drop-guide{position:absolute;z-index:18;left:calc(var(--battle-board-x) + 30px);top:calc(var(--battle-player-card-y) - 58px);width:calc(var(--battle-board-width) - 60px);height:calc(var(--battle-board-y) + var(--battle-board-height) - var(--battle-player-card-y) + 50px);box-sizing:border-box;pointer-events:none;opacity:.78;transition:opacity .14s ease,filter .14s ease}.battle-screen:not(.watch-board) .battle-stage .battle-drop-guide.is-active{opacity:1}.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-halo,.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-base{fill:none;stroke-linejoin:round}.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-halo{stroke:#3abfdc47;stroke-width:7;filter:url(#battle-drop-glow)}.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-base{stroke:#0e6f9f85;stroke-width:2}.battle-screen:not(.watch-board) .battle-stage :is(.battle-drop-wave-current,.battle-drop-wave-foam){fill:none;stroke:url(#battle-drop-water);stroke-linecap:round;stroke-linejoin:round}.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-current{stroke-width:2.6;stroke-dasharray:4 3 18 7;animation:battle-drop-wave-current 2.6s linear infinite}.battle-screen:not(.watch-board) .battle-stage .battle-drop-wave-foam{stroke:#f5fffff0;stroke-width:1.15;stroke-dasharray:.8 12 5 18;animation:battle-drop-wave-foam 1.9s linear infinite}@keyframes battle-drop-wave-current{to{stroke-dashoffset:-96}}@keyframes battle-drop-wave-foam{to{stroke-dashoffset:72}}@media(prefers-reduced-motion:reduce){.battle-screen:not(.watch-board) .battle-stage :is(.battle-drop-wave-current,.battle-drop-wave-foam){animation:none}}.battle-screen:not(.watch-board) .battle-stage .command-slot-label{position:absolute;top:-20px;width:var(--card-w);color:#5e513f;font-size:9px;line-height:16px;text-align:center;white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .command-slot-label:nth-of-type(1){left:0}.battle-screen:not(.watch-board) .battle-stage .command-slot-label:nth-of-type(2){right:0}.battle-screen:not(.watch-board) .battle-stage .command-zone>:is(.fighter-shell,.stage-slot){width:var(--card-w)!important;min-width:0!important;min-height:calc(var(--card-w) * 1.4)!important;margin:0!important;align-self:start!important;justify-self:center!important}.battle-screen:not(.watch-board) .battle-stage .stage-slot,.battle-screen:not(.watch-board) .battle-stage .stage-slot.is-empty{border:0!important;background:transparent!important;box-shadow:none!important}.battle-screen:not(.watch-board) .battle-stage .pile-cluster{position:absolute!important;z-index:24;left:var(--battle-resource-x)!important;right:auto!important;width:var(--battle-resource-width)!important;min-height:92px!important;margin:0!important;padding:7px 7px 8px!important;box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto minmax(0,1fr)!important;gap:4px!important;border-radius:13px!important}.battle-screen:not(.watch-board) .battle-stage .opponent-half .pile-cluster{top:var(--battle-opponent-card-y)!important;bottom:auto!important}.battle-screen:not(.watch-board) .battle-stage .player-half .pile-cluster{top:var(--battle-player-card-y)!important;bottom:auto!important}.battle-screen:not(.watch-board) .battle-stage .pile-cluster-heading{grid-column:1 / -1;display:flex!important;padding:0 2px 3px}.battle-screen:not(.watch-board) .battle-stage .pile-cluster-heading strong{font-size:10px}.battle-screen:not(.watch-board) .battle-stage .pile-cluster-heading small{font-size:7px}.battle-screen:not(.watch-board) .battle-stage .pile{min-width:0;gap:2px;padding:3px 1px;border-radius:8px}.battle-screen:not(.watch-board) .battle-stage .resource-card-back{width:24px;height:31px;border-radius:6px}.battle-screen:not(.watch-board) .battle-stage .resource-pile-copy small{font-size:8px}.battle-screen:not(.watch-board) .battle-stage .resource-pile-copy b{font-size:14px}.battle-screen:not(.watch-board) .battle-stage .don-strip{position:absolute!important;z-index:25;left:var(--battle-resource-x)!important;right:auto!important;bottom:auto!important;width:var(--battle-resource-width)!important;min-height:38px!important;margin:0!important;padding:5px 7px!important;box-sizing:border-box;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;align-content:center!important;gap:2px!important;overflow:hidden!important;border-radius:11px!important}.battle-screen:not(.watch-board) .battle-stage .opponent-half .don-strip{top:calc(var(--battle-opponent-card-y) + 100px)!important}.battle-screen:not(.watch-board) .battle-stage .player-half .don-strip{top:calc(var(--battle-player-card-y) + 100px)!important}.battle-screen:not(.watch-board) .battle-stage .don-strip-heading{width:40px!important;flex:0 0 40px;margin:0!important;gap:3px!important;white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .don-strip-heading>span{font-size:8px}.battle-screen:not(.watch-board) .battle-stage .don-strip-heading b{font-size:10px}.battle-screen:not(.watch-board) .battle-stage .don-strip-heading small{font-size:7px}.battle-screen:not(.watch-board) .battle-stage .don-strip :is(i,button){width:11px!important;height:17px!important;flex:0 0 11px!important;border-radius:4px!important;transform:none!important;rotate:none!important;scale:1!important}.battle-screen:not(.watch-board) .battle-stage .combat-rail.core-action-console{position:absolute!important;z-index:30;left:var(--battle-rail-x)!important;top:var(--battle-rail-y)!important;width:var(--battle-rail-width)!important;height:var(--battle-rail-height)!important;min-width:0!important;min-height:0!important;margin:0!important;padding:18px 30px 16px!important;box-sizing:border-box;display:grid!important;grid-template-columns:150px minmax(0,1fr) 270px!important;grid-template-rows:minmax(0,1fr)!important;gap:12px!important;align-items:center!important;overflow:visible!important;border:0!important;border-radius:0!important;clip-path:none!important;color:#fff2cd;background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto}.battle-screen:not(.watch-board) .battle-stage .core-stage-state{min-width:0;height:48px;padding:0 10px!important;align-content:center;border-right-color:#ffda9166!important}.battle-screen:not(.watch-board) .battle-stage .core-phase-rail{min-width:0;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:0!important;overflow:hidden}.battle-screen:not(.watch-board) .battle-stage .core-phase-rail span{margin-right:0;color:#fff2cf!important;font-size:16px;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 2px rgba(18,8,3,.95),0 0 5px rgba(18,8,3,.65);white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .core-phase-rail b{padding:4px 6px;border:0!important;color:#ffefccb8!important;background:transparent!important;box-shadow:none!important;font-size:9px;text-shadow:0 1px 2px rgba(18,8,3,.95),0 0 5px rgba(18,8,3,.65);white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .core-phase-rail b.active{color:#ffd66e!important}.battle-screen:not(.watch-board) .battle-stage .core-current-operation{min-width:0;max-height:100%;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"copy clash actions"!important;gap:9px!important;overflow:hidden}.battle-screen:not(.watch-board) .battle-stage .core-operation-copy{min-width:0;height:46px;padding:5px 16px;box-sizing:border-box;display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:center;gap:9px;overflow:hidden;border:1px solid rgba(191,219,254,.98);border-radius:999px;background:#2563ebf0;box-shadow:inset 0 1px #eff6ff75,0 2px 8px #1e40af59}.battle-screen:not(.watch-board) .battle-stage .core-operation-copy small{display:none!important}.battle-screen:not(.watch-board) .battle-stage .core-operation-copy :is(strong,span){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .core-operation-copy strong{min-width:0;flex:0 1 auto;color:#fff!important;font-size:16px;text-shadow:0 1px 2px rgba(9,52,102,.9),0 0 5px rgba(9,52,102,.42)}.battle-screen:not(.watch-board) .battle-stage .core-operation-copy>span{min-width:0;flex:1 1 auto;color:#eff6ff!important;font-size:11px;text-shadow:0 1px 2px rgba(9,52,102,.9),0 0 4px rgba(9,52,102,.42)}.battle-screen:not(.watch-board) .battle-stage .operation-effect-source b{color:#ffd66e!important}.battle-screen:not(.watch-board) .battle-stage .context-actions button{min-height:42px;padding:6px 11px;font-size:11px}.battle-screen:not(.watch-board) .battle-stage .power-clash{flex:0 0 auto;gap:5px}.battle-screen:not(.watch-board) .battle-stage .power-clash .clash-party span{padding:1px 4px;border-radius:0;color:#a9ddff!important;background:transparent!important;font-size:9px;text-shadow:0 1px 2px rgba(8,17,28,.95)}.battle-screen:not(.watch-board) .battle-stage .power-clash .clash-party.opponent span{color:#ff9eae!important}.battle-screen:not(.watch-board) .battle-stage .power-clash b{color:#8edcff!important;font-size:13px;text-shadow:0 1px 2px rgba(8,17,28,.95)}.battle-screen:not(.watch-board) .battle-stage .power-clash .clash-party.opponent b{color:#ff8da1!important}.battle-screen:not(.watch-board) .battle-stage .power-clash i{color:#f4ddb0!important;text-shadow:0 1px 2px rgba(18,8,3,.95)}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools{min-width:0;height:100%;gap:7px;padding-left:10px;border-left:1px solid rgba(255,218,145,.4)}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button{min-width:0;height:42px;align-self:center;align-content:center;justify-items:center;gap:2px;padding:4px 10px;overflow:hidden;border:1px solid rgba(205,235,255,.96)!important;border-radius:10px;color:#f7fcff!important;background:#398bdaf0!important;box-shadow:inset 0 1px #f8feff6b,0 3px #154e87d1,0 4px 10px #133c6947!important;text-shadow:0 1px 2px rgba(8,35,65,.94),0 0 5px rgba(8,35,65,.58);text-align:center;transform:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .decision-tool{border-color:#ffc0caf5!important;background:#e25577f0!important;box-shadow:inset 0 1px #fff7f96b,0 3px #8f2741db,0 4px 10px #691e3147!important;text-shadow:0 1px 2px rgba(71,15,30,.94),0 0 5px rgba(71,15,30,.55)}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .log-tool{border-color:#bbe8fff5!important;background:#398bdaf0!important}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .decision-tool:not(:disabled):hover,.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .decision-tool:not(:disabled):focus-visible{border-color:#ffc6cdf5!important;background:#f16184fa!important}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .log-tool:not(:disabled):hover,.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .log-tool:not(:disabled):focus-visible{border-color:#beeffff5!important;background:#469cebfa!important}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button:not(:disabled):hover,.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button:not(:disabled):focus-visible{transform:translateY(-2px)}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px #f8feff40,0 1px #154e87d1,0 2px 5px #133c693d!important}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools .decision-tool:not(:disabled):active{box-shadow:inset 0 1px #fff7f940,0 1px #8f2741db,0 2px 5px #691e313d!important}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button:focus-visible{outline:2px solid rgba(248,239,177,.98);outline-offset:2px}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button:disabled{border-color:#eebec8b8!important;color:#fff8f2db!important;background:#a96677d1!important;box-shadow:inset 0 1px #fff7f947,0 2px #633340b3,0 3px 7px #3b1b2338!important;opacity:1;transform:none}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button>span{width:100%;overflow:hidden;color:inherit!important;font-size:11px;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .core-operation-tools button>small{width:100%;overflow:hidden;color:#e5f8ffc7!important;font-size:9px;line-height:11px;margin-top:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board)>.player-hud{position:absolute!important;z-index:620;left:max(12px,env(safe-area-inset-left))!important;width:clamp(188px,calc(17 * var(--battle-vw, 1vw)),250px)!important;min-height:58px!important;padding:7px 10px!important;gap:9px!important}.battle-screen:not(.watch-board)>.player-hud.opponent{top:max(12px,env(safe-area-inset-top))!important}.battle-screen:not(.watch-board)>.player-hud.mine{top:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important}.battle-screen:not(.watch-board)>.player-hud .hud-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}.battle-screen:not(.watch-board)>.player-hud>div{padding-right:52px!important}.battle-screen:not(.watch-board)>.battle-topbar.battle-sound-corner{position:absolute!important;z-index:1801;top:var(--battle-social-entry-top)!important;right:calc(var(--battle-social-entry-right) + var(--battle-social-actions-width) + var(--battle-top-control-gap))!important;left:auto!important;width:auto!important;min-width:0!important;transform:none!important;gap:var(--battle-top-control-gap)!important}body:has(.battle-screen:not(.watch-board)) .social-actions{gap:var(--battle-top-control-gap)!important}body:has(.battle-screen:not(.watch-board)) :is(.battle-sound-toggle,.battle-preview-mode-toggle,.battle-concede-trigger,.battle-chat-toggle,.social-launch){box-sizing:border-box;width:var(--battle-top-control-width)!important;min-width:var(--battle-top-control-width)!important;max-width:var(--battle-top-control-width)!important;height:var(--battle-top-control-height)!important;min-height:var(--battle-top-control-height)!important;max-height:var(--battle-top-control-height)!important;padding:0 7px!important;gap:5px!important;border-radius:11px!important;font-size:var(--battle-top-control-font)!important;line-height:1!important;white-space:nowrap}body:has(.battle-screen:not(.watch-board)) .social-launch>span{width:calc(var(--battle-top-control-height) - 12px)!important;height:calc(var(--battle-top-control-height) - 12px)!important;border-radius:7px!important}body:has(.battle-screen:not(.watch-board)) .battle-chat-count{position:absolute;top:-5px;right:-5px}@media(max-width:820px){.battle-screen:not(.watch-board){--battle-social-entry-top: max(8px, env(safe-area-inset-top));--battle-social-entry-right: max(8px, env(safe-area-inset-right))}}@media(orientation:landscape)and (max-height:520px)and (max-width:1000px){.battle-screen:not(.watch-board){--battle-social-entry-top: max(6px, env(safe-area-inset-top));--battle-social-entry-right: max(8px, env(safe-area-inset-right))}body:has(.battle-screen:not(.watch-board)) :is(.battle-chat-toggle>span:not(.battle-chat-count),.social-launch>strong){display:none!important}}.battle-screen:not(.watch-board)>.hand-dock{--hand-action-clearance: var(--battle-hand-action-clearance);--hand-hover-clearance: 18px;position:absolute!important;z-index:700;left:50%!important;right:auto!important;bottom:max(var(--battle-hand-bottom-offset),min(env(safe-area-inset-bottom),var(--battle-hand-safe-area-cap)))!important;width:min(1240px,calc(calc(100 * var(--battle-vw, 1vw)) - clamp(150px,calc(18 * var(--battle-vw, 1vw)),300px)))!important;height:calc(var(--battle-hand-card-width) * 1.4 + var(--hand-action-clearance) + var(--hand-hover-clearance) + 6px)!important;transform:translate(-50%)!important;display:grid!important;justify-items:center;overflow:visible!important;pointer-events:none}.battle-screen:not(.watch-board)>.hand-dock .hand-fan{--hand-card-margin: initial;width:100%;height:100%!important;padding:var(--hand-hover-clearance) 14px var(--hand-action-clearance)!important;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:safe center;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;pointer-events:none}.battle-screen:not(.watch-board)>.hand-dock .hand-fan::-webkit-scrollbar{display:none}.battle-screen:not(.watch-board)>.hand-dock .hand-fan>.card-face{width:var(--battle-hand-card-width)!important;flex:0 0 auto!important;transform:none!important;transform-origin:50% 100%;pointer-events:auto}.battle-screen:not(.watch-board)>.hand-dock .hand-fan>.card-face:first-child{--hand-card-margin: 0px}.battle-screen:not(.watch-board)>.hand-dock .hand-fan>.card-face:is(:hover,.selected,:focus-within){z-index:1000!important;transform:translateY(-12px) scale(1.04)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto]>.hand-dock .hand-fan>.card-face:has(.card-secondary-action):is(:hover,.selected,:focus-within){transform:none!important}.battle-screen:not(.watch-board)[data-stage-density=compact]>.player-hud,.battle-screen:not(.watch-board)[data-stage-density=minimum]>.player-hud{width:56px!important;min-height:50px!important;padding:4px!important;flex-direction:column;gap:2px!important;border-radius:11px}.battle-screen:not(.watch-board)[data-stage-density=compact]>.player-hud .hud-avatar,.battle-screen:not(.watch-board)[data-stage-density=minimum]>.player-hud .hud-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}.battle-screen:not(.watch-board)[data-stage-density=compact]>.player-hud :is(.hud-profile-copy,.hud-turn-state),.battle-screen:not(.watch-board)[data-stage-density=minimum]>.player-hud :is(.hud-profile-copy,.hud-turn-state){display:none!important}.battle-screen:not(.watch-board)>.counter-reveal-tray{position:absolute;z-index:640;left:50%;width:max-content;max-width:min(620px,calc(calc(100 * var(--battle-vw, 1vw)) - 24px));height:68px;box-sizing:border-box;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;overflow:hidden;border:2px solid #baf5ff;border-radius:17px;color:#fff;background:linear-gradient(135deg,#0877db,#12a9e4 54%,#32d1e8);box-shadow:inset 0 1px #ffffff85,0 4px #075da5,0 8px 20px #032d5b57;transform:translate(-50%);pointer-events:auto;animation:counter-reveal-arrive .18s cubic-bezier(.2,.9,.25,1.1) both}.battle-screen:not(.watch-board)>.counter-reveal-tray.opponent{top:max(6px,calc(var(--battle-rail-screen-y) - 74px))}.battle-screen:not(.watch-board)>.counter-reveal-tray.mine{top:min(calc(calc(100 * var(--battle-vh, 1dvh)) - 76px),calc(var(--battle-rail-screen-y) + var(--battle-rail-screen-height) + 6px))}.counter-reveal-tray>header{min-width:0;display:grid;justify-items:center;gap:2px;padding-right:8px;border-right:1px solid rgba(224,250,255,.55);text-align:center}.counter-reveal-tray>header strong{color:#fff;font-size:15px;line-height:1.15;text-shadow:0 1px 2px rgba(0,43,91,.9)}.counter-reveal-tray>header span{max-width:100%;overflow:hidden;color:#e8fbff;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.counter-reveal-list{width:max-content;max-width:min(480px,calc(calc(100 * var(--battle-vw, 1vw)) - 146px));min-width:0;height:54px;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.counter-reveal-card{min-width:124px;height:52px;flex:0 0 124px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;padding:2px 7px 2px 3px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:10px;color:#123f76;background:#f4fcff;box-shadow:0 2px 7px #02326547;cursor:pointer}.counter-reveal-card:hover,.counter-reveal-card:focus-visible{background:#fff;transform:translateY(-1px)}.counter-reveal-card:focus-visible{outline:2px solid #ffe271;outline-offset:-2px}.counter-reveal-card>img{width:34px;height:48px;object-fit:cover;border-radius:5px;box-shadow:0 1px 4px #08264d52}.counter-reveal-card>span{min-width:0;display:grid;justify-items:start;gap:3px;text-align:left}.counter-reveal-card b,.counter-reveal-card small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter-reveal-card b{color:#123f76;font-size:11px}.counter-reveal-card small{color:#e04f68;font-size:10px;font-weight:900}@keyframes counter-reveal-arrive{0%{opacity:0;transform:translate(-50%,7px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:720px),(max-height:500px){.battle-screen:not(.watch-board)>.counter-reveal-tray{max-width:min(520px,calc(calc(100 * var(--battle-vw, 1vw)) - 12px));height:58px;grid-template-columns:78px minmax(0,1fr);gap:5px;padding:5px 6px;border-radius:14px}.battle-screen:not(.watch-board)>.counter-reveal-tray.opponent{top:max(4px,calc(var(--battle-rail-screen-y) - 62px))}.battle-screen:not(.watch-board)>.counter-reveal-tray.mine{top:min(calc(calc(100 * var(--battle-vh, 1dvh)) - 62px),calc(var(--battle-rail-screen-y) + var(--battle-rail-screen-height) + 4px))}.counter-reveal-tray>header strong{font-size:13px}.counter-reveal-tray>header span{font-size:8px}.counter-reveal-list{height:48px;gap:4px}.counter-reveal-card{min-width:108px;height:46px;flex-basis:108px;grid-template-columns:29px minmax(0,1fr);gap:5px}.counter-reveal-card>img{width:29px;height:41px}.counter-reveal-card b{font-size:10px}.counter-reveal-card small{font-size:9px}}.battle-screen:not(.watch-board)[data-stage-density=compact]>.player-hud .hud-presence,.battle-screen:not(.watch-board)[data-stage-density=minimum]>.player-hud .hud-presence{position:static;font-size:7px;line-height:1}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .pile-cluster-heading,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .pile-cluster-heading{display:none!important}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .pile-cluster,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .pile-cluster{min-height:70px!important;grid-template-rows:minmax(0,1fr)!important}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .don-strip,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .don-strip{top:auto!important}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .opponent-half .don-strip,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .opponent-half .don-strip{top:calc(var(--battle-opponent-card-y) + 76px)!important}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .player-half .don-strip,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .player-half .don-strip{top:calc(var(--battle-player-card-y) + 76px)!important}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .core-operation-tools button>small,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .core-operation-tools button>small,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .core-operation-copy>span{display:none}.battle-screen:not(.watch-board)[data-stage-density=compact] .battle-stage .combat-rail.core-action-console,.battle-screen:not(.watch-board)[data-stage-density=minimum] .battle-stage .combat-rail.core-action-console{grid-template-columns:128px minmax(0,1fr) 220px!important}.battle-screen.watch-board>.battle-stage-viewport,.battle-screen.watch-board .battle-stage{display:contents}@media(prefers-reduced-motion:reduce){.battle-screen:not(.watch-board)>.counter-reveal-tray{animation:none}.battle-screen:not(.watch-board) .battle-stage,.battle-screen:not(.watch-board) .battle-stage *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.battle-screen:not(.watch-board) .battle-stage .battle-side-console{position:absolute;z-index:40;left:var(--battle-resource-x);width:var(--battle-resource-width);height:var(--battle-resource-height);box-sizing:border-box;display:block;padding:0;background:url(/assets/battle-side-console-naruto-v1-BdsPV-LA.png) center / 100% 100% no-repeat;filter:drop-shadow(0 7px 7px rgba(39,20,8,.27));pointer-events:none}.battle-screen:not(.watch-board) .battle-stage .battle-side-console.opponent-console{top:var(--battle-opponent-resource-y)}.battle-screen:not(.watch-board) .battle-stage .battle-side-console.player-console{top:var(--battle-player-resource-y)}.battle-screen:not(.watch-board) .battle-stage .battle-side-console>.player-hud{position:absolute!important;inset:var(--battle-resource-identity-y) auto auto var(--battle-resource-identity-x)!important;width:var(--battle-resource-identity-width)!important;height:var(--battle-resource-identity-height)!important;min-height:0!important;margin:0!important;box-sizing:border-box;padding:0 20px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px!important;overflow:visible;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;pointer-events:none}.battle-screen:not(.watch-board) .battle-stage .battle-side-console>.player-hud:before{display:none!important}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-avatar{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;margin:0!important;place-self:center!important;transform:none!important;border-width:1px;box-shadow:0 2px #4b2a1147}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-profile-copy{display:grid!important;min-width:0;width:100%;box-sizing:border-box;align-content:center;padding:0!important;gap:3px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-name-line{min-width:0;justify-content:flex-start!important}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-name-line strong{min-width:0;flex:1;overflow:hidden;max-width:100%!important;color:#2f241b;font-size:15px;line-height:1.15;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-profile-copy small{display:block;overflow:hidden;max-width:100%!important;color:#80694f;font-size:8px;line-height:1.2;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-turn-state{position:absolute;top:auto;bottom:12px;right:20px;min-height:14px;padding:1px 4px;border-color:#754c2445;color:#715437;background:#fff8dee6;font-size:8px;line-height:10px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .player-hud.active-turn .hud-turn-state{color:#fff;background:#2878d8}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .hud-presence{position:static;width:max-content;min-height:14px;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid rgba(43,167,120,.45);border-radius:999px;color:#247456;background:#5ed3a333;font-size:8px;font-weight:800;line-height:9px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console>.pile-cluster{position:absolute!important;inset:var(--battle-resource-piles-y) auto auto var(--battle-resource-piles-x)!important;width:var(--battle-resource-piles-width)!important;height:var(--battle-resource-piles-height)!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:62px!important;gap:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.battle-screen:not(.watch-board) .battle-stage .battle-side-console>.pile-cluster:before{display:none!important}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .pile-cluster-heading{grid-column:1 / -1;display:flex!important;min-height:0;padding:0 2px!important;border:0}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .pile-cluster-heading strong{color:#4a321e;font-size:8px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .pile-cluster-heading strong:before{font-size:7px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .pile-cluster-heading small{color:#917355;font-size:6px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .pile{min-width:0;min-height:0;height:62px;padding:1px;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateY(3px)}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .pile:hover{background:transparent}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .resource-card-back{width:25px;height:31px;border-color:#714b2538;border-radius:5px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .resource-pile-copy small{color:#745a3d;font-size:8px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .resource-pile-copy b{color:#2e456b;font-size:15px;line-height:1}.battle-screen:not(.watch-board) .battle-stage .battle-side-console>.don-strip{position:absolute!important;inset:var(--battle-resource-don-y) auto auto var(--battle-resource-don-x)!important;width:var(--battle-resource-don-width)!important;height:var(--battle-resource-don-height)!important;min-height:0!important;margin:0!important;padding:1px 0!important;box-sizing:border-box;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:60px!important;align-items:center!important;gap:0!important;overflow-x:visible!important;overflow-y:hidden!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.battle-screen:not(.watch-board)[data-stage-density] .battle-stage .battle-side-console>.don-strip{inset:var(--battle-resource-don-y) auto auto var(--battle-resource-don-x)!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:60px!important}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .don-strip-heading{grid-column:1;grid-row:1;width:43px!important;height:28px;flex:none;align-self:center;justify-content:center;gap:4px!important;position:relative;left:5px;padding:3px 4px!important;box-sizing:border-box;border:1px solid rgba(145,102,54,.38);border-radius:8px;background:#fff7dad1;box-shadow:inset 0 1px #ffffffb8,0 2px 3px #5a321429}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .don-card-grid{grid-column:2;grid-row:1;width:132px;height:48px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;justify-self:center;gap:0 6px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .don-strip-heading>span{color:#4a321e;font-size:10px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .don-strip-heading b{color:#236fc7;font-size:12px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .don-strip-heading small{color:#826b50;font-size:8px}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .don-strip :is(i,button){width:17px!important;height:22px!important;flex:none!important;align-self:center;justify-self:center;border-color:#3f7ec68c;border-radius:4px!important}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .player-don.actionable-don-surface{cursor:grab;pointer-events:auto;touch-action:none}.battle-screen:not(.watch-board) .battle-stage .battle-side-console .player-don.actionable-don-surface:active{cursor:grabbing}.battle-screen[data-battle-theme=naruto] .naruto-chakra-strip{border-color:#4a66b361!important;background:linear-gradient(110deg,#ecf4fff2,#faebe4e6)!important}.battle-screen[data-battle-theme=naruto] .naruto-chakra-card{display:grid;place-items:center;background:linear-gradient(160deg,#4cb8ea,#265a9c)!important;border-color:#2c5c9db8!important;font-style:normal;font-weight:900;box-shadow:inset 0 1px #ffffff85,0 2px 5px #294a7e3d}.battle-screen[data-battle-theme=naruto] .naruto-chakra-card img{display:block;width:15px;height:15px;object-fit:contain}.battle-screen[data-battle-theme=naruto] .naruto-chakra-card.used{opacity:.48;background:#6a708b!important;border-color:#747e9d!important;transform:rotate(84deg)!important}.battle-screen[data-battle-theme=naruto] .naruto-summon-status{flex:0 0 auto;margin-left:auto;padding:4px 6px;border:1px solid rgba(170,107,51,.38);border-radius:7px;color:#795a36;background:#fff7dddb;font-size:9px;white-space:nowrap}.battle-screen[data-battle-theme=naruto] .naruto-support-status{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:4px;min-width:0;margin-left:3px;color:#755376;font-size:9px;white-space:nowrap}.battle-screen[data-battle-theme=naruto] .naruto-support-status>b{color:#a14361}.battle-screen[data-battle-theme=naruto] .naruto-support-status small{color:#8e6b83;font-size:8px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .resource-pile{position:relative;display:flex;align-items:center;justify-content:center;height:62px;padding:0;transform:none}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .resource-pile:not(:last-child):after{content:"";position:absolute;top:14px;right:0;bottom:14px;width:1px;background:#7d5b3545}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .resource-pile-copy{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:0;font-variant-numeric:tabular-nums}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-icon{display:block;width:22px;height:22px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(54,44,34,.28))}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .resource-pile-copy small{display:block;color:#775d45;font-size:10px;font-weight:800;line-height:13px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .resource-pile-copy b{display:block;width:auto;min-width:0;height:auto;color:#263e60;background:none;box-shadow:none;font-size:22px;line-height:22px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-life b{color:#a03e3f}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-life b span{color:#8c7065;font-size:11px;font-weight:700}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-trash{pointer-events:auto;cursor:pointer}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-trash:hover,.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-trash:focus-visible{background:transparent;outline:none;box-shadow:none}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-trash:hover small{color:#98652e;text-decoration:underline;text-underline-offset:3px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-trash:hover b{color:#98652e}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-resource-summary .naruto-resource-trash:focus-visible .resource-pile-copy{border-radius:9px;outline:2px solid #98652e;outline-offset:-6px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console>.naruto-chakra-strip{grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:30px 23px!important;align-content:center!important;padding:3px 20px!important;overflow:hidden!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .don-strip-heading{grid-column:1;grid-row:1;position:static;display:flex;align-self:center;justify-content:flex-start;width:72px!important;height:auto;min-height:0;padding:0!important;gap:3px!important;border:0;background:none;box-shadow:none;white-space:nowrap}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .naruto-meta-icon{display:block;width:15px;height:15px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(54,44,34,.2))}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .don-strip-heading>span,.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .don-strip-heading b{font-size:10px;line-height:15px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .don-card-grid{grid-column:2;grid-row:1;justify-self:end;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:128px;max-width:100%;min-width:0;height:26px;align-items:center;gap:2px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .naruto-summon-status,.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .naruto-support-status{grid-row:2;display:inline-flex;align-items:center;align-self:center;margin:0;padding:0;border:0;background:none;font-size:10px;line-height:16px;white-space:nowrap}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .naruto-summon-status{grid-column:1}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .battle-side-console .naruto-chakra-strip .naruto-support-status{grid-column:2;justify-self:end;width:auto;gap:3px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-command-zone{grid-template-columns:var(--card-w) var(--card-w)!important;width:var(--battle-command-width)!important}.battle-screen[data-battle-theme=naruto] .naruto-ex-slot{color:#9b5361}.battle-screen[data-battle-theme=naruto] .naruto-ex-slot.is-empty{border:1px dashed rgba(187,86,96,.34)!important;background:#ffeee747!important}.battle-screen[data-battle-theme=naruto] .naruto-ex-slot>span{display:grid;place-items:center;width:36px;height:36px;border:2px solid rgba(187,86,96,.42);border-radius:50%;color:#a35c67;font-size:11px;font-weight:900}.battle-screen[data-battle-theme=naruto] .card-secondary-action{bottom:-34px;border-color:#fffffff2;background:#a95362}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-support-lane{position:absolute!important;left:var(--battle-character-x)!important;width:var(--battle-character-width)!important;height:96px!important;box-sizing:border-box;display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;align-items:center;gap:10px;padding:7px 10px!important;border:0!important;border-radius:8px;background:transparent!important;box-shadow:none!important;pointer-events:none;z-index:28}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .player-half .naruto-support-lane{top:var(--battle-player-support-y)!important;pointer-events:auto}.battle-screen[data-battle-theme=naruto] .naruto-support-lane-title{display:grid;gap:1px;color:#765a44;font-size:9px;font-weight:900;letter-spacing:.04em;line-height:1;white-space:nowrap}.battle-screen[data-battle-theme=naruto] .naruto-support-lane-title b{color:#a14361;font-size:12px}.battle-screen[data-battle-theme=naruto] .naruto-support-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:5px;min-width:0;height:62px}.battle-screen[data-battle-theme=naruto] .naruto-support-slot{position:relative;min-width:0;height:62px;display:grid;place-items:center;box-sizing:border-box;border:1px dashed rgba(171,99,97,.38);border-radius:5px;background:#fff8e880}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-empty i{color:#9d5b6985;font-size:7px;font-style:normal;font-weight:900}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-filled{border-style:solid;border-color:#a94c6094;background:#fff1e8c7}.battle-screen[data-battle-theme=naruto] .naruto-support-slot .card-face{width:78px!important;height:52px!important;min-height:0!important;aspect-ratio:auto!important;border-width:1px!important;border-radius:6px!important;box-shadow:0 2px 5px #4c233533}.battle-screen[data-battle-theme=naruto] .naruto-support-slot .card-surface,.battle-screen[data-battle-theme=naruto] .naruto-support-slot .card-art-button{border-radius:3px}.battle-screen[data-battle-theme=naruto] .naruto-support-slot .card-stats,.battle-screen[data-battle-theme=naruto] .naruto-support-slot .naruto-card-hp,.battle-screen[data-battle-theme=naruto] .naruto-support-slot .naruto-support-cost,.battle-screen[data-battle-theme=naruto] .naruto-support-slot .attached-don{display:none}.battle-screen[data-battle-theme=naruto] .naruto-support-slot .card-action{bottom:-10px;min-width:38px;padding:2px 4px;border-width:1px;border-radius:7px;background:#a95362;font-size:7px}.battle-screen[data-battle-theme=naruto] .naruto-support-slot .card-face.actionable{outline:1px solid rgba(169,76,96,.86);box-shadow:0 0 0 2px #ffe3b7eb,0 3px 8px #70273e4d}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-character-row{left:var(--battle-character-x)!important;width:var(--battle-character-width)!important;height:var(--battle-character-card-height)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-command-zone{top:var(--battle-opponent-command-y)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .opponent-half .naruto-command-zone{top:var(--battle-opponent-command-y)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .player-half .naruto-command-zone{top:var(--battle-player-command-y)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .opponent-half .naruto-character-row{top:var(--battle-opponent-card-y)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .player-half .naruto-character-row{top:var(--battle-player-card-y)!important}.battle-screen[data-battle-theme=naruto] .naruto-character-row{display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 10px 22px!important;scrollbar-width:thin;scrollbar-color:rgba(155,75,67,.58) transparent;box-sizing:border-box;border:2px solid rgba(149,79,57,.56);border-radius:15px;background:linear-gradient(180deg,#fff7dae6,#f4e0b5c7),repeating-linear-gradient(0deg,rgba(123,73,45,.035) 0 1px,transparent 1px 9px);box-shadow:inset 0 0 0 1px #ffffefbf,inset 0 0 20px #88523526,0 3px 7px #522d2b1f}.battle-screen[data-battle-theme=naruto] .naruto-character-row>:is(.fighter-shell,.empty-character){flex:0 0 var(--battle-character-card-width)}.battle-screen[data-battle-theme=naruto] .naruto-character-row>:is(.fighter-shell,.empty-character){width:var(--battle-character-card-width)!important;min-height:var(--battle-character-card-height)!important}.battle-screen[data-battle-theme=naruto] .naruto-character-row .fighter-shell>.card-face{width:var(--battle-character-card-width)!important}.battle-screen[data-battle-theme=naruto] .naruto-character-row:before{content:none!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-character-row:after,.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-support-lane:after{content:"";position:absolute;inset:-5px -7px;border-radius:11px;pointer-events:none;z-index:-1}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-character-row:after{border:1px solid rgba(180,73,73,.18);background:#bf4e4609}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-support-lane:after{border:1px solid rgba(74,105,180,.22);background:#5980cd0b}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide{position:absolute;left:var(--battle-character-x);width:var(--battle-character-width);height:var(--battle-character-card-height);box-sizing:border-box;border-radius:11px;pointer-events:none;z-index:35;opacity:0;transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-battle-placement-guide{top:var(--battle-player-card-y);border:2px solid rgba(199,75,67,.9);background:#d45f4614}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-standby-placement-guide{top:var(--battle-player-support-y);border:2px solid rgba(58,112,198,.9);background:#4a8adc1a}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide.is-available{opacity:.72}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide.is-disabled{opacity:.11;border-style:dashed;filter:saturate(.5)}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide.is-active{opacity:1;box-shadow:0 0 0 3px #fff7d9e0,0 0 26px #43b5ff6b}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-battle-placement-guide.is-active{box-shadow:0 0 0 3px #ffefd0e6,0 0 28px #d44d437a}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide>span{position:absolute;top:6px;left:10px;display:grid;gap:3px;padding:7px 10px;border-radius:7px;color:#6f3041;background:#fff8e5f2;box-shadow:0 2px 9px #4b26313d;line-height:1}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-standby-placement-guide>span{color:#2f568d}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide b{font-size:18px;font-weight:900}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide small{font-size:11px;font-weight:800}@media(max-width:520px)and (orientation:portrait){.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide>span{top:5px;left:8px;padding:6px 9px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide b{font-size:58px}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-placement-guide small{display:none}}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-support-lane{left:var(--battle-support-x)!important;width:var(--battle-support-width)!important;height:78px!important;box-sizing:border-box;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;display:block!important;pointer-events:none;z-index:28}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .opponent-half .naruto-support-lane{top:var(--battle-opponent-support-y)!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .player-half .naruto-support-lane{top:var(--battle-player-support-y)!important;pointer-events:auto!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .naruto-support-lane:after{display:none!important}.battle-screen[data-battle-theme=naruto] .naruto-support-lane-title{position:absolute!important;left:8px;top:5px;z-index:2;transform:none;display:grid;gap:1px;color:#804e3eb8;font-size:9px;font-weight:900;writing-mode:horizontal-tb;white-space:nowrap}.battle-screen[data-battle-theme=naruto] .naruto-support-lane-title b{color:#a14361;font-size:11px}.battle-screen[data-battle-theme=naruto] .naruto-support-lane-title small{color:#8e6b83;font-size:8px}.battle-screen[data-battle-theme=naruto] .naruto-support-slot-grid{position:absolute!important;z-index:1;inset:0 0 auto!important;width:auto!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:var(--battle-support-card-height, 72px)}.battle-screen[data-battle-theme=naruto] .naruto-support-slot{height:var(--battle-support-card-height, 72px);border:0;border-radius:5px;background:transparent;box-shadow:none}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-filled{border:0;background:transparent}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-empty i{display:block;color:#9d5b6985;font-size:8px;font-style:normal;font-weight:900}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-filled .card-face{width:48px!important;height:67px!important;min-height:0!important;aspect-ratio:5 / 7!important;border-width:1px!important}.battle-screen[data-battle-theme=naruto] .naruto-support-lane-title{display:none!important}.battle-screen[data-battle-theme=naruto] .card-face .card-surface .naruto-card-stats>strong{padding:2px;border:1px solid #fff9;border-radius:5px;background:#253542ee}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-filled{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px}.battle-screen[data-battle-theme=naruto] .naruto-support-slot.is-filled .card-face{flex:0 0 48px}.battle-screen[data-battle-theme=naruto] .naruto-support-own-info{position:absolute;z-index:2;right:auto;bottom:2px;left:50%;min-width:0;max-width:calc(100% - 6px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:4px;padding:1px 3px;border-radius:3px;background:#fff7e2e6;text-align:center}.battle-screen[data-battle-theme=naruto] .naruto-support-card-name{overflow:hidden;padding:0;border:0;background:transparent;color:#4b2d27;font-size:10px;font-weight:900;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.battle-screen[data-battle-theme=naruto] .naruto-support-own-info small{overflow:hidden;color:#705b55;font-size:8px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.battle-screen[data-battle-theme=naruto] .naruto-support-own-info small.is-ready{color:#9a3451;font-weight:900}.battle-screen[data-battle-theme=naruto] .naruto-support-activate{width:max-content;max-width:100%;padding:1px 7px;border:1px solid #83364a;border-radius:6px;background:#9b4056;color:#fff5e4;font-size:9px;font-weight:900;cursor:pointer}.battle-screen[data-battle-theme=naruto] .naruto-character-row{background:transparent!important;border:0!important;box-shadow:none!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-character-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;overflow:visible!important;padding:0!important;justify-items:center!important}.battle-screen:not(.watch-board)[data-battle-theme=naruto] .battle-stage .naruto-character-row>:is(.fighter-shell,.empty-character){width:var(--battle-character-card-width)!important;min-height:var(--battle-character-card-height)!important}.battle-display-root{display:contents}.battle-display-root[data-rotated=true]{position:fixed;top:0;display:block;transform:rotate(90deg);transform-origin:0 0;overflow:clip;isolation:isolate;--social-entry-top: 6px;--social-entry-right: 8px}html[data-battle-rotated],html[data-battle-rotated] body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.battle-display-root[data-rotated=true] .battle-attack-overlay{width:var(--battle-visible-width);height:var(--battle-visible-height)}.battle-display-root[data-rotated=true] .modal-layer{padding:10px;place-items:center}.battle-display-root[data-rotated=true] :is(.decision-modal,.result-modal,.preview-modal){width:min(780px,calc(var(--battle-visible-width) - 20px));min-width:0;max-width:100%;max-height:calc(var(--battle-visible-height) - 20px);padding:16px;border-radius:16px;overscroll-behavior:contain}.battle-display-root[data-rotated=true] .preview-modal{grid-template-columns:minmax(100px,28%) minmax(0,1fr);gap:16px}.battle-display-root[data-rotated=true] .effect-modal{display:flex;flex-direction:column;height:min(560px,calc(var(--battle-visible-height) - 20px));overflow:hidden}.battle-display-root[data-rotated=true] .decision-header{flex-shrink:0;gap:12px}.battle-display-root[data-rotated=true] .decision-header h2{font-size:18px;line-height:1.35}.battle-display-root[data-rotated=true] .decision-header p{margin:5px 0;font-size:12px}.battle-display-root[data-rotated=true] .effect-card-list{flex:1;min-height:0;overflow:auto;align-content:start;margin:8px 0}.battle-display-root[data-rotated=true] .effect-modal-actions{flex-shrink:0;margin-top:6px}.battle-display-root[data-rotated=true] .effect-modal-actions button{min-height:36px;padding:8px 12px}.battle-display-root[data-rotated=true] .battle-card-inspector{width:min(680px,calc(var(--battle-visible-width) - 24px));height:calc(var(--battle-visible-height) - 24px);max-height:calc(var(--battle-visible-height) - 24px);grid-template-columns:minmax(100px,25%) minmax(0,1fr);gap:10px;padding:10px}.battle-display-root[data-rotated=true] .battle-card-inspector.left{left:12px}.battle-display-root[data-rotated=true] .battle-card-inspector.right{right:12px}.battle-display-root[data-rotated=true] .battle-sheet{width:min(390px,calc(var(--battle-visible-width) - 24px));max-height:var(--battle-visible-height);padding:12px}.battle-display-root[data-rotated=true] .concede-confirm{width:min(330px,calc(var(--battle-visible-width) - 24px))}body .battle-display-root[data-rotated=true] .social-dock{top:6px;right:8px;bottom:auto}body .battle-display-root[data-rotated=true] .social-panel{top:38px;bottom:auto;width:min(350px,calc(var(--battle-visible-width) - 16px));height:calc(var(--battle-visible-height) - 52px);max-height:calc(var(--battle-visible-height) - 52px);border-radius:14px}.battle-display-root[data-rotated=true] .social-panel>header{padding:8px 12px}.battle-display-root[data-rotated=true] .social-panel>header h2{font-size:16px}.battle-display-root[data-rotated=true] .social-panel :is(button,input,textarea){min-height:32px}.battle-display-root[data-rotated=true] .social-panel :is(input,textarea){font-size:16px}.battle-display-root[data-rotated=true] .battle-chat-sheet{width:min(350px,calc(var(--battle-visible-width) - 24px));height:calc(var(--battle-visible-height) - 60px);max-height:calc(var(--battle-visible-height) - 60px)}.battle-display-root[data-rotated=true] .battle-chat-sheet header{padding:8px 12px;flex-shrink:0}.battle-display-root[data-rotated=true] .battle-chat-compose{flex-shrink:0;padding:8px}.battle-display-root[data-rotated=true] .battle-chat-compose input{font-size:16px}.battle-display-root[data-rotated=true] .battle-franchise-mark{display:none}.battle-display-root[data-rotated=true] .watch-stage{position:relative;overflow:hidden}.battle-display-root[data-rotated=true] .watch-stage>.battle-screen:not(.watch-board){position:absolute!important;width:100%!important;height:100%!important}.battle-display-root[data-rotated=true] .watch-toolbar{min-height:38px;flex-direction:row;flex-wrap:wrap;padding:4px 76px 4px 10px;gap:8px}.battle-display-root[data-rotated=true] .watch-toolbar-actions{flex:1;min-width:0;flex-wrap:wrap;justify-content:flex-end}.battle-display-root[data-rotated=true] .watch-toolbar button{min-height:30px;padding:5px 8px;font-size:12px}.battle-display-root[data-rotated=true] .watch-playback{flex-wrap:nowrap;padding:4px 10px;gap:12px}.battle-display-root[data-rotated=true] .watch-playback-buttons{display:flex;width:auto;flex:0 0 auto}.battle-display-root[data-rotated=true] .watch-playback button{min-height:30px;padding:5px 8px;font-size:11px}.battle-display-root[data-rotated=true] .watch-timeline{min-width:90px;flex:1}.battle-display-root[data-rotated=true] .watch-timeline label{font-size:10px;line-height:14px}.battle-display-root[data-rotated=true] .watch-timeline input{min-height:20px;height:20px}.battle-display-root[data-rotated=true] .watch-effect-dialog{width:min(600px,calc(var(--battle-visible-width) - 24px));max-height:calc(var(--battle-visible-height) - 100px);padding:12px}.mobile-orientation-gate{overflow:auto}.mobile-orientation-card{width:min(530px,100%);padding:18px 24px}.mobile-orientation-icon{width:38px;height:54px;margin-bottom:8px;font-size:30px;border-radius:9px;transform:none}.mobile-orientation-card h2{font-size:clamp(20px,4vw,28px)}.mobile-orientation-card>p:not(.eyebrow){margin-bottom:12px}.mobile-orientation-card>small{color:#66718c;line-height:1.6}
