:root{color-scheme:dark;--bg:#0e111a;--panel:#181e2a;--line:#2b3242;--text:#e8edf8;--muted:#8f9ab0;--gold:#e6ba71}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,"Microsoft YaHei",sans-serif}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:55px;padding:0 max(28px,calc((100vw - 1280px)/2))}.brand{display:flex;align-items:center;gap:12px;color:var(--gold);text-decoration:none;font-size:30px;white-space:nowrap}.brand span{color:var(--text);font-size:24px;font-weight:800}.brand small{font-size:9px;color:var(--muted);max-width:60px;line-height:1.5;letter-spacing:2px}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;padding:26px 0}nav a.active{color:var(--gold);border-bottom:2px solid var(--gold)}.badge{margin-left:auto;font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:5px 12px;border-radius:20px}main{max-width:1280px;margin:auto;padding:0 28px}.hero{display:flex;align-items:center;justify-content:space-between;padding:62px 0 46px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold)}h1{font-size:44px;letter-spacing:-2px;line-height:1.3;margin:16px 0}h1 em{font-style:normal;color:var(--gold)}p{color:var(--muted)}.hero-mark{width:220px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:90px;color:var(--gold);background:radial-gradient(ellipse,#e6ba7118,transparent 65%)}.hero-mark span{font-size:9px;letter-spacing:3px;color:var(--muted)}h2{font-size:21px;margin:0}h2 span{font-size:13px;color:var(--muted);font-weight:normal;margin-left:8px}.toolbar{display:flex;justify-content:space-between;align-items:center}.toolbar p{font-size:12px;margin:5px 0 20px}.actions{display:flex;gap:8px;justify-content:flex-end}button,input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:9px 13px}button{cursor:pointer}button:hover{border-color:var(--gold)}button.primary{background:var(--gold);color:#17171a;border-color:var(--gold);font-weight:700}.filters{display:flex;gap:18px;align-items:center;background:#131925;padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.filters input{width:300px}.chips{display:flex;gap:5px;flex:1}.chips button{background:none;border-color:transparent;white-space:nowrap;color:var(--muted)}.chips .selected{background:#e6ba7115;color:var(--gold);border-color:#e6ba7140}.table-head,.comp{display:grid;grid-template-columns:2.4fr 2fr 1.3fr .6fr;gap:20px;align-items:center}.table-head{padding:0 22px 12px;font-size:11px;color:var(--muted)}.comp{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:24px 22px;margin-bottom:12px;transition:border-color .2s}.comp:hover{border-color:#59627a}.identity{display:flex;align-items:flex-start;gap:15px}.tier{background:#e6ba7120;color:var(--gold);border:1px solid #e6ba7140;min-width:42px;height:46px;text-align:center;line-height:44px;font-size:24px;font-weight:800;border-radius:7px}.comp h3{margin:0 0 3px;font-size:17px}.version{font-size:11px;color:var(--muted)}.comp p{font-size:12px;margin:8px 0 0}.units{display:flex;gap:6px;flex-wrap:wrap}.unit{width:42px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#344258,#1f283a);border:1px solid #647496;border-bottom:3px solid #9b8acc;border-radius:6px;text-align:center;font-size:11px;overflow:hidden}.traits{margin-top:10px;font-size:11px;color:var(--muted)}.equipment{font-size:12px;color:#bfc8d9;white-space:pre-line}.row-actions{display:flex;gap:5px;flex-direction:column}.row-actions button{padding:5px 8px;font-size:12px}.star{color:var(--gold)}.notes{margin:65px 0 45px;padding-top:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.notes h2{margin-top:12px}.notes p{font-size:12px}.notes b{font-size:12px;color:var(--gold)}footer{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{background:#131925;color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(880px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#03060dcc;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-top button{background:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.wide{grid-column:1/-1}textarea{min-height:75px;resize:vertical}.hint{font-size:12px}.guide-section{background:var(--panel);padding:18px;border-radius:8px;margin:16px 0}.guide-section p{white-space:pre-wrap;margin-bottom:0;color:#bfc8d9}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:15px 0}.cell{height:58px;background:#232d3c;border-color:#38435b;font-size:11px;padding:4px}.cell.occupied{background:#584c35;color:#f6dba9;border-color:#a18450}.cell.picked{outline:2px solid var(--gold)}#error{color:#ff9f9f}#empty{padding:50px;text-align:center}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:950px){header{gap:20px}.badge{display:none}.filters{flex-wrap:wrap}.chips{flex-wrap:wrap}.comp,.table-head{grid-template-columns:2fr 1.5fr .6fr}.equipment,.table-head span:nth-child(3){display:none}.notes{grid-template-columns:1fr 1fr}.hero-mark{display:none}}@media(max-width:600px){header{padding:0 18px;height:68px}.brand small{display:none}nav{gap:16px;font-size:12px}main{padding:0 16px}.hero{padding:36px 0}h1{font-size:32px}.toolbar{align-items:flex-start;flex-direction:column;gap:10px}.toolbar .actions{margin-bottom:15px}.filters{gap:10px;padding:12px}.filters input{width:100%}.chips button{padding:6px 8px}.table-head{display:none}.comp{grid-template-columns:1fr auto;padding:18px;gap:15px}.comp>.core{grid-column:1/-1;grid-row:2}.row-actions{grid-column:2;grid-row:1}.notes{grid-template-columns:1fr;gap:12px;margin-top:40px}footer{flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}dialog{padding:18px}.cell{height:44px;font-size:10px}}

.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:114px;margin:0 0 32px;padding:20px 40px;border:1px dashed #3a4357;border-radius:10px;background:linear-gradient(110deg,#181e2a,#141a25);text-align:center}.ad-label{position:absolute;left:12px;top:10px;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 5px}#ad-banner{width:100%;max-width:970px;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}#ad-banner strong{font-size:14px;font-weight:500;color:#aab4c7}#ad-banner span{font-size:11px;color:var(--muted)}#ad-banner img{display:block;max-width:100%;height:auto}#ad-banner a{display:block;max-width:100%}@media(max-width:600px){.ad-slot{min-height:110px;padding:24px 12px 12px;margin-bottom:24px}#ad-banner{min-height:70px;max-width:320px}}


.season-bar{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:10px;margin-bottom:25px;background:#151c28}.season-bar h2{margin-top:4px}.season-bar select{min-width:240px}.season-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.season-row small{color:var(--muted)}.comp,.table-head{grid-template-columns:2fr 2.4fr 1.6fr .65fr}.hero-unit{width:46px;display:inline-flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.hero-unit img{width:44px;height:44px;object-fit:cover;border:2px solid #aa8ed1;border-radius:4px}.hero-name{font-size:10px;max-width:48px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metrics{display:flex;justify-content:space-between;gap:12px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:18px;color:#d5dd70}.metrics span{font-size:10px;color:var(--muted)}.data-source{font-size:10px!important;color:var(--muted);margin:6px 0!important}.bars{display:flex;gap:12px;align-items:flex-end;height:160px;border-bottom:1px solid var(--line)}.bar-col{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.bar{width:100%;max-width:65px;background:#626b89;border-radius:4px 4px 0 0;min-height:2px}.bar.top4{background:#c3b06b}.distribution{max-width:600px;margin:20px auto}.board{gap:2px;padding-right:22px;max-width:600px;margin:20px auto}.cell{height:72px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:0;background:#30394a;border-radius:0;margin-top:-8px}.cell:nth-child(14n+8),.cell:nth-child(14n+9),.cell:nth-child(14n+10),.cell:nth-child(14n+11),.cell:nth-child(14n+12),.cell:nth-child(14n+13),.cell:nth-child(14n+14){transform:translateX(50%)}.cell .hero-unit{width:100%;height:100%;position:relative;gap:0}.cell .hero-unit img{width:100%;height:100%;border:0;border-radius:0}.cell .hero-name{position:absolute;bottom:12px;max-width:100%;background:#000b;color:white;width:100%;font-size:10px}.cell .unit{width:100%;height:100%}.cell.picked{background:var(--gold);filter:brightness(1.35)}@media(max-width:950px){.comp,.table-head{grid-template-columns:2fr 2fr .6fr}.season-bar{flex-wrap:wrap}}@media(max-width:600px){.comp{grid-template-columns:1fr auto}.comp>.equipment{display:block;grid-column:1/-1}.season-bar select{min-width:0;flex:1}.season-bar .hint{width:100%;margin:0}.cell{height:48px}.cell .hero-name{bottom:7px;font-size:8px}.hero-unit{width:40px}.hero-unit img{width:38px;height:38px}.bars{gap:7px}.bar-col{font-size:9px}.metrics{justify-content:flex-start;gap:25px}}

.db-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.db-card{display:flex;gap:16px;align-items:center;background:var(--panel);padding:16px;margin:10px 0;border-radius:8px}.db-card>div{flex:1;min-width:0}.db-card h3{margin:0;font-size:16px}.db-card p{margin:4px 0;font-size:12px}.db-card small{color:var(--muted);font-size:10px}.db-controls .selected{color:var(--gold);border-color:var(--gold)}.synergy{display:inline-block;padding:3px 7px;margin:3px;background:#242c3b;border-radius:4px;font-size:11px;color:var(--muted)}.synergy.enabled{color:#e2c785;background:#e6ba7115;border:1px solid #e6ba7140}#hero-picker{width:100%}#db-error{color:#ff9f9f}.hero-fields[hidden],.trait-fields[hidden]{display:none}header nav button{font-size:12px;padding:6px 10px}#db-edit-dialog{z-index:2}@media(max-width:600px){header{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 18px;gap:10px}header nav{flex-wrap:wrap;align-items:center}nav a{padding:6px}.db-card{gap:10px;flex-wrap:wrap}.db-card button{margin-left:auto}.db-controls input,.db-controls select{width:100%}}

#units-page{padding:28px 0;margin-top:40px;border-top:1px solid var(--line)}.unit-table-scroll{overflow-x:auto}.unit-table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}.unit-table th{color:var(--muted);font-size:11px;padding:14px;background:#131925;white-space:nowrap}.unit-table td{padding:14px;border-bottom:1px solid var(--line);font-size:12px}.unit-table tbody tr:hover{background:#1a2130}.unit-link{border:0;background:none;display:flex;align-items:center;gap:12px;padding:0;text-align:left;min-width:150px}.unit-link .hero-name{display:none}.unit-link small{display:block;color:var(--gold)}.unit-detail-title{display:flex;align-items:center;gap:18px}.unit-detail-title .hero-unit{width:70px}.unit-detail-title img{width:70px;height:70px}.unit-metrics{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}.unit-metrics div{display:flex;flex-direction:column}.unit-metrics strong{color:var(--gold);font-size:23px}.unit-metrics span{font-size:11px;color:var(--muted)}.unit-attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.unit-attributes div{display:flex;justify-content:space-between;gap:8px}.unit-attributes span{color:var(--muted);font-size:12px}fieldset{border:1px solid var(--line);border-radius:8px}legend{color:var(--gold);font-size:12px}@media(max-width:600px){.unit-attributes{grid-template-columns:1fr 1fr}.unit-metrics{gap:16px}.unit-table td{padding:10px}}

.own-services{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:35px 30px 24px;border-style:solid;text-align:left}.service-card{position:relative;padding-right:150px}.service-card+ .service-card{border-left:1px solid var(--line);padding-left:24px}.service-card h3{margin:8px 0 4px;font-size:21px}.service-card p{font-size:12px;margin:0}.service-card button{position:absolute;right:0;top:35px}.contact-id{user-select:all;color:var(--gold);font-size:22px;overflow-wrap:anywhere}@media(max-width:650px){.own-services{grid-template-columns:1fr;padding:35px 18px 20px;gap:18px}.service-card{padding-right:130px}.service-card+ .service-card{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}.service-card+ .service-card button{top:53px}}