:root{color-scheme:dark;--bg:#111613;--panel:#19201c;--line:#324138;--text:#499c6c;--muted:#9eb5a8;--accent:#499c6c}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 70% -20%,#2e6143 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.topbar{position:relative;z-index:5;height:52px;display:flex;align-items:center;gap:13px;padding:0 22px;background:#0c100e;border-bottom:1px solid #27332c}.site-mark,.rail-logo{display:grid;place-items:center;background:linear-gradient(145deg,#499c6c,#499c6c);color:#121815;font-weight:900}.site-mark{width:30px;height:30px;border-radius:8px}.site-name{font-size:13px;font-weight:800;letter-spacing:.16em}.top-search{width:min(350px,32vw);height:30px;margin-left:22px;border:1px solid #324239;border-radius:7px;background:#171d19}.top-search span{display:block;width:44%;height:6px;margin:11px 13px;border-radius:8px;background:#42564a}.top-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.top-actions i{width:18px;height:18px;border:2px solid #688674;border-radius:5px}.top-actions b{width:29px;height:29px;border-radius:50%;background:#34433a}
.hero{position:relative;height:230px;background:linear-gradient(115deg,#232d27,#475d50 55%,#1a211d);overflow:hidden}.hero::before{content:"";position:absolute;inset:-100px;background:repeating-linear-gradient(125deg,transparent 0 52px,#ffffff08 53px 55px);transform:rotate(-4deg);opacity:.72}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,22,19,0) 0%,rgba(17,22,19,.12) 32%,rgba(17,22,19,.52) 68%,#111613 100%)}
.layout{position:relative;z-index:2;display:grid;grid-template-columns:64px minmax(0,1120px);justify-content:center;align-items:start;gap:18px;margin:-72px auto 0;padding:0 22px 70px}.rail{position:sticky;top:70px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:12px 8px 18px;background:#151b17;border:1px solid var(--line);border-radius:14px}.rail-logo{width:42px;height:42px;border-radius:11px;margin-bottom:4px}.rail-item{width:36px;height:36px;border-radius:10px;background:#242e28}.rail-item.active{background:#499c6c;box-shadow:0 5px 22px #499c6c55}
.page{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 70px #0008;overflow:hidden}.page-heading{min-height:126px;display:flex;align-items:flex-end;justify-content:space-between;padding:28px 36px 24px}.crumb{width:114px;height:7px;margin-bottom:15px;border-radius:6px;background:#485d51}h1{margin:0;font:700 clamp(31px,5vw,48px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.page-heading button{width:42px;height:38px;border:1px solid var(--line);border-radius:10px;background:#212b25;color:var(--muted);font-size:18px}.tabs{height:45px;display:flex;align-items:flex-end;gap:28px;padding:0 36px;border-bottom:1px solid var(--line)}.tabs span{width:74px;height:8px;margin-bottom:17px;border-radius:10px;background:#465a4e}.tabs .selected{position:relative;background:#499c6c}.tabs .selected::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;padding:34px 36px 60px}.content{min-width:0}.lead-lines,.lines{display:grid;gap:12px}.lead-lines i,.lines i{height:10px;border-radius:8px;background:#34433a}.lead-lines i:nth-child(2),.lines i:nth-child(3){width:88%}.lead-lines i:nth-child(3){width:66%}.content-block{margin-top:42px}.content-block h2{width:190px;height:20px;margin:0 0 22px;border-radius:8px;background:#4e6658}.lines.short i:nth-child(2){width:76%}.lines.short i:nth-child(3){width:54%}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery div{aspect-ratio:1.25;border:1px solid #38493f;border-radius:9px;background:linear-gradient(145deg,#28352d,#1f2823)}
.infobox{overflow:hidden;background:#141916;border:1px solid #3c4e44;border-radius:12px}.infobox-title{height:48px;background:linear-gradient(90deg,#499c6c,#499c6c)}.creature{position:relative;height:290px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#526b5c 0,#26312b 37%,#141b17 72%)}.creature-head{position:absolute;left:50%;top:53px;width:112px;height:108px;transform:translateX(-50%);border-radius:49% 51% 43% 45%;background:#0d110f;box-shadow:0 0 38px #000}.creature-head::before,.creature-head::after{content:"";position:absolute;top:-27px;width:38px;height:58px;background:#0d110f}.creature-head::before{left:3px;clip-path:polygon(0 0,100% 72%,28% 100%)}.creature-head::after{right:3px;clip-path:polygon(100% 0,72% 100%,0 72%)}.creature-body{position:absolute;left:50%;bottom:-104px;width:236px;height:260px;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#0d110f}.creature-eye{position:absolute;top:104px;width:13px;height:5px;border-radius:50%;background:#499c6c;box-shadow:0 0 13px #499c6c}.creature-eye.left{left:126px;transform:rotate(8deg)}.creature-eye.right{right:126px;transform:rotate(-8deg)}.stats{padding:13px 18px 18px}.stats div{display:flex;justify-content:space-between;padding:14px 2px;border-bottom:1px solid #2a372f}.stats div:last-child{border:0}.stats span,.stats b{height:8px;border-radius:8px;background:#405247}.stats span{width:38%}.stats b{width:23%;background:#5d7969}
@media(max-width:850px){.layout{grid-template-columns:1fr;margin-top:-56px}.rail{display:none}.page-grid{grid-template-columns:1fr}.infobox{grid-row:1;max-width:430px}.top-search{display:none}}@media(max-width:560px){.hero{height:170px}.layout{padding:0 10px 40px}.page{border-radius:12px}.page-heading{min-height:110px;padding:24px 20px 20px}.tabs{padding:0 20px;gap:18px}.tabs span{width:58px}.page-grid{padding:24px 20px 42px;gap:26px}.gallery{grid-template-columns:1fr 1fr}.creature{height:260px}}

/* Filled article preview */
.top-search{padding:7px 12px;color:#688875;font-size:12px}.top-actions{color:#799886;font-size:12px}.layout{display:block;width:min(1120px,calc(100% - 44px));margin:-72px auto 0;padding:0 0 70px}.crumb{width:auto;height:auto;margin-bottom:13px;background:none;color:#88a393;font-size:12px}.tabs{align-items:flex-end}.tabs span{position:relative;width:auto;height:auto;margin-bottom:14px;background:none;color:#799886;font-size:13px}.tabs .selected{background:none;color:#499c6c}.tabs .selected::after{bottom:-15px}.content{color:#bfcdc5;font-size:15px;line-height:1.7}.lead{margin:0;font-size:16px}.content b{color:#ebefed}.content-block{margin-top:40px}.content-block h2{width:auto;height:auto;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #35453c;border-radius:0;background:none;color:#edf1ef;font:600 25px Georgia,"Times New Roman",serif}.content-block p{margin:0 0 14px}.gallery figure{margin:0}.gallery figcaption{margin-top:7px;color:#759582;font-size:11px;text-align:center}.infobox-title{height:auto;min-height:48px;padding:14px 16px;color:#fff;font-weight:750;text-align:center}.stats span,.stats b{width:auto;height:auto;border-radius:0;background:none;font-size:12px}.stats span{color:#809d8c}.stats b{max-width:55%;color:#d2dcd6;text-align:right}@media(max-width:850px){.layout{margin-top:-56px}}@media(max-width:560px){.layout{width:calc(100% - 20px)}}

button,input,textarea{font:inherit}.site-mark{border:0;cursor:pointer}.top-search{display:flex;padding:0;overflow:hidden}.top-search input{min-width:0;flex:1;padding:0 11px;border:0;background:transparent;color:#d7e1db;outline:none}.top-search button{padding:0 12px;border:0;border-left:1px solid #324239;background:#202a24;color:#b3c4ba;cursor:pointer}.top-search button:hover{background:#2a372f;color:#fff}.top-actions{position:relative}.top-actions>button{border:0;background:transparent;color:#9eb5a8;cursor:pointer}.top-actions>button:hover{color:#fff}.profile-button{display:grid;place-items:center;width:29px;height:29px;padding:0;border-radius:50%!important;background:#34433a!important;color:#499c6c!important;font-weight:700}.profile-menu{position:absolute;right:0;top:39px;width:142px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#171d19;box-shadow:0 14px 36px #0009}.profile-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#c0cfc6;text-align:left;cursor:pointer}.profile-menu button:hover{background:#25312a;color:#fff}
.tabs button{position:relative;margin:0 0 14px;padding:0;border:0;background:none;color:#799886;font-size:13px;cursor:pointer}.tabs button:hover{color:#cfdad4}.tabs button.selected{color:#499c6c}.tabs button.selected::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}
.gallery-card{min-width:0;padding:0;border:0;background:none;color:#759582;cursor:pointer;text-align:center}.gallery-image{display:block;aspect-ratio:1.25;border:1px solid #38493f;border-radius:9px;background:linear-gradient(145deg,#394a40,#202924);transition:transform .18s ease,border-color .18s ease}.image-two{background:linear-gradient(145deg,#2f3d35,#405247)}.image-three{background:linear-gradient(145deg,#394940,#222c26)}.gallery-card>span:last-child{display:block;margin-top:7px;font-size:11px}.gallery-card:hover .gallery-image{transform:translateY(-3px);border-color:#499c6c}
.secondary-panel{min-height:430px;padding:38px 36px 60px}.secondary-panel h2{margin:0 0 8px;font:600 28px Georgia,"Times New Roman",serif}.secondary-panel>p{margin:0 0 24px;color:var(--muted)}#comment-form{display:grid;gap:12px}#comment-form textarea{min-height:110px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#141916;color:#eaeeec;resize:vertical;outline:none}#comment-form textarea:focus{border-color:#499c6c}#comment-form button{justify-self:start;padding:10px 17px;border:0;border-radius:9px;background:#499c6c;color:#141916;font-weight:700;cursor:pointer}.comments{display:grid;gap:10px;margin-top:24px}.comment{padding:15px;border:1px solid var(--line);border-radius:10px;background:#151b17}.comment strong{display:block;margin-bottom:5px;color:#d7e0db}.comment p{margin:0;color:#9eb5a8;line-height:1.5}.revision{display:grid;grid-template-columns:130px minmax(0,1fr) 90px;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.revision time,.revision span{color:#7f9c8b}
[contenteditable="true"]{outline:1px dashed #499c6c;outline-offset:5px;border-radius:3px;background:#499c6c0d}.lightbox{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:50px;background:#080b09eF;backdrop-filter:blur(8px)}.lightbox[hidden],.toast[hidden],.profile-menu[hidden],.tab-panel[hidden]{display:none}.lightbox-image{width:min(780px,84vw);aspect-ratio:16/9;border:1px solid #587263;border-radius:15px;background:radial-gradient(circle at center,#566f60,#1d2621 58%,#0e1310);box-shadow:0 24px 80px #000}.lightbox p{margin:16px 0 0;color:#c0cec6}.lightbox button{position:absolute;right:24px;top:20px;width:42px;height:42px;border:1px solid #405348;border-radius:50%;background:#1d2621;color:#fff;font-size:25px;cursor:pointer}.toast{position:fixed;z-index:40;left:50%;bottom:24px;transform:translateX(-50%);padding:11px 16px;border:1px solid #415449;border-radius:9px;background:#1a211d;color:#d6e0da;box-shadow:0 12px 35px #0008;font-size:13px}
@media(max-width:650px){.site-name{display:none}.topbar{padding:0 12px}.top-search{width:auto;flex:1;margin-left:0}.top-actions{gap:7px}.secondary-panel{padding:28px 20px 44px}.revision{grid-template-columns:1fr;gap:4px}.lightbox{padding:18px}}
.creature img{position:relative;z-index:2;display:block;width:100%;height:100%;padding:10px 7px;object-fit:contain;filter:drop-shadow(0 12px 16px #0008)}
.level-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 12px;border-bottom:1px solid #2a372f;background:#111513}.level-picker button{height:29px;border:1px solid #34433a;border-radius:7px;background:#1d2621;color:#809d8c;font-size:12px;cursor:pointer;transition:.16s ease}.level-picker button:hover{border-color:#648170;color:#fff}.level-picker button.active{border-color:#499c6c;background:#499c6c20;color:#499c6c;box-shadow:inset 0 0 0 1px #499c6c44}.creature img.switching{opacity:.15;transform:scale(.97)}.creature img{transition:opacity .16s ease,transform .16s ease}
.unit-quote{position:relative;margin:0 0 28px;padding:18px 21px 18px 25px;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:#121815;color:#d1dcd6;font:italic 16px/1.55 Georgia,"Times New Roman",serif}.unit-quote::before{content:"";position:absolute;inset:0;border:1px solid #2d3a32;border-left:0;border-radius:0 9px 9px 0;pointer-events:none}
.stats>div{align-items:center}.stats [hidden]{display:none}.stats .infinity-stat{display:inline-flex;align-items:center;justify-content:flex-end;min-height:20px;color:#499c6c;font:700 22px/20px Arial,sans-serif}
#tower-cost{color:#61d987}#tower-damage{color:#ff6767}#tower-range{color:#ffad4d}#tower-firerate{color:#689fff}
.content .wiki-link{color:#78c998;font-weight:600;text-decoration:none;text-underline-offset:3px}.content .wiki-link:hover{color:#a3e4bc;text-decoration:underline}.content .wiki-link:focus-visible{outline:2px solid #78c998;outline-offset:3px;text-decoration:underline}
/* Article-only presentation */
.topbar,.tabs{display:none}
:root{--text:#edf3ef}
.content b,.content-block h2,.secondary-panel h2{color:var(--text)}
.hero{height:clamp(230px,30vw,430px);background:#14251b url('fighter-banner.png') center 48%/cover no-repeat}
.hero::before{display:none}
.hero-shade{background:linear-gradient(180deg,rgba(17,22,19,.06) 0%,rgba(17,22,19,.14) 45%,rgba(17,22,19,.65) 78%,var(--bg) 100%)}
/* Square article layout and framed statistics */
*,*::before,*::after{border-radius:0!important}
.layout{margin-top:-24px}
.page-heading{min-height:142px;padding-top:48px}
.stats{display:grid;gap:8px}
.stats>div{--stat-color:#499c6c;border:1px solid var(--stat-color);padding:12px 10px;min-width:0}
.stats>div:last-child{border:1px solid var(--stat-color)}
.stats>.stat-damage{--stat-color:#ff6767}
.stats>.stat-firerate{--stat-color:#689fff}
.stats>.stat-range{--stat-color:#ffad4d}
.stats>.stat-cost{--stat-color:#61d987}
.stat-damage>span,.stat-firerate>span,.stat-range>span,.stat-cost>span{color:var(--stat-color)}
@media(max-width:560px){.layout{margin-top:-16px}.page-heading{min-height:120px;padding-top:38px}}
/* Restrained reading layout */
body{background:var(--bg)}
.page{box-shadow:none;border-color:#2c3931}
.page-heading{min-height:0;padding:36px 36px 20px}
.page-grid{align-items:start;padding-top:0;gap:32px}
.content,.infobox{align-self:start}
.content-block{margin-top:28px}
.content-block h2{font-size:23px;padding-bottom:8px;border-color:#2c3931}
.unit-quote{margin:0 0 24px;padding:14px 18px;border-left:2px solid #3c7051;background:transparent;color:#bccac1}
.unit-quote::before{display:none}
.infobox{background:#141b17;border-color:#2c3931}
.infobox-title{background:#203b2b;min-height:0;padding:12px 16px}
.creature{background:#151e19}
.creature img{filter:none}
.level-picker{background:transparent;border-color:#2c3931;gap:4px}
.level-picker button{background:transparent;border-color:#2c3931;color:#a9b8ae}
.level-picker button.active{background:#203b2b;border-color:#49765a;color:#d7e8dd;box-shadow:none}
.stats{gap:6px;padding:12px}
.stats>div,.stats>div:last-child{border-color:#304b39;padding:10px}
.stats>.stat-damage{border-color:#663c3c}
.stats>.stat-firerate{border-color:#354c6a}
.stats>.stat-range{border-color:#685337}
.stats>.stat-cost{border-color:#345b40}
.stats>div>span{color:#a9b8ae}
@media(max-width:560px){.page-heading{min-height:0;padding:28px 20px 18px}.page-grid{gap:24px;padding-top:0}}
.variant-picker{display:flex;gap:8px;padding:24px 36px 0;flex-wrap:wrap}
.variant-picker button{padding:9px 14px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.variant-picker button.active{border-color:var(--accent);background:#203b2b;color:var(--text)}
.variant-picker button:focus-visible,.level-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.info-section{border-top:1px solid var(--line)}
.info-section h2{margin:0;padding:14px 12px 0;font:600 13px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:var(--text)}
.level-picker [hidden],.info-section[hidden],.content [hidden]{display:none}
#golden-description .content-block:first-child{margin-top:0}
#golden-description .wiki-link{color:#78c998}#golden-description .wiki-link:hover{color:#a3e4bc}#golden-description .wiki-link:focus-visible{outline-color:#78c998}
#fighter{scroll-margin-top:24px}
body[data-variant="golden"] .creature img{padding:14px 18px}
body[data-variant="golden"]{--bg:#18160f;--panel:#211e15;--line:#4d4228;--accent:#b79748;--muted:#b8ae92;--text:#f3efdf}
body[data-variant="golden"] .hero-shade{background:linear-gradient(180deg,rgba(24,22,15,.06),rgba(24,22,15,.14) 45%,rgba(24,22,15,.65) 78%,var(--bg))}
body[data-variant="golden"] .page,body[data-variant="golden"] .infobox,body[data-variant="golden"] .level-picker,body[data-variant="golden"] .content-block h2{border-color:var(--line)}
body[data-variant="golden"] .infobox,body[data-variant="golden"] .creature{background:#1b1811}
body[data-variant="golden"] .infobox-title,body[data-variant="golden"] .variant-picker button.active,body[data-variant="golden"] .level-picker button.active{background:#45391e;color:var(--text)}
body[data-variant="golden"] .level-picker button{border-color:var(--line);color:#c5b993}
body[data-variant="golden"] .level-picker button.active{border-color:var(--accent)}
body[data-variant="golden"] .stats>div:not([class]){border-color:#63522d}
body[data-variant="golden"] .stats .infinity-stat{color:#d3b264}
body[data-variant="golden"] .stats>div>span{color:#b8ae92}
@media(max-width:560px){.variant-picker{padding:20px 20px 0}.variant-picker button{padding:8px 11px}}