:root{--bg: #0a0e16;--bg-2: #0e1420;--panel: #121a28;--panel-2: #172133;--line: #243149;--line-2: #31405c;--text: #e8edf6;--muted: #8d97ab;--gold: #e6b54a;--gold-2: #f6d27a;--accent: #4fb3c9;--danger: #e25c5c;--ok: #3ccf8e;--radius: 10px;--hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#16223a 0%,transparent 60%),var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:700}h1,.section-title,.brand{font-family:Cinzel,Georgia,serif;letter-spacing:.02em}a{color:inherit}button{font:inherit;color:inherit}img{display:block}code{background:var(--panel-2);padding:1px 6px;border-radius:4px}.muted{color:var(--muted)}.small{font-size:12px}.grow{flex:1 1 auto}.hidden{display:none!important}.warn{color:#ff8a70!important}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:10px 20px;background:#0a0e16d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:20px;text-decoration:none}.brand b{color:var(--gold)}.brand-hex{color:var(--gold);font-size:24px;line-height:1}.topnav{display:flex;gap:10px;align-items:center}.topnav a{text-decoration:none;color:var(--muted);padding:4px 8px;border-radius:6px}.topnav a.on,.topnav a:hover{color:var(--text);background:var(--panel-2)}.set-badge{font-size:12px;color:var(--gold-2);border:1px solid #5a4a22;background:#211a0c;padding:4px 10px;border-radius:999px;white-space:nowrap}.main{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:18px 20px 40px}.footer{text-align:center;padding:18px;border-top:1px solid var(--line)}.panel{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel-lite{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#f0c865,#c9952b);color:#1c1405;border-color:#f0c865;font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.danger{color:#ff9a9a}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.btn.sm{padding:4px 9px;font-size:12px}.btn.block{width:100%;justify-content:center}.icon-btn{background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 7px;cursor:pointer;color:var(--muted)}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-2)}.icon-btn:disabled{opacity:.3}.icon-btn.danger:hover{color:var(--danger)}.link{background:none;border:0;color:var(--accent);cursor:pointer;padding:0 4px;text-decoration:underline}.input,.textarea{background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:7px 10px;color:var(--text);font:inherit;min-width:0}.input:focus,.textarea:focus,.comp-name:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e6b54a26}.input.sm{padding:4px 8px;font-size:12px}.select{cursor:pointer}.textarea{width:100%;resize:vertical;line-height:1.5}.search{flex:1 1 200px}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:2px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:5px 10px;border-radius:6px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.seg-sm button{padding:3px 8px;font-size:12px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:999px;padding:3px 10px 3px 4px;cursor:pointer;font-size:12px}.chip:hover{border-color:var(--gold)}.pill{display:inline-flex;align-items:center;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2)}.pill.ghost{background:transparent;color:var(--muted)}.check{display:flex;gap:8px;align-items:center;cursor:pointer;margin-top:8px}.lbl{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.hint{font-size:12px;color:var(--muted);margin:8px 0 0}.empty-note{color:var(--muted);border:1px dashed var(--line-2);border-radius:8px;padding:14px;margin:0 0 12px}.splash{min-height:60vh;display:grid;place-content:center;text-align:center;gap:12px}.spinner{width:42px;height:48px;margin:0 auto;background:var(--gold);clip-path:var(--hex);animation:spin 1.1s ease-in-out infinite}@keyframes spin{50%{transform:rotate(180deg) scale(.8);opacity:.5}to{transform:rotate(360deg)}}.tip-anchor{display:inline-flex}.tooltip{position:fixed;z-index:1000;max-width:360px;background:#0d1320f5;border:1px solid var(--line-2);border-radius:10px;padding:12px;box-shadow:0 12px 40px #0000008c;pointer-events:none;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:500;background:#03060cb3;display:grid;place-items:center;padding:16px}.modal{width:min(560px,100%);max-height:min(84vh,900px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 30px 80px #0009}.modal-wide{width:min(920px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.modal-body{padding:14px 16px;overflow:auto}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:#1b2538;border:1px solid var(--gold);color:var(--text);padding:8px 16px;border-radius:999px;box-shadow:0 8px 24px #00000080;animation:toast-in .2s ease-out}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}}.rich{color:#c9d1df;line-height:1.5}.d-magic{color:#6fb8ff}.d-phys{color:#ff9d5c}.d-true{color:#fff;font-weight:600}.d-bonus{color:#9fe870}.d-key{color:var(--gold-2);font-weight:600}.d-rules{color:var(--muted);font-style:italic}.d-shield{color:#d8dce4}.d-heal{color:#62d98a}.clamp-2,.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.img-fallback{display:grid;place-items:center;background:#1d2638;color:var(--muted);font-size:11px;text-transform:uppercase;width:100%;height:100%}.tt-champ,.tt-item-card,.tt-aug,.tt-trait-card{display:flex;flex-direction:column;gap:8px}.tt-champ-head{display:flex;gap:10px;align-items:flex-start}.tt-champ-img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:2px solid var(--line-2)}.tt-title{font-weight:700;font-size:15px}.tt-sub{display:flex;gap:8px;align-items:center;font-size:12px;margin:2px 0 4px}.cost-pill{font-size:11px;font-weight:700;color:#111;padding:0 7px;border-radius:999px}.stars-inline{color:var(--gold);font-size:12px}.tt-traits{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.tt-trait{display:inline-flex;gap:4px;align-items:center}.trait-ico-sm{width:16px;height:16px;opacity:.9}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stat{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 6px;display:flex;flex-direction:column}.stat-k{font-size:10px;color:var(--muted);text-transform:uppercase}.stat-v{font-weight:600;font-size:13px}.tt-ability{border-top:1px solid var(--line);padding-top:8px;font-size:12.5px}.tt-ability-name{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--gold-2);margin-bottom:4px}.ability-ico{width:22px;height:22px;border-radius:4px}.tt-items{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--line);padding-top:6px;font-size:12px}.tt-item{display:flex;align-items:center;gap:6px}.tt-row{display:flex;gap:10px;align-items:center}.item-ico-xs{width:20px;height:20px;border-radius:4px}.item-ico-md{width:40px;height:40px;border-radius:6px;border:1px solid var(--line-2)}.aug-ico-md{width:44px;height:44px}.item-stats{color:#9fe870;font-size:12px}.recipe{display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:6px}.recipe-part{display:inline-flex;gap:5px;align-items:center}.bp-row{display:flex;gap:4px}.bp{font-size:12px;padding:1px 7px;border-radius:4px;background:var(--bg);border:1px solid var(--line-2);color:var(--muted)}.bp.bp-on{background:var(--gold);color:#1b1303;border-color:var(--gold);font-weight:700}.trait-champs{display:flex;flex-wrap:wrap;gap:4px}.mini-champ{width:30px;height:30px;border-radius:5px;border:2px solid;object-fit:cover;opacity:.45;filter:grayscale(.7)}.mini-champ.is-on{opacity:1;filter:none}.trait-hex{display:inline-grid;place-items:center;clip-path:var(--hex);flex:0 0 auto}.trait-hex-img{width:68%;height:auto;opacity:.95}.item-ico{display:inline-block;border-radius:6px;overflow:hidden;border:1px solid #3a4763;background:#0b0f17;cursor:default;flex:0 0 auto}.item-ico[draggable=true]{cursor:grab}.item-ico img,.item-ico .img-fallback{width:100%;height:100%;object-fit:cover}.item-ico.missing{border-style:dashed}.champ-ico{display:inline-flex;flex-direction:column;align-items:center;position:relative;gap:2px}.champ-ico-frame{position:relative;border:2px solid;border-radius:8px;overflow:hidden;display:block;background:#0b0f17}.champ-ico-frame img{width:100%;height:100%;object-fit:cover}.champ-ico-stars{position:absolute;top:-9px;z-index:2;font-size:10px;letter-spacing:-1px;text-shadow:0 1px 2px #000,0 0 3px #000}.s2{color:#dfe7f1}.s3{color:#ffd35a}.carry-badge{position:absolute;top:0;right:0;font-size:11px;line-height:1;padding:2px 3px;background:#000000b3;color:var(--gold);border-bottom-left-radius:5px}.champ-ico-items{display:flex;gap:1px;margin-top:-8px;z-index:2}.champ-ico-item{width:14px;height:14px;border-radius:3px;overflow:hidden;border:1px solid #000}.champ-ico-item img{width:100%;height:100%}.champ-ico-name{font-size:11px;color:var(--muted);max-width:72px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aug-ico{display:inline-block;flex:0 0 auto;border-radius:10px;padding:3px;background:#1a2233;border:1px solid var(--line-2)}.aug-ico img{width:100%;height:100%}.aug-ico.tier-1{border-color:#8fa3b3;background:radial-gradient(#34414f,#151c26)}.aug-ico.tier-2{border-color:#d7a743;background:radial-gradient(#4a3a18,#19140a)}.aug-ico.tier-3{border-color:#c89bff;background:radial-gradient(#3d2656,#150c20)}.board{position:relative;margin:0 auto;-webkit-user-select:none;user-select:none}.hex-cell{position:absolute;cursor:pointer;transition:transform .12s,filter .12s}.board.is-readonly .hex-cell{cursor:default}.hex{width:100%;height:100%;clip-path:var(--hex)}.hex-outer{background:#26324a;padding:3px;transition:background .12s}.hex-inner{background:radial-gradient(circle at 50% 35%,#1b2539,#111827 70%);position:relative;overflow:hidden}.hex-cell:not(.is-sel):hover .hex-outer{filter:brightness(1.25)}.board.is-readonly .hex-cell:hover .hex-outer{filter:none}.hex-cell.is-over .hex-outer{background:var(--gold)!important}.hex-cell.is-over{transform:scale(1.06)}.hex-cell.is-sel{filter:drop-shadow(0 0 7px var(--gold)) drop-shadow(0 0 2px var(--gold));z-index:3}.hex-cell.is-armed .hex-outer{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.6)}}.hex-tip{display:block!important;width:100%;height:100%}.hex-unit{width:100%;height:100%;position:relative;cursor:grab}.board.is-readonly .hex-unit{cursor:default}.hex-img{width:100%;height:100%;object-fit:cover}.hex-name{position:absolute;left:0;right:0;bottom:17%;text-align:center;font-size:10px;font-weight:600;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 14%;pointer-events:none}.board.is-compact .hex-name{display:none}.hex-stars{position:absolute;top:-8px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:-1px;text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none;z-index:2}.hex-carry{position:absolute;top:16%;right:2%;color:var(--gold);font-size:13px;background:#000a;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;pointer-events:none;z-index:2}.hex-items{position:absolute;left:0;right:0;bottom:-6%;display:flex;justify-content:center;gap:2px;pointer-events:none;z-index:2}.hex-item{width:26%;aspect-ratio:1;border-radius:4px;overflow:hidden;border:1px solid #000;box-shadow:0 1px 3px #000}.hex-item img{width:100%;height:100%}.library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.library-head h1{font-size:28px}.library-actions{display:flex;gap:8px;flex-wrap:wrap}.library-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.comp-card{display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color .15s,transform .15s}.comp-card:hover{border-color:#4d5d80;transform:translateY(-2px)}.comp-card-head{display:flex;gap:10px;align-items:center}.comp-card-head h3{font-size:16px}.tier-badge,.guide-tier{display:grid;place-items:center;width:36px;height:40px;clip-path:var(--hex);color:#151515;font-weight:800;font-size:17px;flex:0 0 auto}.comp-card-traits{display:flex;gap:6px;flex-wrap:wrap;min-height:24px}.trait-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 8px 1px 3px}.comp-card-units{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;min-height:60px;align-items:flex-start}.comp-card-foot{display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:10px;cursor:default}.empty-state{text-align:center;padding:40px;display:flex;flex-direction:column;gap:10px;align-items:center}.editor{display:flex;flex-direction:column;gap:14px}.comp-header{display:flex;flex-direction:column;gap:10px}.comp-header-main{display:flex;gap:12px;align-items:center}.tier-select{appearance:none;width:44px;height:50px;clip-path:var(--hex);border:0;text-align:center;text-align-last:center;font-weight:800;font-size:20px;color:#151515;cursor:pointer}.tier-select option{background:var(--panel);color:var(--text)}.comp-name{flex:1;font:700 24px Cinzel,Georgia,serif;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);padding:4px 8px;min-width:0}.comp-name:hover{border-color:var(--line)}.comp-header-meta{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.comp-header-meta label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.comp-header-meta label.grow{min-width:180px}.comp-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.editor-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 330px;gap:14px;align-items:start}.traits-col,.insp-col{position:sticky;top:70px;max-height:calc(100vh - 90px);overflow:auto}.board-col{display:flex;flex-direction:column;gap:10px;min-width:0}.board-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-toolbar label{display:flex;align-items:center;gap:6px;color:var(--muted)}.stage{width:64px;text-align:center}.count-pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2)}.count-pill.ok{border-color:var(--ok);color:var(--ok)}.count-pill.warn{border-color:#ff8a70}.final-pill{font-size:12px;color:var(--gold);border:1px solid #5a4a22;background:#211a0c;padding:3px 10px;border-radius:999px;white-space:nowrap}.board-wrap{position:relative;padding:26px 8px 22px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 60%,rgba(79,179,201,.08),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 12px,transparent 12px 24px),#0c121d;overflow:hidden}.board-label{position:absolute;left:0;right:0;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#5a6886}.board-label.top{top:6px}.board-label.bottom{bottom:4px}.armed-hint{position:absolute;top:6px;left:50%;transform:translate(-50%);background:#211a0c;border:1px solid var(--gold);border-radius:999px;padding:2px 12px;font-size:12px;z-index:5;white-space:nowrap}.levelbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.lvl-tab{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 2px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;position:relative;min-width:0}.lvl-tab:hover{border-color:var(--line-2)}.lvl-tab.on{border-color:var(--gold);background:linear-gradient(180deg,#2a2210,#161209)}.lvl-tab.empty{opacity:.6}.lvl-tab.final:after{content:"★";position:absolute;top:2px;right:6px;color:var(--gold);font-size:11px}.lvl-n{font-weight:700;font-size:13px}.lvl-count{font-size:11px;color:var(--muted)}.lvl-stage{font-size:10px;color:#6d7890}.odds-strip{display:flex;height:16px;width:190px;border-radius:4px;overflow:hidden;border:1px solid var(--line-2)}.odds-strip span{font-size:9px;font-weight:700;color:#0c0c0c;display:grid;place-items:center;overflow:hidden}.traits{display:flex;flex-direction:column;gap:5px}.traits .tip-anchor{display:block}.trait-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;background:var(--bg);border:1px solid var(--line)}.trait-row.is-off{opacity:.55;background:transparent}.trait-count{font-weight:800;font-size:15px;min-width:14px;text-align:center}.trait-body{display:flex;flex-direction:column;min-width:0}.trait-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trait-bps{font-size:11px;color:#5d6882;display:flex;gap:4px}.bp-past{color:var(--muted)}.bp-cur{color:var(--gold);font-weight:700}.traits-sep{height:1px;background:var(--line);margin:4px 0}.inspector{display:flex;flex-direction:column;gap:12px}.inspector h4{font-size:16px}.insp-splash{height:110px;border-radius:8px;overflow:hidden;border-bottom:3px solid;margin:-4px -4px 0}.insp-splash img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.insp-section{border-top:1px solid var(--line);padding-top:10px}.slots{display:flex;gap:8px}.slot{width:48px;height:48px;border-radius:8px;border:1px dashed var(--line-2);background:var(--bg);display:grid;place-items:center;color:var(--muted);font-size:20px;cursor:pointer}.slot:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.slot.filled{border:0;background:none;width:auto;height:auto}.slot.filled .item-ico{cursor:pointer}.slot.sm{width:38px;height:38px;font-size:16px}.insp-builds{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:10px}.kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px dashed var(--line);padding:4px 0}.help{font-size:12px;color:var(--muted);background:var(--bg);border-radius:8px;padding:8px 12px}.help p{margin:0 0 4px;color:var(--text)}.help ul{margin:0;padding-left:18px}.odds{display:flex;gap:8px;justify-content:space-between}.odds-col{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.odds-bar{width:100%;height:70px;background:var(--bg);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--line)}.odds-fill{width:100%;border-radius:4px 4px 0 0;transition:height .3s}.odds-pct{font-size:12px;font-weight:700}.odds-cost{font-size:11px}.pool{display:flex;flex-direction:column;gap:10px;position:relative}.pool.is-drop{border-color:var(--danger);box-shadow:inset 0 0 0 2px #e25c5c59}.pool-drop-hint{position:absolute;inset:0;display:grid;place-items:center;background:#280a0abf;border-radius:var(--radius);font-weight:600;z-index:4;pointer-events:none}.pool-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cost-filter{display:flex;gap:4px}.cost-btn{width:30px;height:30px;border-radius:8px;border:2px solid var(--c);background:transparent;font-weight:700;cursor:pointer;color:var(--c)}.cost-btn.on{background:var(--c);color:#111}.pool-trait-hint{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.pool-grid .tip-anchor{display:block}.pool-champ{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:2px solid var(--c);overflow:hidden;padding:0;background:#0b0f17;cursor:grab;transition:transform .1s}.pool-champ:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000080,0 0 0 1px var(--c)}.pool-champ img{width:100%;height:100%;object-fit:cover}.pool-champ.is-used:before{content:"✓";position:absolute;top:2px;left:4px;color:var(--ok);font-weight:800;text-shadow:0 0 3px #000;z-index:1}.pool-champ.is-armed{outline:3px solid var(--gold);outline-offset:-3px}.pool-cost{position:absolute;top:0;right:0;background:var(--c);color:#111;font-size:10px;font-weight:800;padding:0 5px;border-bottom-left-radius:6px}.pool-name{position:absolute;left:0;right:0;bottom:0;font-size:10.5px;font-weight:600;padding:10px 2px 2px;background:linear-gradient(transparent,#000000d9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.pool-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pool-item-name{font-size:11px;color:var(--muted);line-height:1.2}.tabs{padding:0}.tab-nav{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:6px 8px 0;overflow-x:auto}.tab-nav button{border:0;background:transparent;padding:10px 14px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:6px;align-items:center;font-weight:600}.tab-nav button.on{color:var(--text);border-bottom-color:var(--gold)}.tab-count{font-size:11px;background:var(--panel-2);border-radius:999px;padding:0 7px;color:var(--gold-2)}.tab-body{padding:16px}.tab-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.builds{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:16px}.build-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.build-head{display:flex;align-items:center;gap:10px}.build-title{flex:1}.variant{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;border:1px solid var(--line)}.variant.is-bis{border-color:#5a4a22;background:#1a150b}.variant-label{flex:1;font-size:12px;padding:4px 8px}.variant-items{display:flex;gap:4px}.variant-items .item-ico{cursor:pointer}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.priority{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.priority li{display:flex;align-items:center;gap:8px}.prio-n{width:20px;text-align:center;color:var(--gold);font-weight:700}.components{display:flex;flex-wrap:wrap;gap:10px}.component{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 10px 4px 4px}.build-summary{display:flex;flex-direction:column;gap:10px}.bs-row{display:flex;gap:12px;align-items:flex-start}.bs-variants{display:flex;flex-direction:column;gap:4px;flex:1}.bs-variant{display:flex;align-items:center;gap:8px;opacity:.8}.bs-variant.is-bis{opacity:1}.bs-variant.is-bis .small{color:var(--gold-2);font-weight:600}.bs-items{display:flex;gap:3px}.aug-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.aug-group{display:flex;flex-direction:column;gap:8px}.aug-pick{display:flex;gap:10px;padding:10px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line)}.aug-pick.tier-2{border-color:#4a3c1b}.aug-pick.tier-3{border-color:#45305e}.aug-pick-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.aug-pick-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.aug-pick-head .select{margin-left:auto}.aug-list{display:flex;flex-direction:column;gap:6px}.aug-list .tip-anchor{display:block}.aug-option{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer}.aug-option:hover{border-color:var(--gold)}.aug-option .aug-ico{width:42px;height:42px}.aug-option-body{display:flex;flex-direction:column;min-width:0}.aug-option-name{font-weight:600}.aug-summary{display:flex;flex-direction:column;gap:10px}.aug-sum{display:flex;gap:10px;align-items:flex-start}.prio{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:4px;margin-left:4px}.prio-core{background:#3b2e0e;color:var(--gold-2)}.prio-good{background:#10303a;color:#7fd6e8}.prio-situational{background:#262d3b;color:var(--muted)}.note{margin-top:3px}.picker-head{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;position:sticky;top:-14px;background:var(--panel);padding:4px 0 8px;z-index:2}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.picker-grid .tip-anchor{display:block}.picker-cell{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:8px 4px;cursor:pointer;font-size:11px;text-align:center;line-height:1.2}.picker-cell:hover{border-color:var(--gold)}.champ-sq{width:48px;height:48px;border-radius:8px;border:2px solid;object-fit:cover}.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.span-2{grid-column:span 2}.subs{display:flex;flex-direction:column;gap:8px}.sub-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sub-champ{background:none;border:0;padding:0;cursor:pointer}.sub-arrow{color:var(--gold);font-size:18px}.levels-plan{display:flex;flex-direction:column;gap:10px}.level-row{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line)}.level-row.is-final{border-color:#5a4a22;background:linear-gradient(90deg,#1a150b,var(--bg-2))}.level-row.is-empty{opacity:.8}.level-side{display:flex;flex-direction:column;gap:6px}.level-side label{display:flex;gap:6px;align-items:center}.level-side .odds-strip{width:100%}.level-badge{font:700 16px Cinzel,Georgia,serif;color:var(--gold-2)}.level-main{display:flex;flex-direction:column;gap:8px;min-width:0}.level-units{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;min-height:50px;align-items:flex-start}.level-actions{display:flex;flex-direction:column;gap:6px}.guide{display:flex;flex-direction:column;gap:14px}.guide-hero{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.guide-hero h1{font-size:30px;margin-bottom:8px}.guide-tier{width:58px;height:66px;font-size:28px}.guide-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.guide-carries{display:flex;gap:10px;align-items:center;margin-top:12px}.guide-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-summary p{margin:0;font-size:15px;white-space:pre-wrap}.guide-board{display:flex;flex-direction:column;gap:12px}.guide-board-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}.guide-board-main{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 6px;border-radius:12px;background:#0c121d;border:1px solid var(--line);overflow-x:auto}.guide-level-info{display:flex;gap:10px;align-items:center}.guide-note{margin:0;padding:0 16px 8px;color:#c9d1df;white-space:pre-wrap;text-align:center}.guide-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-title{font-size:18px;margin-bottom:12px;color:var(--gold-2)}.sub-title{font-size:14px;margin:14px 0 6px}.prio-inline{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.prio-inline-item{display:inline-flex;align-items:center;gap:4px}.guide-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.guide-level{text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.guide-level.on{border-color:var(--gold)}.guide-level p{margin:0;white-space:pre-wrap;color:#c9d1df}.guide-level-head{display:flex;gap:8px;align-items:center}.guide-level-units{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px}.guide-strategy{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px 20px}.guide-strat p{margin:0;white-space:pre-wrap;color:#c9d1df}.user-btn{padding:3px 10px 3px 3px;border-radius:999px}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#b77d1c);color:#1c1405;font-weight:800;font-size:12px}.user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.auth{display:flex;flex-direction:column;gap:10px}.auth p{margin:0}.auth .row{display:flex;gap:8px}.auth-form{display:flex;flex-direction:column;gap:8px}.oauth{display:flex;flex-direction:column;gap:6px}.oauth-discord{background:#5865f2;border-color:#5865f2;color:#fff;font-weight:600}.oauth-google{background:#fff;border-color:#fff;color:#1f1f1f;font-weight:600}.auth-sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.auth-sep:before,.auth-sep:after{content:"";flex:1;height:1px;background:var(--line)}.auth-msg{font-size:13px;padding:8px 10px;border-radius:8px}.auth-msg.ok{background:#0f2a1f;color:#7fe3b0}.auth-msg.err{background:#2d1212;color:#ff9a9a}.auth-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;border-radius:var(--radius);border:1px solid #5a4a22;background:linear-gradient(90deg,#211a0c,var(--bg-2))}.lib-section{margin-bottom:26px}.lib-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.lib-title{font-size:17px;margin-bottom:12px}.lib-title-row .lib-title{margin:0}.small-splash{min-height:120px}.vis-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap}.vis-badge.pub,.vis-toggle.pub{border-color:#1f6e57;color:#7fe3b0;background:#0f2a1f}.save-ind{align-self:center;font-size:12px;color:var(--muted);white-space:nowrap}.save-ind.saved{color:var(--ok)}.save-ind.error{color:var(--danger)}.like-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-2);background:var(--bg);border-radius:999px;padding:3px 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);transition:border-color .15s,color .15s,transform .1s}.like-btn.md{padding:7px 14px;font-size:14px}.like-btn:hover:not(:disabled){border-color:#e0607e;color:#ff8fa8}.like-btn:active{transform:scale(.94)}.like-btn.on{color:#ff6b8b;border-color:#7a2f41;background:#2a1219}.like-heart{font-size:1.15em;line-height:1}.load-more{display:flex;justify-content:center;margin-top:18px}@media(max-width:1240px){.editor-grid{grid-template-columns:220px minmax(0,1fr)}.insp-col{grid-column:1 / -1;position:static;max-height:none}}@media(max-width:820px){.main{padding:12px 10px 30px}.topbar{padding:8px 12px;gap:10px}.set-badge,.user-name{display:none}.editor-grid,.guide-board-grid,.guide-cols,.two-col,.strategy-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.traits-col{position:static;max-height:none}.levelbar{grid-template-columns:repeat(4,1fr)}.level-row{grid-template-columns:1fr}.level-actions{flex-direction:row;flex-wrap:wrap}.comp-name{font-size:19px}.comp-actions{margin-left:0}.odds-strip{width:140px}.builds{grid-template-columns:1fr}}@media print{.topbar,.footer,.guide-actions{display:none}body{background:#0a0e16}}