@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10151b;--panel:#191f27;--edge:#303945;--text:#e9e9e2;--muted:#939da9;--gold:#d3b47a;--green:#93c9b4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#26323a 0,transparent 60%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{padding:28px 34px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--edge)}.brand{display:flex;gap:14px;align-items:center}.sigil{font-size:42px;color:var(--gold)}small{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}h1{font-family:'Space Grotesk',sans-serif;font-size:27px;margin:5px 0 0;font-weight:600}h1 em{font-style:normal;color:var(--muted);font-weight:400}.header-note{color:#b9c2c8;margin-left:auto}.header-note span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.quiet{background:transparent;border:1px solid var(--edge);color:var(--muted);border-radius:7px;padding:9px 13px}main{max-width:1580px;margin:auto;padding:24px 30px}.panel{background:linear-gradient(140deg,#1d252e,#171d25);border:1px solid var(--edge);border-radius:12px}.progress{padding:20px 24px}.level-head{display:flex;gap:35px;align-items:center}.level-number{display:flex;align-items:center;gap:12px}.level-number input{background:transparent;border:0;color:var(--text);font-family:'Space Grotesk';font-size:42px;width:85px;padding:0}.level-number span{color:var(--muted)}.level-track{flex:1}input[type=range]{width:100%;accent-color:var(--gold)}.stages{display:flex;justify-content:space-between;margin-top:8px}.stages button{background:none;border:0;color:var(--muted);padding:4px 7px}.stages button.current{color:var(--gold);background:#d3b47a15;border-radius:5px}.scenario{font-size:10px;letter-spacing:1px;color:var(--muted);display:grid;gap:8px;min-width:235px}select{background:#111820;border:1px solid #45505c;color:var(--text);padding:10px;border-radius:6px}.budgets{display:flex;align-items:center;gap:22px;border-top:1px solid var(--edge);margin-top:14px;padding-top:14px}.budgets label{color:var(--muted);font-size:12px}.budgets input{width:65px;background:#10171e;color:var(--text);border:1px solid #3a4553;border-radius:5px;padding:6px;margin-left:8px}#spent{margin-left:auto;color:var(--green);font-size:12px}.estimate{font-size:11px;color:var(--muted);margin:13px 0 0;line-height:1.6}.workspace{display:grid;grid-template-columns:255px minmax(450px,1fr) 250px;gap:20px;margin-top:24px;align-items:start}.detail{padding:20px;position:sticky;top:15px}.detail-hero{width:76px;height:76px;border:1px solid var(--gold);border-radius:8px;margin-bottom:15px}.detail h2{font-family:'Space Grotesk';font-size:24px;margin:8px 0}.muted{color:var(--muted);line-height:1.5;font-size:12px}.detail p{line-height:1.6;font-size:12px}.detail .rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.rank-grid div{background:#111820;border:1px solid var(--edge);border-radius:6px;padding:10px;color:var(--muted);font-size:10px}.rank-grid b{display:block;color:var(--text);font-size:22px;margin-top:4px}.specialty{padding:10px 0;border-top:1px solid var(--edge);font-size:11px;line-height:1.6;color:var(--muted)}.specialty.ready{color:var(--green)}.specialty b{color:var(--gold);margin-right:6px}.detail a,footer a{color:var(--gold);text-decoration:none}.detail a{display:block;margin-top:15px;font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}h2,h3{font-family:'Space Grotesk';font-weight:500}h2{font-size:23px;margin:6px 0 0}h3{margin:0;font-size:16px}.chip{font-size:10px;border:1px solid #48505a;color:var(--muted);border-radius:20px;padding:5px 9px;white-space:nowrap}.bars{padding:20px}.bar-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:20px}.bar-layout{display:flex;overflow-x:auto;padding-bottom:5px;gap:8px}.row-numbers{display:grid;grid-template-rows:repeat(4,54px);gap:6px;flex-shrink:0}.row-numbers span{display:flex;align-items:center;color:#6f7c88;font-size:12px}#barGrid{display:flex;gap:10px;min-width:max-content}.column{display:flex;flex-direction:column;gap:6px;width:54px}.slot{position:relative;width:54px;height:54px;border-radius:5px;border:1px solid #3b4651;background:linear-gradient(145deg,#252f3a,#1c252f);padding:0;overflow:hidden;color:var(--muted)}.slot img{width:100%;height:100%;object-fit:cover}.slot.empty:before{content:'+';color:#3d4b58;font-size:15px}.slot.locked img{opacity:.23;filter:grayscale(1)}.slot.locked:after{content:attr(data-unlock);position:absolute;inset:0;display:grid;place-items:center;color:#b6bdc1;font-size:11px;font-weight:700}.slot.selected{outline:2px solid var(--gold);outline-offset:1px}.rank-badge{position:absolute;bottom:1px;right:2px;background:#10171fdb;font-size:10px;padding:1px 3px;border-radius:3px;color:white}.key{height:29px;display:grid;place-items:center;background:#0c1319;border:1px solid #3b4651;border-radius:5px;color:var(--gold);font-weight:700;margin-top:5px}.job{font-size:9px;text-align:center;color:var(--muted);line-height:1.4}.column:nth-child(4){margin-left:8px}.column:nth-child(6) .key{color:var(--green)}.native{display:flex;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--edge)}.native>div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.native .slot{width:42px;height:42px}.bar-note{font-size:10px;color:var(--muted);line-height:1.6;margin:16px 0 0}.rotation,.priorities{padding:20px;margin-top:16px}.rotation p{font-size:13px;line-height:1.8;color:#c3cbd0}.mantras{display:flex;gap:10px}.mantra{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--green)}.mantra .slot{width:36px;height:36px}.priority{display:flex;align-items:center;gap:12px;border-top:1px solid var(--edge);padding:12px 0}.priority:last-child{padding-bottom:0}.priority .slot{width:40px;height:40px;flex-shrink:0}.priority b{font-size:12px;font-weight:500}.priority p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.4}.priority>span{font-family:'Space Grotesk';color:var(--gold);font-size:13px;margin-left:auto;white-space:nowrap}.library{padding:18px}.library h4{font-size:10px;letter-spacing:1.5px;font-weight:500;color:var(--muted);margin:24px 0 10px}.inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.inventory .slot{width:100%;height:auto;aspect-ratio:1}.library .section-title{margin-bottom:6px}.library #unlocked{color:var(--green);font-size:11px}.roadmap{padding:22px;margin-top:24px}.roadmap h3{font-size:20px;margin-top:8px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:22px}.roadmap b{font-size:12px;color:var(--gold)}.roadmap p{font-size:12px;line-height:1.7;color:var(--muted)}footer{padding:24px 0;font-size:11px;color:var(--muted);line-height:1.8}footer span{display:block}details{margin-top:15px;color:var(--muted);font-size:11px}details pre{white-space:pre-wrap;font-family:inherit;line-height:1.7}button:hover{border-color:var(--gold)}@media(min-width:1450px){.workspace{grid-template-columns:270px minmax(500px,1fr) 280px}.slot,.column{width:60px}.slot{height:60px}.row-numbers{grid-template-rows:repeat(4,60px)}}@media(max-width:1150px){.workspace{grid-template-columns:220px minmax(380px,1fr)}.library{grid-column:1/-1}.library #library{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.inventory{grid-template-columns:repeat(6,1fr)}.level-head{gap:20px}.scenario{min-width:200px}}@media(max-width:760px){header{padding:20px;gap:12px}.header-note{display:none}.quiet{margin-left:auto;font-size:11px}h1{font-size:22px}main{padding:16px}.progress{padding:16px}.level-head{flex-wrap:wrap;gap:15px}.level-track{min-width:180px}.scenario{width:100%}.budgets{flex-wrap:wrap;gap:10px}.budgets label{font-size:10px}#spent{margin-left:0;width:100%}.workspace{display:flex;flex-direction:column}.center{width:100%;order:0}.detail{position:static;order:1;width:100%}.library{order:2;width:100%}.library #library{display:block}.inventory{grid-template-columns:repeat(7,1fr)}.roadmap-grid{grid-template-columns:1fr;gap:10px}.chip{font-size:9px}.bars{padding:15px}.section-title h2{font-size:20px}.detail-hero{float:left;margin-right:15px}.bar-top{font-size:9px}.native{flex-wrap:wrap}}

