@font-face{font-family:Pretendard;src:url(../media/Pretendard-Thin.subset.1t8tnljectx-o.woff2)format("woff2"),url(../media/Pretendard-Thin.subset.0dh0spvednhsh.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-ExtraLight.subset.0_n_q7xg3m6vh.woff2)format("woff2"),url(../media/Pretendard-ExtraLight.subset.0jejkr7-ieje6.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-Light.subset.1y-7yuavorybe.woff2)format("woff2"),url(../media/Pretendard-Light.subset.05gt3da5il6jf.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-Regular.subset.2hmto21_1mc3m.woff2)format("woff2"),url(../media/Pretendard-Regular.subset.19iecdfughmp4.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-Medium.subset.1x714p3sfd0tf.woff2)format("woff2"),url(../media/Pretendard-Medium.subset.3n0gxsdsjnutb.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-SemiBold.subset.09k6astcctdm8.woff2)format("woff2"),url(../media/Pretendard-SemiBold.subset.0av2_eygsir9y.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-Bold.subset.1u97yfb8go0ya.woff2)format("woff2"),url(../media/Pretendard-Bold.subset.0dk7v7lmewpqn.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-ExtraBold.subset.3akguzrk-7see.woff2)format("woff2"),url(../media/Pretendard-ExtraBold.subset.3j_bdtggn45u_.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(../media/Pretendard-Black.subset.1sh9spqbfyys4.woff2)format("woff2"),url(../media/Pretendard-Black.subset.3q48t4t_xdpi3.woff)format("woff");font-weight:900;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-Thin.1skvc12jtu0xy.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-ExtraLight.3w6p2emnf7-nk.woff2)format("woff2");font-weight:200;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-Light.3e_ng0_cy95r1.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-Regular.3984338n2vqm3.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-Medium.10y8zxshng-35.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-SemiBold.1ljk6wvp6hdos.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-Bold.2uno49gmja-we.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-ExtraBold.1w3_i9l8zonif.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:SUIT;src:url(../media/SUIT-Heavy.3wha5lgcrw6ru.woff2)format("woff2");font-weight:900;font-display:swap}
:root{--bg-main:#090a0f;--bg-panel:#12151f;--bg-card:#181d2a;--border-gold:#c8aa6e;--border-dim:#262c3d;--text-main:#f0e6d2;--text-muted:#7e8b9f;--team-a:#e5a93c;--team-b:#3b82f6;--accent-red:#ef4444;--accent-green:#22c55e}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#3a4663 transparent;margin:0;padding:0;font-family:Pretendard,SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);flex-direction:column;height:100vh;min-height:100vh;font-size:14px;display:flex;overflow:hidden}header{border-bottom:1px solid var(--border-gold);background:linear-gradient(#181d2a 0%,#0d1017 100%);flex-shrink:0;grid-template-columns:1fr auto;align-items:center;padding:10px 20px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:1px;color:var(--border-gold);text-transform:uppercase;font-size:1.15rem}.badge{color:#e6be75;background:#2b2518;border:1px solid #7a612d;border-radius:999px;padding:2px 8px;font-size:13px}#adSlotLeft{display:none}.main-layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:300px minmax(0,1.9fr) minmax(320px,.9fr);gap:12px;height:auto;min-height:0;padding:12px;display:grid}.panel{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-dim);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel-title{letter-spacing:.5px;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.traits-list{flex-direction:column;gap:5px;padding:8px;display:flex;overflow-y:auto}.trait-item{background:#191d29;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;transition:all .15s;display:flex}.trait-item.active{background:#1c2232}.trait-item:not(.active){opacity:.55}.trait-item:not(.active) .trait-icon-hex img{filter:none;opacity:.8}.trait-item.tier-s1:hover{border-color:#b4642a}.trait-item.tier-s2:hover,.trait-item.tier-s3:hover{border-color:#94a3b8}.trait-item.tier-s4:hover,.trait-item.tier-s5:hover{border-color:#d9a21b}.trait-item.tier-s6:hover{border-color:#c4b5fd}.trait-icon-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#94a3b8;background:#252c3d;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:33px;font-size:13px;display:flex}.tier-s1 .trait-icon-hex{color:#1a0f08;background:linear-gradient(135deg,#f0a56b 0%,#b4642a 100%)}.tier-s2 .trait-icon-hex,.tier-s3 .trait-icon-hex{color:#0f172a;background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 100%)}.tier-s4 .trait-icon-hex,.tier-s5 .trait-icon-hex{color:#261a00;background:linear-gradient(135deg,#fde68a 0%,#d9a21b 100%)}.tier-s6 .trait-icon-hex{color:#1e1033;background:linear-gradient(135deg,#a5f3fc 0%,#e9a8ff 55%,#fde68a 100%)}.trait-count-badge{color:#fff;background:#272e42;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;font-weight:800;display:flex}.trait-info{flex-direction:column;flex:1;min-width:0;display:flex}.trait-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.trait-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:1px;font-size:12px;line-height:1;display:flex}.active .trait-sub{color:#cbd5e1;font-weight:600}.champ-search{border-bottom:1px solid var(--border-dim);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.champ-input{color:var(--text-main);background:#0d1017;border:1px solid #283042;border-radius:4px;outline:none;padding:5px 8px;font-size:13px}.champ-input:focus{border-color:var(--border-gold)}.trait-filter{cursor:pointer;width:100%}.cost-filters{gap:3px;display:flex}.cost-btn{color:#94a3b8;cursor:pointer;text-align:center;background:#171c28;border:1px solid #2a3348;border-radius:4px;flex:1;padding:7px 0;font-size:14px;font-weight:700}.cost-btn.active{color:#f1f5f9;background:#2b354f;border-color:#556c9a}.pool-hint{color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.pool-hint .codicon{vertical-align:-1px;font-size:12px}.champ-pool-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid;overflow-y:auto}.champ-card{cursor:grab;-webkit-user-select:none;user-select:none;background:#181d2a;border:1px solid #283247;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;transition:all .15s;display:flex;position:relative}.champ-info{width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:.55;background:#0a0c12a6;border:0;border-radius:50%;place-items:center;padding:0;font-size:12px;display:grid;position:absolute;top:2px;right:2px}.champ-info:hover{opacity:1;color:var(--border-gold)}.champ-card:hover .champ-info{opacity:.9}.info-head{align-items:center;gap:10px;display:flex}.info-head img{object-fit:cover;border-radius:8px;width:56px;height:56px}.info-name{font-size:1rem;font-weight:800}.info-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.info-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;display:flex}.info-cost{color:#f5c451;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.info-trait{color:var(--text-main);background:#1e2436;border:1px solid #313b54;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 3px;font-size:13px;display:inline-flex}.info-trait img{box-sizing:border-box;background:#2c3654;border-radius:50%;width:18px;height:18px;padding:2px}.info-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:13px;display:grid}.info-stat{background:#1b2132;border:1px solid #262f45;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;display:flex}.info-stat .codicon{flex-shrink:0;font-size:16px}.info-stat-label{color:var(--text-muted);font-size:13px}.info-stat-value{color:var(--text-main);margin-left:auto;font-weight:800}.info-skill{color:#e6d5fb;background:#241d33;border:1px solid #443558;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.info-skill .codicon{color:#c9a5f1;font-size:16px}#champInfoModal .modal-box{width:min(480px,100vw - 24px);max-height:90vh;overflow-y:auto}.info-skill-box{gap:10px;display:grid}.skill-sections{gap:10px;padding:2px 2px 0;display:grid}.skill-section{--tag:#94a3b8;--tag-bg:#263044;padding:0}.skill-section+.skill-section{border-top:1px solid #232b3f;padding-top:10px}.skill-section.kind-cast{--tag:#c9a5f1;--tag-bg:#33274a}.skill-section.kind-passive{--tag:#7cc4ff;--tag-bg:#1d3350}.skill-section.kind-buff{--tag:#4ade80;--tag-bg:#1b3a2a}.skill-section.kind-quest{--tag:#f5c451;--tag-bg:#3d3216}.skill-section.kind-adapt{--tag:#cbd5e1;--tag-bg:#2c3446}.skill-tag{background:var(--tag-bg);color:var(--tag);border-radius:999px;margin-bottom:5px;padding:1px 9px;font-size:13px;font-weight:800;display:inline-block}.skill-text{color:#d5dbe8;word-break:keep-all;font-size:14px;line-height:1.7}.skill-text .num{color:#ffe08a;font-weight:700}.skill-text .dmg-magic{color:#c4a5ff;font-weight:700}.skill-text .dmg-phys{color:#ffb36b;font-weight:700}.skill-text .dmg-true{color:#fff;font-weight:700}.skill-text .dmg-shield{color:#8fb4e8;font-weight:700}.skill-text .dmg-heal{color:#4ade80;font-weight:700}.skill-text .codicon,.sv-value .codicon,.sv-label .codicon,.skill-tag .codicon{vertical-align:-1px;font-size:12px}.skill-values{background:#161b29;border:1px solid #262f45;border-radius:8px;gap:1px;padding:8px 12px 10px;display:grid}.skill-values-head{color:var(--text-muted);border-bottom:1px solid #262f45;justify-content:space-between;align-items:center;padding-bottom:5px;font-size:12px;font-weight:800;display:flex}.sv-stars-head,.sv-stars{text-align:right;grid-template-columns:repeat(3,46px);gap:4px;display:grid}.sv-stars-head i{text-align:right;font-style:normal}.sv-row{border-bottom:1px solid #1f2638;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:10px;padding:6px 0;font-size:14px;display:grid}.sv-row:last-child{border-bottom:0}.sv-label{color:var(--text-muted)}.sv-value{color:var(--text-main);white-space:nowrap;font-weight:800}.sv-stars i{color:#ffe08a;font-style:normal;font-weight:700}.info-skill-mana{color:#7cc4ff;align-items:center;gap:4px;margin-left:auto;font-weight:700;display:inline-flex}.champ-card:hover{border-color:var(--border-gold);background:#242c3d;transform:translateY(-2px)}.champ-card:active{cursor:grabbing}.champ-card.cost-1{border:2px solid #94a3b8}.champ-card.cost-2{border:2px solid #22c55e}.champ-card.cost-3{border:2px solid #3b82f6}.champ-card.cost-4{border:2px solid #c084fc}.champ-card.cost-5{border:2px solid #eab308}.champ-card[class*=cost-]:hover{border-color:var(--border-gold)}.champ-avatar{aspect-ratio:1;background:#242c3d;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:1.6rem;display:flex;overflow:hidden}.champ-avatar img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.trait-icon-hex img{object-fit:contain;filter:brightness(0);opacity:.85;width:20px;height:20px;display:block}.codicon{vertical-align:-2px}.skip-btn{z-index:30;border:1px solid var(--border-dim);color:var(--text-muted);cursor:pointer;background:#0d0f15cc;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:6px;right:6px}.skip-btn:hover{color:#fff;border-color:var(--border-gold)}.skip-btn.hidden{display:none}.loading-overlay{z-index:20;color:var(--text-muted);background:#0d0f15c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.loading-overlay.hidden{display:none}.loading-overlay .codicon{color:var(--border-gold);font-size:28px}.pool-loading{color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:40px 8px;font-size:13px;display:flex}.pool-loading .codicon{color:var(--border-gold);font-size:22px}.data-row{align-items:center;gap:6px;display:flex}.data-row select{flex:1;min-width:0}.data-status{color:var(--text-muted);white-space:nowrap;font-size:12px}.champ-name{color:#e2e8f0;font-size:13px;font-weight:700}.champ-cost{color:#f2cf6b;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.champ-cost .codicon.gold-coin{vertical-align:0;background:linear-gradient(135deg,#fff1b8 0%,#f0b429 50%,#b7791f 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 1px #0009);-webkit-background-clip:text;background-clip:text;font-size:13px;line-height:1}.ad-slot{border:1px dashed var(--border-dim);color:#334155;letter-spacing:2px;border-radius:10px;justify-content:center;align-items:center;min-height:0;font-size:13px;display:flex;overflow:hidden}header>div:last-child{justify-self:end}.ad-stack{flex-direction:column;gap:12px;min-height:0;display:flex}.ad-stack .ad-slot{flex:1}.ad-stack .ad-slot-coupang{flex:none;height:250px}.board-body{flex:1;min-height:0;display:flex}.board-traits{border-right:1px solid var(--border-dim);flex-direction:column;flex-shrink:0;width:220px;min-height:0;display:flex}.board-traits-head{justify-content:space-between;align-items:center;padding:8px 8px 0;font-size:13px;font-weight:700;display:flex}.board-traits-teams{position:relative}.board-traits-sections{flex-direction:column;display:flex;position:absolute;inset:0}.board-traits-team{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.board-traits-team+.board-traits-team{border-top:1px solid var(--border-dim)}.board-traits-team .traits-list{min-height:0}.trait-summary{display:none}.active-trait-count,#activeTraitCount{color:var(--border-gold);font-size:12px}.traits-empty{color:#475569;text-align:center;padding:12px 4px;font-size:12px}.board-container{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:8px;display:flex}.level-bar{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;min-height:34px;font-size:13px;display:flex}.level-team{font-weight:800}.level-b .level-team{color:var(--team-b)}.level-a .level-team{color:var(--team-a)}.level-select{color:var(--text-main);font:inherit;cursor:pointer;background:#1e2436;border:1px solid #313b54;border-radius:6px;padding:3px 8px;font-weight:800}.level-select:hover:not(:disabled),.level-select:focus{border-color:var(--border-gold);outline:none}.level-select:disabled{opacity:.45;cursor:not-allowed}.level-count{color:var(--text-muted)}.level-count.full{color:var(--border-gold);font-weight:700}.level-note{color:#fca5a5;font-size:13px}.board-stage{flex:1;width:100%;min-height:0;position:relative;overflow:visible}.unit-trash{z-index:20;color:#fca5a5;background:#2d1922;border:1px dashed #f87171;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:10px 18px;font-size:13px;display:flex;position:absolute;bottom:8px;left:8px}.unit-trash.hidden{display:none}.level-bar{padding:0 150px 0 0;position:relative}.level-bar .unit-trash{z-index:5;height:38px;min-height:0;padding:0 12px;position:absolute;inset:50% 0 auto auto;transform:translateY(-50%)}.level-bar .unit-trash.hidden{visibility:hidden;display:flex}.board-hint{text-align:right;color:var(--text-muted);pointer-events:none;font-size:12px;line-height:1.35;position:absolute;top:50%;right:0;transform:translateY(-50%)}.unit-trash:not(.hidden)~.board-hint{visibility:hidden}.unit-trash.drag-over{color:#fff;background:#7f1d1d;border-style:solid}.unit-trash .codicon{font-size:18px}#fxCanvas{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.hex-grid.fighting .hex-cell>*{visibility:hidden}.hex-grid.fighting{pointer-events:none}.hex-grid{--hex-w:64px;--hex-h:calc(var(--hex-w) * 1.1547);--hex-gap:4px;top:calc(50% + var(--hud-h,0px) / 2);background:0 0;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.hex-row{gap:var(--hex-gap);display:flex}.hex-row+.hex-row{margin-top:calc(var(--hex-h) * -.25 + var(--hex-gap) * .866)}.hex-row:nth-child(2n){margin-left:calc((var(--hex-w) + var(--hex-gap)) / 2)}.hex-cell{width:var(--hex-w);height:var(--hex-h);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,filter .15s;display:flex;position:relative}.hex-cell:before,.hex-cell:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:absolute}.hex-cell:before{background:var(--outline,#2c3654);inset:0}.hex-cell:after{background:var(--cell-fill,#151a28);inset:1.5px}.hex-cell.zone-b{--cell-fill:#131b2e}.hex-cell.zone-a{--cell-fill:#1d1a24}.hex-cell:hover{--outline:var(--border-gold);z-index:1;transform:scale(1.08)}.hex-cell.drag-over{--outline:#3b82f6;--cell-fill:#1e3a8a}.hex-cell.cost-1{--cost:#94a3b8}.hex-cell.cost-2{--cost:#22c55e}.hex-cell.cost-3{--cost:#3b82f6}.hex-cell.cost-4{--cost:#c084fc}.hex-cell.cost-5{--cost:#eab308}.hex-cell.unit{--outline:var(--cost,#475569);z-index:2;clip-path:polygon(-12% -30%,112% -30%,112% 21%,100% 21%,100% 79%,112% 79%,112% 125%,-12% 125%,-12% 79%,0% 79%,0% 21%,-12% 21%)}.hex-cell.unit:after{display:none}.hex-cell.unit:hover{--outline:var(--cost,#475569);filter:brightness(1.2);z-index:6}.hex-cell.unit.drag-over{--outline:#3b82f6}.hex-cell.unit.trait-highlight{filter:brightness(1.2);z-index:5;clip-path:polygon(-12% -70%,112% -70%,112% 21%,100% 21%,100% 79%,112% 79%,112% 125%,-12% 125%,-12% 79%,0% 79%,0% 21%,-12% 21%);transform:scale(1.08)}.trait-arrow{z-index:4;color:#ffe16a;text-shadow:0 1px 4px #000,0 0 5px #000;pointer-events:none;font-size:20px;position:absolute;top:calc(-8% - 22px);left:50%;transform:translate(-50%)}.hex-cell.unit.dragging{--outline:#2c3654}.hex-cell.unit.dragging:after{display:block}.hex-cell.unit.dragging>*{visibility:hidden}.hex-grid.fighting .hex-cell.unit{--outline:#2c3654}.hex-grid.fighting .hex-cell.unit:after{display:block}.unit-portrait{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#252d42;position:absolute;inset:2.5px}.unit-portrait img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.unit-star{z-index:3;gap:2px;display:flex;position:absolute;top:-8%;left:50%;transform:translate(-50%)}.star-badge{color:#ffd24a;background:#241c0c;border:1.5px solid #e6b83c;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;box-shadow:0 0 3px #000}.star-badge .codicon{font-size:inherit;vertical-align:0;line-height:1}.unit-partner{z-index:3;pointer-events:none;background:#252d42;border:1.5px solid #e6b83c;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:36%;right:1px;overflow:hidden;box-shadow:0 0 3px #000}.unit-partner img{object-fit:cover;width:100%;height:100%;display:block}.unit-icon{font-size:calc(var(--hex-w) * .42);margin-top:4px;font-weight:700}.unit-items{z-index:3;gap:2px;display:flex;position:absolute;top:84%;left:50%;transform:translate(-50%)}.unit-item{width:20px;height:20px;font-size:calc(var(--hex-w) * .16);background:#1b2130;border:1px solid #0a0c12;border-radius:3px;place-items:center;display:grid;overflow:hidden}.unit-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.unit-name{z-index:2;max-width:100%;font-size:calc(var(--hex-w) * .14);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 3px #000,0 0 5px #000,0 1px 2px #000;font-weight:800;line-height:1.2;position:absolute;bottom:22%;overflow:hidden}.dashboard-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.dashboard-panel .panel-header{flex-wrap:wrap;gap:6px}.btn-gold{color:#17130c;cursor:pointer;background:linear-gradient(#e3bd6a 0%,#b28735 100%);border:1px solid #ecc678;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:800;transition:filter .2s}.btn-gold:hover{filter:brightness(1.15)}.btn-gold:disabled{opacity:.55;cursor:default}.btn-outline{border:1px solid var(--border-dim);color:var(--text-muted);background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.btn-outline:hover{border-color:var(--border-gold);color:var(--text-main)}.winrate-card,.metric-card,.badluck-card{background:var(--bg-card);border:1px solid #2a3042;border-radius:10px;min-width:0;padding:16px}.dashboard-section-title{color:var(--text-muted);letter-spacing:.03em;font-size:13px;font-weight:700}.winrate-header{justify-content:space-between;gap:8px;margin:15px 0 12px;display:flex}.winrate-team{flex-direction:column;gap:3px;font-size:13px;font-weight:700;display:flex}.winrate-team:last-child{text-align:right}.winrate-value{letter-spacing:-.03em;font-size:1.65rem;font-weight:800;line-height:1.1}.rate-bar{background:#40485c;border-radius:5px;width:100%;height:8px;display:flex;overflow:hidden}.rate-fill-a{background:var(--team-a);width:50%;height:100%;transition:width .3s}.rate-fill-b{background:var(--team-b);width:50%;height:100%;transition:width .3s}.rate-caption{color:var(--text-muted);justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;display:flex}.sim-summary{color:var(--text-muted);border-top:1px solid #2a3042;margin-top:14px;padding-top:10px;font-size:13px}.badluck-card{background:linear-gradient(135deg,#211a2d,#171a29);border-color:#443558}.badluck-title{color:#c9a5f1;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.badluck-help{color:#c9a5f1;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.badluck-help:hover{background:#c9a5f129}.badluck-help:focus-visible{outline-offset:2px;outline:2px solid #c9a5f1}.badluck-help .codicon{font-size:16px}.badluck-help-box{width:min(480px,100vw - 24px);max-height:90vh;overflow-y:auto}.badluck-help-intro{color:#b5bdce;margin:0 0 12px;font-size:13px;line-height:1.6}.badluck-help-intro b{color:#f0809b}.badluck-help-group{margin-top:14px}.badluck-help-group h4{color:#d7dbe6;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;display:flex}.badluck-help-sub{color:#8b93a7;font-size:12px;font-weight:400}.badluck-help-group ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.badluck-help-group li{align-items:flex-start;gap:8px;min-width:0;display:flex}.badluck-help-group li>.codicon{color:#c9a5f1;flex:none;margin-top:2px}.badluck-help-text{color:#b5bdce;overflow-wrap:anywhere;gap:2px;min-width:0;font-size:12px;line-height:1.5;display:grid}.badluck-help-text b{color:#f0e6d2;font-size:13px}.badluck-result{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:10px;display:flex}.badluck-score{color:#f0809b;letter-spacing:-.03em;font-size:2rem;font-weight:900;line-height:1}.badluck-desc{white-space:pre-line;color:#b5bdce;margin-top:7px;font-size:13px;line-height:1.5}.badluck-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;display:flex}.badluck-copy,.badluck-toggle{color:#c9a5f1;cursor:pointer;background:#c9a5f114;border:1px solid #443558;border-radius:6px;min-height:36px;font-size:12px;font-weight:700}.badluck-copy{align-items:center;gap:5px;padding:0 10px;display:inline-flex}.badluck-copy:hover,.badluck-toggle:hover{background:#c9a5f129;border-color:#c9a5f1}.badluck-copy:focus-visible,.badluck-toggle:focus-visible{outline-offset:2px;outline:2px solid #c9a5f1}.badluck-pending{color:#cbd5e1;font-size:13px;font-weight:700}.badluck-stamp{white-space:nowrap;border:3px solid;border-radius:6px;padding:3px 10px;font-size:14px;font-weight:900;line-height:1.2;animation:.3s ease-out badluck-stamp-in;display:inline-block;transform:rotate(-4deg)}.badluck-stamp.is-hard{color:#f0809b}.badluck-stamp.is-close{color:#c9a5f1}.badluck-stamp.is-skill,.badluck-stamp.is-none{color:#8b93a7}@keyframes badluck-stamp-in{0%{opacity:0;transform:rotate(-4deg)scale(1.7)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.badluck-gauge{height:12px;margin-top:12px;position:relative}.badluck-gauge-track{background:#2d2a3d;border-radius:5px;height:8px;margin-top:2px;overflow:hidden}.badluck-gauge-fill{border-radius:5px;height:100%;transition:width .3s;display:block}.badluck-gauge-fill.is-hard{background:#f0809b}.badluck-gauge-fill.is-close{background:#c9a5f1}.badluck-gauge-fill.is-skill{background:#8b93a7}.badluck-gauge-tick{pointer-events:none;background:#0f1219;width:2px;height:12px;margin-left:-1px;position:absolute;top:0;box-shadow:0 0 0 1px #c9a5f173}.badluck-title-badge{color:#f0809b;overflow-wrap:anywhere;background:#f0809b1f;border:1px solid #443558;border-radius:999px;align-self:flex-start;max-width:100%;margin-top:10px;padding:3px 10px;font-size:12px;font-weight:700}.badluck-top{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.badluck-top-row{min-width:0}.badluck-kind-head{color:#d7dbe6;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.badluck-kind-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.badluck-kind-percent{color:#f0809b;flex:none;font-weight:700}.badluck-badge{border-radius:4px;flex:none;padding:1px 6px;font-size:11px;font-weight:700}.badluck-badge.is-luck{color:#f0809b;background:#f0809b2e}.badluck-badge.is-situation{color:#c9a5f1;background:#c9a5f12e}.badluck-badge.is-item{color:#5ec8c0;background:#5ec8c029}.badluck-bar{background:#2d2a3d;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.badluck-bar>span{background:#c9a5f1;height:100%;display:block}.badluck-top-row.is-first .badluck-bar>span{background:#f0809b}.badluck-quote{color:#f0e6d2;margin-top:5px;font-size:13px;line-height:1.4}.badluck-top-row.is-first .badluck-quote{font-size:14px;font-weight:700}.badluck-evidence{color:#b5bdce;margin-top:3px;font-size:12px;line-height:1.5}.badluck-note{color:#8b93a7;margin-top:6px;font-size:12px;line-height:1.5}.badluck-disclaimer{color:#8b93a7;margin-top:12px;font-size:12px}.badluck-empty{color:#b5bdce;margin-top:12px;font-size:13px}.badluck-section{margin-top:10px}.badluck-suspects{margin-top:14px}.badluck-subtitle{color:#d7dbe6;font-size:13px;font-weight:700}.badluck-others{color:#b5bdce;gap:8px;margin:8px 0 0;padding:0;font-size:12px;line-height:1.5;list-style:none;display:grid}.badluck-others li{align-items:flex-start;gap:6px;min-width:0;display:flex}.badluck-other-text{overflow-wrap:anywhere;flex:1;min-width:0}.badluck-other-text em{color:#8b93a7;font-style:normal}.badluck-toggle{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:0 10px;display:flex}@media (prefers-reduced-motion:reduce){.badluck-stamp{animation:none}.badluck-gauge-fill{transition:none}}.metric-title{color:var(--text-main);font-size:14px;font-weight:700}.metric-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.battle-summary{gap:10px;display:grid}.battle-summary-row{color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.battle-summary-row strong{color:var(--text-main);text-align:right;font-size:14px}.battle-summary-random{color:var(--text-muted);border-top:1px solid #232a3d;gap:4px;margin:10px 0 0;padding:8px 0 0;font-size:12px;line-height:1.5;list-style:none;display:grid}.battle-summary-random li{overflow-wrap:anywhere;min-width:0}.battle-summary-random-team{font-weight:700}.battle-summary-random-team.is-a{color:var(--team-a)}.battle-summary-random-team.is-b{color:var(--team-b)}#dpsList{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.dps-col{min-width:0}.dps-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:10px;font-size:13px;display:grid}.dps-row>span:first-child{align-items:center;gap:3px;min-width:0;display:flex}.dps-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dps-row .dps-bar-bg{grid-area:2/1/auto/-1}.dps-col-head{border-bottom:1px solid #2a3248;flex-wrap:wrap;justify-content:space-between;gap:4px;padding-bottom:7px;font-size:13px;font-weight:800;display:flex}.dps-star{color:gold;flex-shrink:0;gap:0;display:inline-flex}.dps-star .codicon{vertical-align:0;align-items:center;font-size:9px;line-height:1;display:inline-flex}.dps-star .codicon.codicon-star-full:before{font-size:9px;line-height:1}.star-btn .codicon{margin-right:1px;font-size:14px}.tier-sep{vertical-align:0;font-size:13px;line-height:1}.dps-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:10px 0;font-size:13px}.dps-bar-bg{background:#11141e;border-radius:3px;height:6px;overflow:hidden}.dps-bar-val{border-radius:3px;height:100%}.dps-bar-bg.split{display:flex}.dps-bar-bg.split .dps-bar-val{border-radius:0;flex-shrink:0}.dps-bar-val.basic{opacity:.45}.dps-meta{color:var(--text-muted);grid-area:3/1/auto/-1;margin-top:-2px;font-size:12px}.metric-legend{color:var(--text-muted);gap:12px;margin-top:4px;font-size:12px;display:flex}.metric-legend[hidden]{display:none}.legend-dot{vertical-align:middle;background:#cbd5e1;border-radius:3px;width:20px;height:6px;margin-right:6px;display:inline-block}.legend-dot.basic{opacity:.45}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{border:1px solid var(--border-gold);background:#151926;border-radius:10px;flex-direction:column;gap:12px;width:min(360px,100vw - 24px);max-height:92vh;padding:16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #000c}.modal-head{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.modal-title{color:var(--border-gold);font-size:.95rem;font-weight:800}.modal-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:1.2rem;display:grid}.modal-close:hover{color:#fff;background:#2a344d}.star-select-row{align-items:center;gap:8px;display:flex}.star-btn{color:gold;cursor:pointer;text-align:center;background:#1e2436;border:1px solid #313b54;border-radius:6px;flex:1;padding:6px 0;font-size:14px}.star-btn.active{background:#392b10;border-color:gold}.equipped-items-row{background:#0f121b;border:1px solid #232a3d;border-radius:8px;justify-content:center;gap:10px;padding:10px;display:flex}.item-slot{cursor:pointer;background:#1b2130;border:1px dashed #3a4663;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;display:flex;position:relative}.item-slot.item-slot-taken{border-style:solid;overflow:hidden}.item-slot.item-slot-taken img{opacity:.4}.item-limit-note{color:var(--text-muted);background:#1b2130;border:1px solid #3a4663;border-radius:6px;margin:0 0 8px;padding:6px 8px;font-size:12px;line-height:1.4}.item-slot.filled{border:1px solid var(--border-gold);background:#262118;font-size:1.1rem;overflow:hidden}.item-slot img{object-fit:cover;width:100%;height:100%;display:block}.item-slot.filled:hover:after{content:"";color:#ef4444;text-shadow:0 0 3px #000;font-family:codicon;font-size:14px;position:absolute;top:1px;right:2px}.item-filters{gap:6px;margin-bottom:8px;display:flex}.item-filter{white-space:nowrap;min-width:0;color:var(--text-muted);cursor:pointer;background:#1e2436;border:1px solid #313b54;border-radius:6px;flex:1;padding:6px 2px}.item-search{margin-bottom:8px}.metric-tabs{grid-template-columns:1fr 1.8fr 1fr;gap:4px;margin:8px 0 4px;display:grid}.metric-tab{white-space:nowrap;color:var(--text-muted);cursor:pointer;font:inherit;background:#1e2436;border:1px solid #313b54;border-radius:6px;padding:6px 2px;font-size:13px;font-weight:700}.metric-tab:hover{border-color:var(--border-gold)}.metric-tab.active,.item-filter.active{border-color:var(--border-gold);color:var(--border-gold);background:#392b10}.item-pool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:230px;padding:4px;display:grid;overflow:hidden auto}.item-chip-icon{border-radius:4px;place-items:center;width:30px;height:30px;font-size:1rem;display:grid;overflow:hidden}.item-chip-icon img{object-fit:cover;width:100%;height:100%;display:block}.item-chip-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;line-height:1.1;overflow:hidden}.item-chip{cursor:pointer;background:#1c2233;border:1px solid #2e3852;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:56px;padding:4px 2px;font-size:12px;transition:all .15s;display:flex}.item-chip:hover{border-color:var(--border-gold);background:#2a344d;transform:scale(1.05)}.modal-actions{gap:8px;margin-top:4px;display:flex}.btn-confirm{border:1px solid var(--border-gold);color:var(--border-gold);cursor:pointer;background:#392b10;border-radius:6px;flex:1;padding:8px;font-size:13px}.btn-confirm:hover{background:#4a3816}.avatar-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.avatar-option,.avatar-change{color:#e2e8f0;cursor:pointer;background:#1e2436;border:1px solid #313b54;border-radius:6px;padding:10px}.avatar-option:hover,.avatar-option.active,.avatar-change:hover{border-color:var(--border-gold);color:var(--border-gold)}.avatar-change[hidden]{display:none}.pair-option{text-align:left;align-items:center;gap:8px;display:flex}.pair-option img{object-fit:cover;border-radius:4px;width:28px;height:28px}.pair-empty{color:#94a3b8;margin:4px 0 0;font-size:13px}.pair-empty[hidden]{display:none}footer{border-top:1px solid var(--border-dim);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 20px;font-size:13px;display:flex}body{-webkit-tap-highlight-color:transparent}.mobile-tabs,.btn-sim-mobile,.team-toggle,.toast{display:none}.btn-remove{cursor:pointer;color:#fca5a5;background:#2d1922;border:1px solid #f87171;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.btn-remove:hover{color:#fff;background:#4a1f2b}.team-toggle button{color:var(--text-muted);font:inherit;cursor:pointer;background:#171c28;border:1px solid #2a3348;border-radius:4px;padding:8px 0;font-weight:700}.team-toggle button[data-team=a].active{border-color:var(--team-a);color:var(--team-a);background:#182236}.team-toggle button[data-team=b].active{border-color:var(--team-b);color:var(--team-b);background:#2a1a22}:root{--ui-zoom:1}@media (min-width:2200px){:root{--ui-zoom:1.2}}@media (min-width:2560px) and (min-height:1100px){:root{--ui-zoom:1.33}}@media (min-width:3200px) and (min-height:1500px){:root{--ui-zoom:1.67}}@media (min-width:3800px) and (min-height:1900px){:root{--ui-zoom:2}}@media (min-width:2200px){body{zoom:var(--ui-zoom);height:calc(100vh / var(--ui-zoom));min-height:0}}@media (max-width:1150px){header{grid-template-columns:1fr auto}}@media (max-width:1699px){.board-traits{width:190px}}@media (max-width:1279px){body{height:auto;min-height:100vh;overflow-y:auto}.main-layout{flex:none;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-board{grid-area:1/1/auto/-1}.panel-pool{grid-area:2/1;max-height:760px}.dashboard-panel{grid-area:2/2}.board-body{flex:none}.board-stage{aspect-ratio:1.15;flex:none;height:auto;max-height:78vh}.champ-pool-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:899px),(pointer:coarse){.board-traits-teams{border-right:0;border-bottom:1px solid var(--border-dim);flex:none;width:auto;height:auto;max-height:none}.board-traits-sections{position:static}.board-traits-team{flex:none}.board-traits-team .board-traits-head{display:none}.trait-summary{align-items:center;height:40px;display:flex;position:relative}.trait-summary-toggle{width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.trait-summary-toggle.team-b{color:var(--team-b)}.trait-summary-toggle.team-a{color:var(--team-a)}.trait-summary-icons{gap:4px;margin-left:120px;margin-right:30px;display:flex;position:relative;overflow-x:auto}.trait-summary-icon{color:var(--text-main);background:0 0;border:0;flex:none;align-items:center;padding:0;font-size:12px;display:flex}.board-traits-team .traits-list{display:none}.board-traits-team[data-expanded=true] .traits-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:40vh;display:grid;overflow-y:auto}.pool-hint{display:none}.team-toggle{grid-template-columns:1fr 1fr;gap:4px;display:grid}.board-hint{display:none}.champ-info{opacity:.9;width:28px;height:28px;font-size:15px}.item-slot,.modal-close{min-width:44px;min-height:44px}}@media (max-width:899px){body{height:100dvh;min-height:0;overflow:hidden}header{padding:8px 12px}.brand{gap:8px}.brand h1{letter-spacing:0;font-size:1rem}.badge,.panel-note{display:none}.main-layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:8px}.main-layout>.panel{grid-area:auto;max-height:none;display:none}body[data-tab=pool] .panel-pool,body[data-tab=board] .panel-board,body[data-tab=dash] .dashboard-panel{display:flex}.btn-sim-mobile{align-items:center;gap:6px;width:auto;padding:6px 14px;display:inline-flex}.board-body{flex-direction:column;flex:1;overflow-y:auto}.board-traits{border-right:0;border-bottom:1px solid var(--border-dim);flex:none;width:auto}.traits-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.board-container{flex:1 0 auto;min-height:420px;padding:6px}.level-bar{padding-right:0}.board-stage{aspect-ratio:auto;--hud-h:84px;flex:1;max-height:none}.star-badge,.unit-item{width:clamp(13px, calc(var(--hex-w) * .34), 20px);height:clamp(13px, calc(var(--hex-w) * .34), 20px)}.star-badge{font-size:clamp(8px, calc(var(--hex-w) * .2), 11px)}.unit-partner{width:clamp(14px, calc(var(--hex-w) * .38), 22px);height:clamp(14px, calc(var(--hex-w) * .38), 22px)}.unit-name{font-size:max(9px, calc(var(--hex-w) * .14))}.champ-pool-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.dashboard-body{padding:10px}.winrate-card,.metric-card,.badluck-card{padding:12px}.badluck-help{width:36px;height:36px}footer{padding:4px 12px;font-size:11px}footer span+span{display:none}.mobile-tabs{border-top:1px solid var(--border-gold);padding-bottom:env(safe-area-inset-bottom);background:#0d1017;flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.mobile-tabs button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0 7px;font-size:12px;font-weight:700;display:flex;position:relative}.mobile-tabs .codicon{font-size:20px}.mobile-tabs button.active{color:var(--border-gold)}.tab-dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:calc(50% + 10px)}.toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:1100;border:1px solid var(--border-gold);max-width:calc(100vw - 32px);color:var(--text-main);opacity:0;pointer-events:none;background:#1b2132;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:opacity .2s;display:block;position:fixed;transform:translate(-50%)}.toast.show{opacity:1}}@media (max-width:560px){.btn-label{display:none}.btn-outline{padding:8px 10px}#dpsList{grid-template-columns:minmax(0,1fr)}.sv-row{grid-template-columns:minmax(0,1fr) auto}.sv-label{grid-column:1/-1}.info-skill{flex-wrap:wrap}}