:root{font-family:DM Sans,system-ui,sans-serif;color:#dce8e7;background:#0d1519;font-synthesis:none;--line:#2a373c;--muted:#8faaaa;--accent:#c0e37b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,summary,select{cursor:pointer}button{border:1px solid #415056;background:#1d2a2f;color:#deece8;border-radius:7px;padding:10px 12px;transition:background .15s}button:hover:not(:disabled){background:#314047}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--accent);color:#172313;border-color:var(--accent);font-weight:700}button.primary:hover:not(:disabled){background:#d1f590}input,select{color:#e1eae7;background:#121e23;border:1px solid #36464c;border-radius:6px;min-width:0;width:100%;padding:9px 10px}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}label{font-size:12px;color:#adbfbd;display:block;margin:13px 0 0}label input,label select{display:block;margin-top:6px}header{height:80px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:600 25px Space Grotesk,sans-serif;letter-spacing:-1px;color:#e5eeea;text-decoration:none;display:flex;align-items:center;gap:22px}.brand span{font:500 10px DM Sans,sans-serif;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.pill{font-size:11px;color:#b7d1c6;border:1px solid #3d554f;border-radius:30px;padding:8px 13px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;max-width:1800px;margin:0 auto;padding:24px 32px}.viewport{position:sticky;top:24px;align-self:start;height:calc(100dvh - 150px);min-height:480px;max-height:1000px;border:1px solid #2a3b3f;border-radius:12px;overflow:hidden;background:#0b181d}canvas{width:100%;height:100%;display:block;touch-action:none}.scene-top{position:absolute;top:28px;left:30px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#97b5aa}.scene-top h1{font:500 clamp(24px,3vw,42px) "Space Grotesk",sans-serif;letter-spacing:-1.4px;margin:10px 0}.scene-top p{font-size:12px;color:#96ada9;margin:0}.scene-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9bb9af;pointer-events:none}.scene-bottom span:first-child{color:#dcf0be;font-variant-numeric:tabular-nums}#overlay{position:absolute;inset:40% 12%;text-align:center;color:#d9e9c6;background:#132529e8;border:1px solid #465d57;border-radius:10px;padding:22px;overflow:auto;white-space:pre-wrap;height:fit-content;max-height:50%}aside{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid var(--line);border-radius:10px;padding:18px 18px 20px;background:#162126}.section-title{display:flex;justify-content:space-between;gap:5px;color:#a5bcaf;font-size:9px;letter-spacing:1.4px;border-bottom:1px solid var(--line);padding-bottom:13px}.section-title span+span{letter-spacing:0;color:#849b96}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{font-size:11px;line-height:1.65;color:#8fa5a1;margin:9px 0}.check{display:flex;align-items:center;gap:9px}.check input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.slider{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px}.slider output{font-variant-numeric:tabular-nums;color:#c6db9f}.slider input{padding:0;accent-color:var(--accent);border:0}.buttons{display:flex;gap:7px;margin-top:15px}.buttons button{flex:1;font-size:11px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.metrics small{display:block;font-size:8px;letter-spacing:1.2px;color:#92aaa3}.metrics strong{display:block;font:400 19px Space Grotesk,sans-serif;margin-top:5px;font-variant-numeric:tabular-nums}.status{font-size:11px;line-height:1.6;color:#c7dcad;margin:14px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.status.error{color:#ffae96}details{margin-top:16px;font-size:11px;color:#a0b2ad}details button{width:100%;font-size:11px}#cancel{margin-top:12px;width:100%;border-color:#927b52;color:#e2c288}.results{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:24px;background:#152024}.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.results h2{font:500 23px Space Grotesk,sans-serif;letter-spacing:-.5px;margin:10px 0}.results-heading button{font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:18px;text-align:left;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}th{color:#9bab9f;font-weight:500;padding:12px;border-bottom:1px solid #465951}td{padding:12px;border-bottom:1px solid #293b3b;color:#c4d8cf}tbody tr:hover{background:#1c2c2e}td:nth-child(6){color:var(--accent)}footer{max-width:1800px;margin:0 auto;display:flex;justify-content:space-between;padding:8px 34px 26px;font-size:10px;color:#829690;gap:12px}[hidden]{display:none!important}@media(max-width:950px){main{grid-template-columns:minmax(0,1fr) 315px;padding:16px;gap:16px}.panel{padding:15px}.viewport{min-height:400px}.scene-top{left:20px}.scene-bottom{left:18px;right:18px}.scene-bottom span+span{display:none}}@media(max-width:700px){header{height:66px;padding:0 18px}.brand{font-size:23px;gap:12px}.brand span{font-size:8px;padding-left:12px;letter-spacing:1px}.pill{font-size:9px;padding:7px 9px}main{display:flex;flex-direction:column;padding:12px;gap:14px}.viewport{position:relative;top:0;min-height:390px;height:58dvh;max-height:620px}.scene-top{top:22px}.scene-top h1{font-size:30px}.scene-bottom span+span{display:block;font-size:9px}aside{gap:12px}.panel{padding:18px}.buttons button{font-size:12px;padding:12px 8px}.results{padding:16px}.results h2{font-size:20px}.results-heading{align-items:flex-start}.results-heading button{font-size:10px}footer{flex-direction:column;padding:10px 18px 24px;line-height:1.5}}.arena{margin:0;overflow:hidden;background:#071215}.arena #app{height:100dvh}.arena header,.arena footer,.arena .scene-top{display:none}.arena main{display:block;padding:0;margin:0;max-width:none}.arena .viewport{position:fixed;inset:0;border:0;border-radius:0;height:100dvh;min-height:0;max-height:none}.arena #world{width:100%;height:100%;touch-action:none}.arena .scene-bottom{bottom:76px;left:20px;right:auto;pointer-events:none}.arena .scene-bottom span:last-child{display:none}.arena aside{position:fixed;z-index:10;right:14px;top:78px;bottom:88px;width:min(390px,calc(100vw - 28px));overflow:auto;border:1px solid #385456;border-radius:18px;background:#0d1a1ef5;box-shadow:0 20px 60px #0008;overscroll-behavior:contain;padding:12px;scrollbar-width:thin}.arena aside .panel{border:0;padding:12px 8px;border-bottom:1px solid #ffffff15;background:transparent;box-shadow:none;border-radius:0}.arena .arena-toolbar{position:fixed;z-index:20;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:linear-gradient(#071215e8,#07121500);display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.arena-toolbar a,.arena-toolbar button,.arena-toolbar output{pointer-events:auto}.arena-toolbar a{font-size:22px;font-weight:700;color:#ebf5ef;text-decoration:none}.arena-toolbar a span{font-size:10px;letter-spacing:.1em;display:block;color:#9eb5b1}.arena-toolbar>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.arena-toolbar button{padding:9px 12px;background:#12252bea;border-color:#405557}.arena-toolbar output{font-size:12px;background:#12252bea;padding:8px;border-radius:8px;min-width:42px;text-align:center}.arena .arena-hud{position:fixed;z-index:12;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;pointer-events:none}.arena-hud button{pointer-events:auto;background:#193038ed}.arena-hud span{background:#0e1f25e8;border:1px solid #385456;border-radius:10px;padding:10px 12px;font-size:12px;font-variant-numeric:tabular-nums}.arena .results{position:fixed;z-index:30;inset:90px 16px 88px;padding:20px;overflow:auto;background:#101f25f7;border:1px solid #385456;box-shadow:0 20px 80px #000b;border-radius:18px}.arena .results-heading{gap:12px;flex-wrap:wrap}.arena .results h2{font-size:23px}.arena [hidden]{display:none!important}.arena #overlay{max-width:min(560px,90vw);background:#11232ee8;border-radius:12px;padding:18px}.arena input,.arena select{min-height:42px}.arena #size-limit{color:#c9dd97}.arena .status{overflow-wrap:anywhere}@media(max-width:600px){.arena-toolbar a span{display:none}.arena-toolbar a{font-size:18px}.arena .arena-toolbar{padding-left:10px;padding-right:10px;align-items:flex-start}.arena-toolbar button{padding:8px;font-size:11px}.arena-toolbar>div{gap:4px}.arena-toolbar #fullscreen{display:none}.arena-toolbar output{padding:6px;min-width:30px}.arena aside{top:62px;bottom:88px;max-height:75dvh}.arena .arena-hud{left:10px;right:10px;gap:5px;flex-wrap:wrap}.arena-hud span{flex:1;font-size:10px;padding:8px}.arena-hud button{padding:9px;font-size:11px}.arena .results{inset:64px 10px 88px;padding:14px}.arena .scene-bottom{bottom:80px;left:12px;font-size:11px}}