@media(min-width:1151px) and (max-width:1449px){.column,.slot{width:48px}.slot{height:48px}.row-numbers{grid-template-rows:repeat(4,48px)}#barGrid{gap:8px}.bar-layout{gap:6px}}
.specialty.recommended{background:#93c9b410;padding:10px 8px;border-radius:5px}.specialty.recommended:after{content:" · equip priority";color:var(--gold)}

.stigma-panel{padding:20px;margin-top:16px}.stigma-panel a{color:var(--gold)}#stigmaBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stigma-cell{display:flex;flex-direction:column;gap:9px;padding:12px;background:#111820;border:1px solid var(--edge);border-radius:7px;min-width:0}.stigma-cell.closed{border-style:dashed;opacity:.65}.stigma-cell .slot{width:54px;height:54px}.stigma-cell .key{width:54px;margin:0;font-size:12px}.stigma-cell small{font-size:10px;letter-spacing:1px}.stigma-cell label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.stigma-cell select{width:100%;padding:6px;font-size:12px}.sealed{display:grid;place-items:center;font-size:12px;color:var(--gold)}.budgets{flex-wrap:wrap}.budgets .quest-check{display:flex;align-items:center;gap:6px}.budgets .quest-check input{width:auto;margin:0;accent-color:var(--gold)}@media(max-width:950px){#stigmaBar{grid-template-columns:repeat(2,minmax(0,1fr))}.stigma-panel .section-title{align-items:start;flex-direction:column}}

.stigma-panel{padding:16px 0 0;margin:16px 0;border-top:1px solid var(--edge)}#stigmaBar{display:flex;gap:12px;flex-wrap:wrap}.stigma-cell{width:105px;padding:0;background:none;border:0;gap:5px}.stigma-cell.closed{opacity:.55}.stigma-cell small{color:var(--muted)}.stigma-cell .slot,.stigma-cell .key{width:60px}.stigma-cell .slot{height:60px}.stigma-cell select{font-size:10px;padding:4px}.sealed{display:flex;flex-direction:column;gap:5px}.sealed span{font-size:10px}.stigma-panel h3{font-size:11px;letter-spacing:1px}

.game-layout{--cell:clamp(32px,3.1vw,48px);display:flex;gap:0;align-items:flex-start;overflow-x:auto;padding:4px 3px 10px}.game-layout .slot,.game-layout .column,.game-layout .stigma-cell{width:var(--cell)}.game-layout .slot{height:var(--cell);border-radius:1px}.game-layout .column{gap:2px;margin:0}.game-layout #stigmaBar,.game-layout #barGrid{display:flex;flex-wrap:nowrap;gap:2px;min-width:0}.game-layout .grid-gap{width:clamp(28px,5vw,80px);flex-shrink:0}.game-layout .row-numbers{margin-left:8px;grid-template-rows:repeat(4,var(--cell));gap:2px}.game-layout .stigma-cell{padding:0;gap:2px;margin:0;border:0;background:none;position:relative}.game-layout .key{width:var(--cell);height:23px;margin-top:4px;font-size:10px;border-radius:1px}.game-layout .stigma-cell.closed{opacity:.6}.game-layout .stigma-cell select{position:absolute;top:calc(var(--cell) + 30px);width:var(--cell);padding:2px;font-size:8px;opacity:0}.game-layout .stigma-cell:focus-within select,.game-layout .stigma-cell:hover select{opacity:1;width:130px;z-index:3}.game-layout .job{font-size:8px}.game-layout .sealed{font-size:10px}.game-layout .sealed span{font-size:8px}.game-layout .rank-badge{font-size:8px}.game-layout .slot.empty:before{font-size:11px}.game-layout .slot.locked:after{font-size:8px}.game-block{flex-shrink:0}.bars .native{border:0;margin-top:6px;padding-top:0}.bars .native .slot{border-radius:1px}.bars #stigmaProgress{font-size:10px;margin:4px 0}.game-layout .stigma-column .key{color:var(--gold)}
.game-layout #barGrid .column:nth-child(3)>.slot:nth-child(-n+3){visibility:hidden}.game-layout #barGrid .column:last-child{margin-left:20px}.game-layout .slot.empty:before{display:grid;place-items:center;height:100%}

.ordered-layout{--cell:clamp(28px,2.8vw,44px);gap:3px;padding-bottom:20px}.ordered-layout #barGrid,.ordered-layout #extraGrid,.ordered-layout #native,.ordered-layout #stigmaBar{display:flex;gap:2px;margin:0;padding:0;border:0}.ordered-layout #barGrid .column:nth-child(3)>.slot:nth-child(-n+3){visibility:visible}.ordered-layout #barGrid .column:last-child{margin-left:0}.ordered-layout #native>div{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:var(--cell)}.ordered-layout #native .slot{width:var(--cell);height:var(--cell)}.ordered-layout .job{min-height:26px;max-width:var(--cell);font-size:8px;overflow-wrap:anywhere}.ordered-layout #stigmaBar .stigma-column .key{color:#93c9b4}.ordered-layout .stigma-cell select{top:calc(var(--cell) + 52px)}.ordered-layout .row-numbers{margin-left:4px}.skill-description{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:12px 0;margin:12px 0}.skill-description p{color:var(--text);margin:8px 0}.skill-description .toggle-note{color:var(--green)}