:root{--bg:#0b0f0d;--panel:#111713;--raised:#18201a;--line:#29332b;--text:#eef1e8;--muted:#a6b2a7;--accent:#bcf58b;--amber:#e9c889;--radius:14px;--sidebar:236px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{border:1px solid var(--line);border-radius:8px;background:var(--panel)}input,select,textarea{padding:12px 14px;max-width:100%;color:var(--text)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.045em}h1{font-size:clamp(38px,4.3vw,66px);font-weight:800}h2{font-size:clamp(25px,2.2vw,34px);font-weight:720}h3{font-size:19px;letter-spacing:-.025em}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--bg)}.icon{width:21px;height:21px;vertical-align:middle;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--accent);color:var(--bg);z-index:100}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0e1410;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;margin:0 6px 43px}.brand-mark{font-size:31px;font-weight:900;letter-spacing:-.12em;color:var(--accent);line-height:1}.brand-mark span{font-weight:450}.brand-name{font-size:14px;font-weight:800;letter-spacing:.045em;line-height:1.5}.brand-name small{display:block;font-size:14px;font-weight:450;color:var(--muted);letter-spacing:0}.nav-label{font-size:14px;letter-spacing:.09em;color:#94a297;padding:0 13px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;color:var(--muted);font-size:15px;border-radius:8px}.nav-item.active{color:var(--accent);background:#202d1d;border-color:#3a4c2b}.nav-item:hover{background:var(--raised)}.nav-dot,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.nav-dot{margin-left:auto}.nav-new{font-size:14px;letter-spacing:-.04em;color:var(--muted);margin-left:auto}.sidebar-note{margin-top:auto;padding:36px 8px 0}.signal-line{font-size:14px;color:var(--accent);display:flex;gap:8px;align-items:center;line-height:1.4}.sidebar-note p{font-size:18px;margin:14px 0 18px;line-height:1.4}.sidebar-note .button{font-size:14px;width:100%;padding:12px 9px}.sidebar-bottom{font-size:14px;line-height:1.8;color:#91a094;margin:24px 8px 0}.sidebar-bottom time{color:var(--text)}.app-shell{margin-left:var(--sidebar)}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 clamp(22px,3.8vw,64px);display:flex;align-items:center;justify-content:space-between;background:#0b0f0def;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.breadcrumb{display:flex;gap:16px;color:var(--muted);text-transform:uppercase;font-size:14px;letter-spacing:.055em}.breadcrumb>span:last-child{color:var(--text)}.search-trigger{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);font-size:14px;padding:10px 0}.search-trigger kbd{margin-left:26px;border:1px solid var(--line);padding:2px 6px;border-radius:5px;font-size:14px;color:var(--muted)}main{max-width:1440px;margin:0 auto;padding:40px clamp(22px,3.8vw,64px) 66px;min-height:65vh}main:focus{outline:0}.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:550;display:flex;gap:12px;align-items:center;line-height:1.6}.eyebrow span{color:var(--muted)}.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;min-height:430px;isolation:isolate;margin-top:10px;border-bottom:1px solid var(--line);padding-bottom:25px}.hero-copy{position:relative;z-index:2;padding:24px 0 30px}.hero h1{font-size:clamp(44px,4.5vw,76px);line-height:1.04;letter-spacing:-.06em;margin:22px 0}.hero h1 span{color:var(--accent)}.hero .hero-subline{font-size:14px;letter-spacing:.14em;color:var(--muted);margin-bottom:20px}.hero p{max-width:430px;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 19px;border-radius:7px;border:1px solid transparent;font-size:15px;font-weight:620;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#172012}.button-primary:hover{background:#d5ffb1;color:#172012}.button-secondary{background:#172019;border-color:#354432;color:var(--text)}.hero-art{position:relative;margin:-37px -20px -16px -24px;align-self:center}.hero-art:before{content:"";position:absolute;inset:18%;background:#a6f576;filter:blur(90px);opacity:.09;z-index:-1}.hero-art img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;animation:float 8s ease-in-out infinite}.art-label{position:absolute;right:15px;bottom:15px;font-size:14px;letter-spacing:.05em;color:var(--muted);border-left:2px solid var(--accent);padding-left:10px;line-height:1.5}.art-label span{display:block;font-size:14px;color:#7e9283;letter-spacing:0}.hero-meta{display:flex;flex-wrap:wrap;gap:26px;padding:20px 0;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line)}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-meta strong{color:var(--text);font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:38px 0 22px}.section-heading>div{display:flex;align-items:center;gap:13px}.section-heading h2{font-size:25px}.section-number{color:var(--muted);font-size:14px;letter-spacing:.02em}.text-link{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0 30px}.quick-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;transition:background .2s,transform .2s}.quick-card:hover{background:var(--raised);transform:translateY(-3px)}.quick-card> .icon{color:var(--accent);width:25px;height:25px}.quick-card h2{font-size:21px;margin:20px 0 10px;letter-spacing:-.025em}.quick-card p{font-size:14px;line-height:1.7;max-width:90%}.quick-card .corner-arrow{position:absolute;top:24px;right:23px;color:var(--muted)}.quick-card .card-kicker{display:block;color:var(--muted);font-size:14px;letter-spacing:.09em;margin-top:22px}.home-split{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-title h2{font-size:22px}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--muted)}.badge{display:inline-flex;align-items:center;border:1px solid #37423a;background:#1a221c;border-radius:4px;padding:3px 7px;font-size:14px;font-weight:500;line-height:1.4;white-space:normal}.badge.green{border-color:#425d32;background:#23321d;color:var(--accent)}.badge.warning{color:var(--amber);border-color:#63533a;background:#2c261c}.badge.muted{color:var(--muted)}.code-row{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:12px;min-width:0}.code-row.compact{padding:18px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;background:transparent}.code-row.compact:first-child{padding-top:0}.code-row.compact .badge{font-size:14px;padding:1px 6px}.code-main{min-width:0}.code-main>div:first-child{display:flex;gap:7px;flex-wrap:wrap}.code-main h3{margin:10px 0 7px;letter-spacing:-.02em;line-height:1.5;overflow-wrap:anywhere}.code-main code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;color:var(--text)}.code-main p{font-size:14px;line-height:1.65}.code-meta{font-size:14px;color:var(--muted);margin-top:12px}.code-meta a{text-decoration:underline;text-underline-offset:3px}.copy-button{padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #384731;border-radius:6px;background:#1d291c;color:var(--accent);font-size:14px;min-height:44px}.copy-button .icon{width:16px;height:16px}.copy-button:hover{background:#2a3d22}.code-actions{display:grid;gap:8px;flex-shrink:0}.claimed-button{background:transparent;border:0;color:var(--muted);display:flex;gap:7px;align-items:center;font-size:14px;min-height:40px}.claimed-button[aria-pressed=true]{color:var(--accent)}.code-row.is-claimed{opacity:.65}.route-list{display:grid;gap:19px;margin-top:22px}.route-step{display:grid;grid-template-columns:30px 1fr;gap:13px}.route-step>span{font-size:14px;color:var(--accent);border:1px solid #425238;background:#22301d;height:29px;border-radius:50%;display:grid;place-items:center}.route-step h3{font-size:17px;margin:3px 0 7px}.route-step p{font-size:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:25px;min-height:245px;display:flex;flex-direction:column}.guide-card:hover{background:var(--raised);border-color:#51644b}.guide-card .guide-visual{height:68px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:20px}.guide-visual>.icon{width:38px;height:38px}.guide-visual span{font-family:ui-monospace,monospace;font-size:38px;opacity:.3}.guide-card h3{font-size:20px;margin:12px 0}.guide-card p{font-size:14px;line-height:1.7}.guide-card .text-link{margin-top:auto;padding-top:24px}.guide-card .eyebrow{color:var(--muted);font-size:14px;letter-spacing:.07em}.page-heading{margin-bottom:31px}.page-heading h1{margin:18px 0}.page-heading>p{font-size:18px;max-width:800px;line-height:1.75}.page-heading .heading-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center;color:var(--muted);font-size:14px}.notice{padding:18px 20px;background:#151e16;border:1px solid #344832;border-radius:10px;display:flex;gap:12px;margin:25px 0}.notice>.icon{margin-top:3px;color:var(--accent)}.notice strong{font-size:15px;font-weight:650}.notice p{font-size:14px;line-height:1.8;margin-top:4px}.notice a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.notice.warning{background:#201d15;border-color:#574930}.notice.warning>.icon{color:var(--amber)}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:26px 0 20px}.filters label{font-size:14px;color:var(--muted);display:grid;gap:7px}.filters label.grow{flex:1;min-width:190px}.filters select{min-width:150px}.filters input[type=search]{width:100%}.filters input[type=number]{width:120px}.filters .checkbox-label{display:flex;align-items:center;gap:8px;min-height:48px}.filter-tabs{display:flex;gap:9px;flex-wrap:wrap}.filter-tabs button{font-size:14px;padding:10px 15px;border-radius:6px;color:var(--muted)}.filter-tabs button[aria-pressed=true]{background:var(--accent);color:#142010;border-color:var(--accent)}.results-count{font-size:14px;color:var(--muted);margin:16px 0}.empty-state{padding:38px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty-state h3{margin-bottom:10px}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.unit-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden;position:relative;scroll-margin-top:110px;transition:border-color .2s,transform .2s}.unit-card:hover{border-color:#52664b;transform:translateY(-3px)}.unit-card:target{outline:2px solid var(--accent);outline-offset:3px}.unit-art{height:143px;background:linear-gradient(140deg,#1b3525,#101b14);position:relative;overflow:hidden;display:grid;place-items:center;--art:#bcf58b}.unit-art.role-support{--art:#a6cbed;background:linear-gradient(140deg,#233139,#121c22)}.unit-art.role-economy{--art:#e9c889;background:linear-gradient(140deg,#393421,#201d14)}.unit-art.role-hybrid{--art:#d3b7f3;background:linear-gradient(140deg,#31243a,#1c1522)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px;transform:rotate(-17deg) scale(1.3)}.art-ring{width:110px;height:110px;border:1px solid var(--art);opacity:.16;transform:rotate(30deg);position:absolute;border-radius:18px}.art-ring:before{content:"";position:absolute;inset:12px;border:1px solid var(--art);border-radius:14px}.art-glyph{font-size:46px;font-weight:850;color:var(--art);letter-spacing:-.08em;line-height:1;transform:skewY(-8deg);text-shadow:4px 5px 0 #0007}.art-index{position:absolute;right:12px;bottom:8px;font-size:14px;font-family:monospace;color:var(--art);opacity:.65}.unit-card-top{display:flex;justify-content:space-between;align-items:center;margin-top:-15px;padding:0 15px;position:relative;z-index:1}.tier{font-weight:800;border-radius:6px;min-width:30px;justify-content:center}.tier-s{background:#bcf58b;color:#13200d;border-color:#bcf58b}.tier-a{color:#d1c0ee;border-color:#635378;background:#30263f}.tier-b,.tier-alt{color:#a9c6df;background:#203040}.tier-c{color:#c3b8b4}.tier-sup{color:#9bceef;background:#20323c}.tier-eco{color:#e9c889;background:#3a311e}.unit-body{padding:17px 15px 12px}.unit-body h3{font-size:17px;line-height:1.4;min-height:48px}.unit-body p{font-size:14px;line-height:1.6;min-height:46px;margin:6px 0 12px}.unit-bottom{border-top:1px solid var(--line);padding-top:9px;display:flex;justify-content:space-between;align-items:center;gap:8px}.unit-bottom>span{font-size:14px;color:var(--muted)}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid transparent;background:transparent;border-radius:7px;flex-shrink:0}.icon-button:hover{color:var(--accent);background:var(--raised);border-color:var(--line)}.favorite[aria-pressed=true]{color:var(--accent);background:#23321d}.favorite[aria-pressed=true] svg{fill:#bcf58b33}.sources{margin:42px 0;padding-top:32px;border-top:1px solid var(--line)}.sources h2{font-size:25px;margin:13px 0 22px}.source-row{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.source-row a{font-size:15px;display:inline-flex;align-items:center;gap:6px;color:var(--text)}.source-row .icon{width:16px;height:16px}.source-row p{font-size:14px;margin-top:7px;line-height:1.7}.faq{margin:45px 0 0}.faq h2{margin:13px 0 25px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:20px 0;list-style:none;font-size:16px;font-weight:550;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:18px;height:18px}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{max-width:820px;font-size:16px;line-height:1.8;padding:0 35px 23px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:42px}.article-content{max-width:820px}.article-content h2{font-size:27px;margin:36px 0 18px}.article-content h3{font-size:20px;margin:24px 0 12px}.article-content p,.article-content li{font-size:16px;line-height:1.85;color:var(--muted)}.article-content p{margin-bottom:17px}.article-content strong{color:var(--text);font-weight:600}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-content ul,.article-content ol{padding-left:22px;margin:15px 0 22px}.article-content li{padding:5px 0}.article-content .button{text-decoration:none;color:#162110}.article-content .notice p{font-size:14px;margin:4px 0 0}.toc{align-self:start;position:sticky;top:104px;border-left:1px solid var(--line);padding-left:22px}.toc h2{font-size:14px;letter-spacing:.07em;color:var(--muted);font-weight:550;margin:0 0 14px}.toc a{display:block;color:var(--muted);font-size:14px;padding:7px 0;line-height:1.65}.toc a:hover{color:var(--accent)}.toc .button{margin-top:25px;font-size:14px;color:var(--text);padding:10px}.checklist{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:20px;margin:25px 0}.checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;font-size:14px}.checklist-header strong{font-size:17px}.checklist label{display:flex;align-items:start;gap:11px;padding:14px 0;border-top:1px solid var(--line);font-size:15px;cursor:pointer}.checklist label:has(input:checked){color:var(--muted);text-decoration:line-through}.checklist input{margin-top:4px}.checklist p{font-size:14px;margin:12px 0 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-panel h2{font-size:25px;margin-bottom:12px}.tool-panel p{font-size:15px;margin-bottom:20px}.field{display:grid;gap:7px;font-size:14px;color:var(--muted);margin-bottom:17px}.field input,.field select,.field textarea{width:100%}.tool-result{border:1px solid #415836;background:#1c2a18;padding:20px;border-radius:10px;margin-top:18px;min-height:105px}.tool-result h3{font-size:19px;margin-bottom:10px}.tool-result p{margin:0;font-size:15px}.tool-result ol{padding-left:22px;margin:7px 0;color:var(--accent);line-height:1.9}.big-result{font-size:38px;letter-spacing:-.05em;color:var(--accent);font-weight:750;display:block}.formula{font:14px/1.9 ui-monospace,monospace;background:#0c120e;padding:14px;border-radius:8px;margin-top:18px;color:var(--muted);overflow-wrap:anywhere}.planner-board{position:sticky;top:78px;z-index:12;background:#101810f5;padding:24px;border:1px solid #425137;border-radius:12px;margin-bottom:29px;backdrop-filter:blur(20px)}.planner-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.planner-top h2{font-size:24px}.planner-top>div{display:flex;gap:12px;align-items:center}.planner-top label{font-size:14px;color:var(--muted)}.planner-top select{padding:7px 10px;margin-left:5px}.team-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.team-slot{border:1px dashed #4c5a43;min-height:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:12px 8px}.team-slot.empty{color:#9aaa9a;font-size:14px;flex-direction:column;gap:6px}.team-slot.filled{background:#202e1c;border-style:solid}.team-slot strong{font-size:14px;line-height:1.5}.team-slot small{display:block;font-size:14px;color:var(--muted);margin-top:6px}.team-slot button{position:absolute;top:2px;right:2px;width:26px;height:26px;background:#0b0f0d;border:0;display:grid;place-items:center;border-radius:5px}.team-slot button .icon{width:15px;height:15px}.team-summary{margin-top:17px;display:flex;flex-wrap:wrap;gap:8px}.team-advice{font-size:14px;color:var(--muted);margin-top:13px}.planner-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.planner-actions button{font-size:14px;padding:9px 12px;min-height:42px}.status-line{font-size:14px;color:var(--muted);margin-top:12px}.rank-row{display:grid;grid-template-columns:65px 1fr;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.rank-label{display:grid;place-items:center;background:#24331d;color:var(--accent);font-size:25px;font-weight:800}.rank-content{padding:21px}.rank-content p{font-size:14px;margin-top:12px}.rank-names{display:flex;gap:10px;flex-wrap:wrap}.rank-names a{padding:7px 11px;background:var(--raised);border:1px solid var(--line);border-radius:5px;font-size:15px}.timeline{border-left:1px solid #53633f;margin:30px 0 30px 8px;padding-left:28px}.timeline article{position:relative;margin-bottom:33px;padding-bottom:25px;border-bottom:1px solid var(--line)}.timeline article:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);left:-33px;top:8px}.timeline time{font-size:14px;color:var(--accent)}.timeline h2{font-size:24px;margin:14px 0}.timeline p{max-width:780px;font-size:16px;line-height:1.8}.community-card{display:flex;align-items:start;gap:18px;border:1px solid var(--line);border-radius:12px;padding:23px;background:var(--panel);margin:16px 0}.community-card>.icon{color:var(--accent);width:29px;height:29px}.community-card h2{font-size:22px;margin-bottom:9px}.community-card p{font-size:15px;margin-bottom:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}th,td{padding:16px 18px;border-bottom:1px solid var(--line);min-width:130px}th{color:var(--text);background:var(--panel);font-weight:600}td{color:var(--muted)}footer{max-width:1440px;margin:0 auto;border-top:1px solid var(--line);padding:35px clamp(22px,3.8vw,64px) 35px}.footer-brand{font-weight:700;font-size:21px;letter-spacing:-.04em;margin-bottom:14px}.footer-brand>span:first-child{color:var(--accent)}.muted-text{color:var(--muted)}footer p{font-size:14px;line-height:1.85}footer nav{display:flex;gap:22px;flex-wrap:wrap;margin:23px 0}footer nav a{font-size:14px;color:var(--text)}footer>span{color:var(--muted);font-size:14px;letter-spacing:.06em}dialog{width:min(680px,calc(100% - 32px));max-height:80vh;border:1px solid #4e6045;border-radius:16px;background:#121a14;color:var(--text);padding:25px;box-shadow:0 30px 130px #000b}dialog::backdrop{background:#040805cc;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.dialog-head h2{font-size:25px}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #536449;border-radius:10px;background:#0c130e}.search-input-wrap input{width:100%;border:0;background:transparent;padding:17px 0;font-size:17px}.search-input-wrap input:focus-visible{outline-offset:0}.search-hint{font-size:14px;margin:13px 0}.search-result{display:block;border-top:1px solid var(--line);padding:15px 10px;border-radius:5px}.search-result:focus-visible,.search-result:hover{background:#23301e}.search-result strong{display:block;font-size:16px}.search-result span{display:block;font-size:14px;color:var(--muted);margin-top:3px}.toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,20px);max-width:min(600px,85vw);padding:14px 22px;background:var(--accent);color:#11210a;border-radius:10px;font-size:15px;box-shadow:0 10px 50px #0005;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript-note{position:relative;margin:12px 20px 20px calc(var(--sidebar) + 30px);font-size:14px;color:var(--muted)}.mobile-toggle,.nav-scrim{display:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(min-width:1600px){:root{--sidebar:252px}.hero-art img{max-height:510px}.hero{min-height:465px}.hero h1{font-size:80px}.hero-copy{padding-top:40px}}@media(max-width:1190px){:root{--sidebar:210px}.sidebar{padding-left:12px;padding-right:12px}.brand{gap:8px}.brand-mark{font-size:29px}.brand-name{letter-spacing:0;font-size:14px}.nav-item{gap:9px;padding:10px 9px}.hero h1{font-size:54px}.hero{grid-template-columns:1.1fr .9fr}.hero-art{margin:0 -20px 0 -15px}.unit-grid{grid-template-columns:repeat(3,1fr)}.home-split{grid-template-columns:1.2fr 1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr) 185px;gap:26px}.quick-card{padding:21px}.quick-card h2{font-size:20px}.search-trigger kbd{margin-left:10px}}@media(max-width:960px){:root{--sidebar:0px}.sidebar{display:none;width:265px;top:65px;padding:20px}.mobile-open .sidebar{display:flex}.mobile-open .nav-scrim{display:block;position:fixed;inset:65px 0 0;background:#000a;z-index:29;width:100%;border:0;border-radius:0}.mobile-open{overflow:hidden}.sidebar .brand{margin-bottom:25px}.topbar{height:65px;gap:15px}.mobile-toggle{display:inline-grid}.breadcrumb{margin-right:auto;font-size:14px;gap:10px}.search-trigger kbd{display:none}.app-shell{margin:0}.hero h1{font-size:clamp(46px,6.5vw,68px)}.hero{min-height:370px}.hero-art img{max-height:410px}.sidebar-note{padding-top:28px}.sidebar-bottom{margin-top:20px}.planner-board{top:65px}.noscript-note{margin:20px}.toast{left:50%}}@media(max-width:680px){main{padding:28px 20px 45px}.topbar{padding:0 15px}.breadcrumb{font-size:14px;letter-spacing:0}.breadcrumb>span:first-child{display:none}.breadcrumb{font-size:0;gap:0}.breadcrumb>span:last-child{font-size:14px}.search-trigger>span{font-size:14px}.hero{grid-template-columns:1fr;gap:0;margin-top:0;padding-bottom:15px}.hero-copy{padding:13px 0 0}.hero h1{font-size:clamp(43px,10vw,64px);margin:18px 0}.hero p{font-size:16px;max-width:100%}.hero .hero-subline{margin-bottom:16px;font-size:14px;letter-spacing:.08em}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{padding:12px 15px}.hero-art{margin:0;max-height:290px;overflow:hidden}.hero-art img{height:310px;width:100%;margin-top:-8px}.art-label{bottom:8px;right:0;font-size:14px}.hero-meta{gap:12px 20px;font-size:14px;padding:17px 0}.hero-meta .icon{width:17px;height:17px}.quick-grid{grid-template-columns:1fr;gap:10px;margin-top:21px}.quick-card{padding:20px 20px 20px 65px;min-height:105px}.quick-card>.icon{position:absolute;left:20px;top:22px}.quick-card h2{margin:0 0 6px;font-size:20px}.quick-card p{font-size:14px;max-width:95%}.quick-card .card-kicker{display:none}.quick-card .corner-arrow{top:23px;right:17px;left:auto;width:18px;height:18px}.home-split,.tool-grid{grid-template-columns:1fr}.panel{padding:21px}.section-heading{margin:31px 0 18px;gap:12px}.section-heading h2{font-size:22px}.section-heading>div{gap:9px}.section-heading .text-link{font-size:14px}.section-heading .text-link .icon{width:16px;height:16px}.home-units .unit-grid{grid-template-columns:repeat(2,1fr)}.unit-grid{grid-template-columns:repeat(2,1fr);gap:11px}.unit-art{height:122px}.unit-body{padding:15px 12px 10px}.unit-body h3{font-size:16px;min-height:46px}.unit-card-top{padding:0 10px}.unit-body p{min-height:68px}.unit-bottom{align-items:start}.unit-bottom>span{font-size:14px}.unit-bottom .icon-button{width:34px;height:36px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0;padding:23px}.guide-card .guide-visual{height:40px;margin-bottom:15px}.guide-card .text-link{padding-top:17px}.page-heading h1{font-size:clamp(37px,9vw,50px);overflow-wrap:break-word}.page-heading>p{font-size:16px}.page-heading .eyebrow{font-size:14px;letter-spacing:.08em}.notice{padding:16px;gap:10px}.code-row{padding:18px;gap:13px;align-items:start;flex-direction:column}.code-row.compact{flex-direction:row;align-items:center;gap:13px}.code-main h3 code{font-size:16px}.code-row .code-actions{display:flex;gap:14px;align-items:center;width:100%}.code-row.compact .code-actions{width:auto}.code-row.compact .copy-button{padding:10px}.code-row.compact .copy-button span{display:none}.filters{gap:13px}.filters label.grow{flex-basis:100%}.filters select{min-width:132px}.filter-tabs{gap:7px}.filter-tabs button{padding:9px 11px}.source-row{grid-template-columns:1fr;gap:10px}.sources h2{font-size:24px}.article-layout{display:flex;flex-direction:column-reverse;gap:18px}.toc{position:static;border-left:0;border:1px solid var(--line);padding:16px;border-radius:9px}.toc a{display:inline-block;padding:5px 8px 5px 0;font-size:14px;margin-right:8px}.toc .button{display:none}.toc h2{margin-bottom:9px}.article-content h2{font-size:25px}.planner-board{position:relative;top:auto;padding:17px}.planner-top{flex-direction:column;align-items:start;margin-bottom:17px}.team-slots{grid-template-columns:repeat(3,1fr);gap:8px}.team-slot{min-height:98px}.planner-top h2{font-size:23px}.rank-row{grid-template-columns:48px 1fr}.rank-content{padding:15px}.rank-names a{padding:7px 9px;font-size:14px}.rank-label{font-size:21px}.community-card{padding:20px;gap:13px}.community-card h2{font-size:20px}.faq summary{font-size:15px;line-height:1.65}.faq details p{font-size:15px}.panel-footer{align-items:start;flex-wrap:wrap}footer{padding:28px 20px}footer nav{gap:13px 20px}dialog{padding:20px}.dialog-head h2{font-size:22px}.search-hint{font-size:14px}.timeline{padding-left:22px}.timeline article:before{left:-27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:white;color:black}.sidebar,.topbar,footer,button,.toc,.hero-art,.toast,.filters,.filter-tabs,.planner-actions{display:none!important}.app-shell{margin:0}main{padding:0;max-width:none}.article-layout{display:block}.unit-grid{grid-template-columns:repeat(3,1fr)}p,.article-content p,.article-content li,.muted-text{color:#222}.panel,.notice,.unit-card,.checklist{background:white;border-color:#bbb}.badge{color:#111!important;background:white!important}.eyebrow,.text-link,a{color:#111!important}.source-row a:after{content:" (" attr(href) ")";font-size:14px;overflow-wrap:anywhere}.sources{break-inside:avoid}}
/* Interaction states; controls remain readable at 14px and above. */
.toast.visible{opacity:1;transform:translate(-50%,0)}.code-row.claimed{opacity:.7}.search-result.selected,.search-result:focus-visible{background:#23301e;outline:1px solid var(--accent)}.search-result small{display:block;font-size:14px;color:var(--muted);margin-top:5px;line-height:1.5}.search-help{padding:20px;font-size:15px;color:var(--muted)}.trait-ranking{list-style:none;padding:0;margin:0;display:grid;gap:10px}.trait-ranking li{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:7px 0}.trait-ranking li:last-child{border-bottom:0}.trait-ranking li span{font:14px ui-monospace,monospace;color:var(--muted)}.trait-ranking li strong{font-size:18px}.trait-ranking li:first-child strong{color:var(--accent)}.team-slot{flex-direction:column;gap:7px;min-height:166px;padding:13px 9px;overflow-wrap:anywhere}.team-slot.occupied{background:#202e1c;border-style:solid}.slot-number{font:14px ui-monospace,monospace;color:var(--muted)}.slot-role{font-size:14px;color:var(--muted)}.team-slot button.slot-remove{position:static;width:auto;height:auto;padding:7px 10px;font-size:14px;border:1px solid var(--line);border-radius:5px;margin-top:auto}.team-slot button.slot-remove:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}.tool-result>strong{font-size:38px;letter-spacing:-1.5px;color:var(--accent)}.unit-actions button.is-saved{color:var(--accent)}

@media(max-width:680px){.breadcrumb{font-size:14px}.breadcrumb-root,.breadcrumb-separator{display:none!important}}

/* Real game media / creator video presentation */
.hero-game-media{display:flex;align-items:center;justify-content:center;padding:26px}.hero-game-media img{width:100%;height:auto;max-height:390px;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px #0008}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:34px}.video-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.video-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--raised)}.video-card>div{padding:18px 20px 21px}.video-card h3{margin:8px 0 6px;font-size:20px}.video-card p{font-size:14px}.video-play{position:absolute;left:20px;top:20px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#0b0f0de6;border:1px solid #ffffff55;color:var(--accent);font-size:18px;padding-left:2px}.video-card:hover{border-color:#5d7652}.video-card:hover .video-play{background:var(--accent);color:var(--bg)}
@media(max-width:680px){.hero-game-media{padding:10px 0 20px;max-height:none}.hero-game-media img{height:auto;margin:0;max-height:none}.video-grid{grid-template-columns:1fr}.video-card>div{padding:16px 17px 19px}}

.analytics-consent{position:fixed;bottom:20px;left:max(20px,calc((100vw - 760px)/2));right:20px;max-width:760px;padding:22px;background:var(--raised);border:1px solid var(--line);border-radius:14px;z-index:90;box-shadow:0 12px 50px #0009;font-size:16px}.analytics-consent>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.analytics-consent a,.article-content a[href^="mailto:"]{text-decoration:underline;overflow-wrap:anywhere}.privacy-settings{font-size:14px;padding:10px 14px;margin-top:18px}

.hero-game-media{flex-direction:column;gap:12px}.hero-game-media .art-label{position:static;align-self:flex-end;margin:0;padding:0 0 0 12px;font-size:14px}.hero-game-media .art-label span{font-size:14px}