:root{color-scheme:dark;--ink:#0a0f14;--panel:#11181c;--stroke:#34404a;--brass:#ba9867;--light:#e7dac2;--text:#99a8ae}*{box-sizing:border-box}body{margin:0;background:var(--ink);font-family:Inter,"Segoe UI",sans-serif;color:var(--light);letter-spacing:.015em}button,select,input{font:inherit}button{cursor:pointer;transition:.16s ease;background:#1b2629;border:1px solid #49545a;color:#d1d8ce;letter-spacing:.08em;font-size:10px;font-weight:700;min-height:36px;padding:0 11px}button:hover,button:focus-visible{border-color:var(--brass);color:#fff;background:#303937}button.active{border-color:var(--brass);color:var(--brass)}button.primary{background:linear-gradient(105deg,#aa7942,#d3ad73);color:#0e1618;border:none;flex:1}button.primary:hover{filter:brightness(1.15)}.layout{min-height:100svh;display:flex;flex-direction:column}.topbar{height:69px;background:#0b1116;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2f393e;padding:0 28px}.brand{display:flex;align-items:center;gap:14px}.brand .sigil{font-size:35px;color:var(--brass)}.brand b{font-weight:850;font-size:17px;letter-spacing:.11em}.brand b span{color:var(--brass)}.brand small{display:block;font-size:9px;color:#77868c;letter-spacing:.21em;margin-top:5px}.topnav{display:flex;align-items:center;gap:20px;font-size:10px;font-weight:700;letter-spacing:.18em}.topnav a{color:#c7b58c;text-decoration:none}.topnav .line{height:20px;border-left:1px solid #37434a}.pill{border:1px solid #5a513f;color:#a38e66;padding:8px 12px}main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:610px}.stage{position:relative;overflow:hidden;min-height:680px;background:linear-gradient(#08121b77,#0b1119b9),url('previews/01_fortress_hero.webp') center/cover}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 53% 44%,transparent 38%,#08101688 100%)}#viewport{position:absolute;inset:0;z-index:1}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;pointer-events:none;left:36px;top:37px;z-index:3;text-shadow:1px 2px 14px #020406}.stage-top .eyebrow{font-size:10px;letter-spacing:.28em;color:#d3b47d}.stage-top .eyebrow span{padding:0 7px;color:#787d78}.stage-top h1{font-family:Georgia,serif;font-size:clamp(26px,4.0vw,57px);letter-spacing:.07em;font-weight:500;margin:10px 0 1px}.stage-top h1 em{font-style:normal;color:#c7a16c}.stage-top p{font-size:11px;letter-spacing:.35em;color:#bfc9c4;margin:0}.camera-rail{position:absolute;left:34px;bottom:92px;z-index:3;display:flex;gap:6px;flex-wrap:wrap}.camera-rail button{background:#09121bbb;backdrop-filter:blur(6px)}.stage-bottom{position:absolute;bottom:22px;left:34px;right:28px;z-index:3;display:flex;justify-content:space-between;gap:20px;color:#aab4b4;font-size:9px;letter-spacing:.12em;text-shadow:0 1px 3px #000}.renderstats{white-space:nowrap;color:#cab286}.controlpanel{background:linear-gradient(160deg,#1a2022,#10171a 70%);border-left:1px solid #39464b;overflow:auto;max-height:calc(100svh - 110px);scrollbar-width:thin;scrollbar-color:#57605d transparent}.panelhead{padding:29px 25px 22px;border-bottom:1px solid #323c3e}.micro,.sectionlabel{font-size:10px;letter-spacing:.18em;color:#bea26f;font-weight:700}.panelhead h2{font-family:Georgia,serif;font-size:27px;letter-spacing:.01em;margin:10px 0 7px;font-weight:400}.panelhead p{font-size:11px;color:#83969b;margin:0}.section{padding:20px 24px 23px;border-bottom:1px solid #303b3f}.sectionlabel{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;color:#acb9b7}.status{font-size:8px;color:#bf8068}.status.live{color:#7ec3b0}.tag{font-size:8px;color:#8f998e;letter-spacing:.08em}.statrow{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:15px 0 12px}.statrow strong{font-family:Georgia,serif;font-weight:400;font-size:32px;color:#d6b47d}.statrow span,.hintrow,.split label,.inspect span,.inspect small{font-size:9px;letter-spacing:.13em;color:#98a6a5}.statrow.small{margin-top:22px}.statrow.small strong{font-size:22px}.hintrow,.split{display:flex;justify-content:space-between;gap:10px;margin:8px 0 14px}.split output{color:#dab37d;font-size:10px}.range{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,#a88654,#404c4d);margin:10px 0;cursor:pointer}.range::-webkit-slider-thumb{appearance:none;background:#dcb886;width:12px;height:12px;border:3px solid #282b27;outline:1px solid #a78b5c;transform:rotate(45deg)}.range::-moz-range-thumb{background:#dcb886;border:none;width:13px;height:13px}.buttons{display:flex;gap:8px;margin-top:12px}.buttons button{flex:1}.inspect{background:#0a1215;border:1px solid #364044;margin-top:15px;padding:13px}.inspect span{display:block;margin-bottom:7px}.inspect b{font-size:12px;word-break:break-word;color:#dbc397;display:block;letter-spacing:.03em}.inspect small{display:block;margin-top:6px;letter-spacing:0}select{width:100%;height:37px;background:#121a1d;border:1px solid #3d4b50;color:#e0ceac;margin-bottom:14px;padding:0 8px;font-size:10px;letter-spacing:.075em}.footnote{padding:22px 24px;display:flex;gap:12px;align-items:start;color:#7d9490}.footnote span{color:#c4a064;font-size:24px}.footnote p{font-size:10px;line-height:1.6;margin:0}footer{height:40px;border-top:1px solid #2b383c;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:9px;letter-spacing:.14em;color:#708185}#loading{position:absolute;z-index:5;inset:0;background:linear-gradient(140deg,#101922ee,#081016e6);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}#loading strong{letter-spacing:.25em;font-size:15px;color:#dcb783}#loading p{font-size:11px;color:#8da29e;margin:0}.loadsymbol{font-size:56px;color:#bd9756;animation:pulse 2s infinite alternate}.bar{width:230px;height:2px;background:#465455}.bar i{display:block;width:12%;height:100%;background:#d4a868;transition:width .25s}@keyframes pulse{to{opacity:.35;transform:rotate(50deg)}}@media(max-width:920px){main{display:flex;flex-direction:column}.stage{min-height:550px}.controlpanel{max-height:none;border-left:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.panelhead,.footnote{grid-column:1/-1}.section:last-of-type{grid-column:1/-1}}@media(max-width:560px){.topbar{height:60px;padding:0 14px}.brand .sigil{font-size:27px}.brand b{font-size:14px}.brand small{font-size:8px}.topnav .pill,.topnav .line{display:none}.topnav{font-size:9px}.stage{min-height:490px}.stage-top{top:22px;left:18px}.stage-top h1{font-size:33px}.camera-rail{left:15px;bottom:81px;right:10px}.camera-rail button{font-size:8px;min-height:31px;padding:0 6px}.stage-bottom{left:16px;right:12px;bottom:13px;display:block;font-size:8px}.renderstats{margin-top:7px}.controlpanel{display:block}.panelhead,.section{padding:20px}.footnote{padding:16px 20px}footer{padding:0 12px;font-size:7px}}body.embed .topbar,body.embed footer,body.embed .controlpanel{display:none}body.embed main{display:block}body.embed .stage{width:100vw;height:100vh;min-height:0}body.embed .stage-top{transform:scale(.65);transform-origin:top left}
