@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600;700;800&display=swap');
:root{font-family:Outfit,system-ui,sans-serif;color:#e9f4f1;background:#07151d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;overflow:hidden}button{font:inherit;cursor:pointer}#app{position:relative;height:100vh;min-height:650px;background:#07151d}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 25%,rgba(2,12,18,.28) 76%,rgba(2,12,18,.7) 100%)}.topbar{position:absolute;left:36px;right:36px;top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.brand{display:flex;align-items:center;gap:13px}.brand-symbol{position:relative;width:40px;height:44px;display:grid;place-items:center;border:1px solid #74ecd4;border-radius:8px;color:#caffed;font-size:27px;font-weight:800;box-shadow:inset 0 0 20px #22cbb820,0 0 30px #32c9ad15}.brand-symbol i{position:absolute;width:4px;height:4px;background:#70ffda;border-radius:50%;right:-3px;top:8px;box-shadow:0 0 12px #4dffce}.eyebrow,.section-kicker,.top-stats small,.objective .obj-title,.integrity>span,.controls-card>span,.panel-header small,.decision-main small,.alternatives-label,.timeline-title,.coordinate,.bottom-actions,.end-score{font-family:'DM Mono',monospace;letter-spacing:.13em}.eyebrow{color:#82dac8;font-size:9px;font-weight:500}.brand h1{font-size:16px;letter-spacing:.19em;margin:3px 0 0;font-weight:600}.top-stats{display:flex;align-items:center;gap:0;background:#091b23c9;border:1px solid #6fcab124;border-radius:8px;box-shadow:0 10px 40px #0003;backdrop-filter:blur(18px);pointer-events:auto}.top-stats>div:not(.source){padding:9px 22px;border-right:1px solid #badcd014;min-width:88px}.top-stats small{display:block;color:#789d9d;font-size:9px}.top-stats b{display:block;margin-top:3px;font-family:'DM Mono',monospace;font-size:14px;font-weight:500;color:#eff8ef;font-variant-numeric:tabular-nums}.top-stats .source{padding:0 18px;font-size:10px;letter-spacing:.12em;font-family:'DM Mono',monospace;color:#8bead1;display:flex;align-items:center;gap:8px}#sourceDot,.live-dot,.pulse{width:6px;height:6px;border-radius:50%;display:inline-block;background:#6cf6ca;box-shadow:0 0 12px #70f8ce}#sourceDot.model{background:#e9c476;box-shadow:0 0 12px #e9c476}.hud-left,.hud-right{position:absolute;top:112px;pointer-events:none}.hud-left{left:36px;width:255px}.hud-right{right:36px;width:316px;bottom:90px;display:flex;flex-direction:column;gap:12px}.section-kicker{font-size:9px;color:#6cf4c9;display:flex;align-items:center;gap:8px}.section-kicker .line{width:16px;height:1px;background:#69998d}.hud-left h2{font-size:30px;line-height:1.14;letter-spacing:-.035em;font-weight:500;margin:19px 0 12px;text-shadow:0 2px 20px #041017}.hud-left h2 em{font-style:normal;color:#87e1d0}.hud-left>p{margin:0;color:#a5bebc;font-size:13px;line-height:1.65;max-width:235px}.objective,.controls-card{pointer-events:auto;background:linear-gradient(150deg,#0e222bdc,#08191fda);border:1px solid #8ee4cf24;border-radius:9px;backdrop-filter:blur(20px);box-shadow:0 16px 40px #0003}.objective{margin-top:28px;padding:18px}.obj-title{display:flex;justify-content:space-between;color:#a5c8c2;font-size:9px}.obj-title span{color:#8eebd2}.shards{display:flex;gap:9px;margin:19px 0}.shard{width:50px;height:46px;border:1px solid #d0b87b38;background:#d1a84913;color:#c8a867;border-radius:6px;display:grid;place-items:center;font-size:22px;opacity:.45;transition:.3s}.shard.collected{opacity:1;color:#ffe2a2;background:#e9bc6133;box-shadow:0 0 24px #efbd5533}.obj-caption{font-size:11px;color:#8ea9a5;line-height:1.5}.integrity{display:flex;align-items:center;justify-content:space-between;margin:17px 1px 0}.integrity>span{font-size:10px;color:#b2cbc6}#hearts{font-size:15px;letter-spacing:4px;color:#78e6c9}#hearts i{font-style:normal;color:#63767a}.controls-card{margin-top:31px;padding:16px 18px}.controls-card>span{font-size:9px;color:#78d5c0}.controls-card>div:not(.orbit-hint){display:flex;align-items:center;gap:5px;margin-top:11px}.controls-card small{font-size:11px;color:#a1b9b3;margin-left:auto}.controls-card kbd{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 5px;border-radius:4px;border:1px solid #719d9540;background:#d3f9e50b;font-family:'DM Mono',monospace;font-size:10px;color:#e0eee7}.orbit-hint{border-top:1px solid #c1ebd51b;margin-top:14px;padding-top:13px;font-size:11px;color:#728f8a}.decision-panel,.timeline{pointer-events:auto;background:linear-gradient(160deg,#0c202be8,#07191fea);border:1px solid #85ddcc2c;border-radius:10px;box-shadow:0 20px 70px #0006;backdrop-filter:blur(23px)}.decision-panel{padding:19px}.panel-header{display:flex;align-items:center;gap:11px}.panel-mark{width:36px;height:36px;border-radius:7px;border:1px solid #71dfc554;background:#65e4c212;color:#8af6d1;display:grid;place-items:center;font-size:23px}.panel-header small{font-size:9px;color:#7dcfb9}.panel-header h2{font-size:16px;margin:3px 0 0;font-weight:600;letter-spacing:-.015em}.decision-count{margin-left:auto;font-family:'DM Mono',monospace;color:#80a69f;font-size:10px}.thinking-line{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font:9px 'DM Mono',monospace;letter-spacing:.08em;color:#78cfbe}.thinking-line span:last-child{color:#d8b877}.decision-main{display:flex;align-items:center;gap:13px;margin:15px 0 9px}.decision-main>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #55e7c76b;border-radius:8px;background:radial-gradient(circle,#4ef2c935,#34c7a50c);box-shadow:inset 0 0 20px #3ee9c21f,0 0 30px #41e9bf18;color:#baffdf;font-size:36px}.decision-main small{display:block;color:#799d96;font-size:8px}.decision-main strong{display:block;font-size:27px;font-weight:500;line-height:1.2}.summary{color:#c1d5cc;font-size:12px;line-height:1.5;min-height:36px;margin:12px 0 18px}.alternatives-label{border-top:1px solid #b0e6d326;padding-top:16px;color:#83a9a2;font-size:9px;margin-bottom:8px}.option{padding:8px 10px 7px;margin:4px -10px;border-radius:6px}.option.active{background:#51dfbe12}.option-line{display:flex;align-items:center;justify-content:space-between;font-size:11px}.option-line b{font-weight:500;color:#c3d6d0}.option.active .option-line b{color:#99f3d6}.option-line b span{color:#80ab9f;margin-right:4px}.option-line strong{font:11px 'DM Mono',monospace;color:#d6dfce}.option-track{height:3px;background:#aacbc31d;border-radius:3px;margin:7px 0 5px}.option-track i{display:block;height:100%;background:#718f91;border-radius:3px;transition:width .4s}.option.active .option-track i{background:#6cf1c9;box-shadow:0 0 8px #75ffd6}.option small{color:#789791;font-size:10px;line-height:1.2}.ask-button{width:100%;margin-top:15px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;border:1px solid #7debd243;background:#56d8bc17;color:#a8f7df;font-size:11px;text-align:left}.ask-button:hover{background:#56d8bc30}.ask-button>span:first-child{font-size:17px}.ask-button>span:last-child{margin-left:auto;font:9px 'DM Mono',monospace;color:#81b9a8}.ask-button:disabled{opacity:.45;cursor:default}.timeline{padding:15px 17px;min-height:110px;overflow:hidden;flex:1}.timeline-title{display:flex;justify-content:space-between;color:#99c4b7;font-size:9px;margin-bottom:12px}.timeline-title span:last-child{color:#719189}.feed-item{display:flex;gap:10px;padding:9px 0;border-top:1px solid #b4dace1b}.feed-item.faded{opacity:.6}.feed-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex:none;background:#5fe9c71c;color:#8eefd1;font-size:14px}.feed-icon.core{color:#e8c681;background:#edbb561c}.feed-icon.override{color:#b7c4d0;background:#9eb5c21a}.feed-item b{display:block;font-size:11px;font-weight:500}.feed-item small{display:block;color:#7d9c94;font-size:9px;margin-top:2px}.feed-empty{font-size:11px;color:#78968e}.bottom-bar{position:absolute;bottom:23px;left:36px;right:36px;height:43px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.coordinate{display:flex;align-items:center;gap:11px;font-size:10px;color:#9db9af}.coordinate b{font-weight:500;color:#e1f1e8}.coordinate>span:last-child{letter-spacing:0;color:#8ea9a1}.bottom-actions{pointer-events:auto;display:flex;align-items:center;gap:15px;font-size:9px;color:#92aea4}.bottom-actions button{background:#0d252abc;border:1px solid #8cddc846;color:#a4efd9;border-radius:6px;padding:10px 12px;letter-spacing:.09em;font:10px 'DM Mono',monospace}.bottom-actions button:hover{background:#1b3b3e}.separator{height:19px;width:1px;background:#75a99c50}.legend{display:flex;align-items:center;gap:6px}.legend i{width:5px;height:5px;background:#73f4c9;border-radius:50%;margin-left:9px}.legend i:nth-of-type(2){background:#ebc672}.legend i:nth-of-type(3){background:#f06e66}.mobile-pad{display:none}.toast{position:absolute;left:50%;top:95px;transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:#0e2b2eea;border:1px solid #8ce7c748;color:#d7f9e9;padding:10px 15px;border-radius:6px;box-shadow:0 12px 40px #0007;font-size:12px;transition:.25s;z-index:3}.toast.show{opacity:1;transform:translate(-50%,0)}.end-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#04131acb;backdrop-filter:blur(10px)}.end-overlay[hidden]{display:none}.end-card{width:min(400px,calc(100vw - 36px));padding:36px;text-align:center;border:1px solid #76e1c765;background:linear-gradient(145deg,#103239,#081b25);border-radius:12px;box-shadow:0 35px 100px #0009}.end-icon{font-size:65px;color:#d9bc7d;margin:11px}.end-card h2{font-size:30px;font-weight:500;margin:0 0 8px}.end-card p{font-size:13px;line-height:1.6;color:#a9c3bc}.end-score{color:#8cf6d3;margin:24px 0;font-size:16px}.end-card button{display:flex;justify-content:space-between;width:100%;background:#86efd1;color:#092529;padding:14px 17px;border:0;border-radius:6px;font:11px 'DM Mono',monospace;letter-spacing:.1em}.webgl-error{margin:30vh auto;text-align:center;max-width:480px;padding:25px;color:#e9f4f1}
@media(max-width:1100px){.hud-left{left:20px;width:220px}.hud-right{right:20px;width:290px}.topbar{left:20px;right:20px}.bottom-bar{left:20px;right:20px}.hud-left h2{font-size:25px}.top-stats>div:not(.source){padding:9px 13px;min-width:68px}}
@media(max-height:800px) and (min-width:791px){.controls-card{margin-top:13px;padding:11px 16px}.controls-card>div:not(.orbit-hint){margin-top:6px}.orbit-hint{display:none}}
@media(max-width:790px){html,body,#app{overflow:auto}#app{height:100vh;min-height:950px}#scene{height:560px;position:absolute}.vignette{height:560px;bottom:auto}.topbar{top:14px;left:15px;right:15px}.top-stats .source,.top-stats>div:first-child{display:none}.top-stats>div:not(.source){min-width:57px;padding:8px}.top-stats b{font-size:11px}.brand h1{font-size:11px}.brand .eyebrow{font-size:7px}.brand-symbol{width:32px;height:36px;font-size:21px}.hud-left{top:78px;left:15px;width:190px}.hud-left h2{font-size:22px;margin:12px 0 7px}.hud-left>p{display:none}.objective{margin-top:15px;padding:12px}.shards{margin:10px 0}.shard{width:34px;height:32px;font-size:17px}.integrity{margin-top:10px}.controls-card{display:none}.hud-right{left:15px;right:15px;top:570px;bottom:72px;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision-panel{padding:14px;overflow:auto}.timeline{max-height:310px}.decision-main{margin:8px 0}.decision-main>span{width:44px;height:44px;font-size:27px}.decision-main strong{font-size:23px}.thinking-line{margin-top:12px}.summary{margin:7px 0;min-height:0}.bottom-bar{bottom:15px;left:15px;right:15px}.bottom-actions .legend,.bottom-actions .separator{display:none}.coordinate{font-size:9px}.coordinate>span:last-child{display:none}.mobile-pad{display:block;position:absolute;top:310px;right:18px;pointer-events:auto}.mobile-pad>button{display:block;margin:auto auto 5px}.mobile-pad>div{display:flex;gap:5px}.mobile-pad button{background:#102a31ca;color:#b9ffdf;border:1px solid #80e7ce75;width:43px;height:43px;border-radius:7px;font-size:23px;backdrop-filter:blur(10px)}}
@media(max-width:570px){#app{min-height:1130px}.top-stats{display:none}.hud-left{top:78px;width:175px}.hud-left h2{font-size:21px}.hud-right{top:560px;bottom:65px;display:flex}.decision-panel{flex:none}.timeline{flex:1}.mobile-pad{top:300px}.bottom-bar{bottom:10px}.coordinate{gap:7px}.bottom-actions button{padding:8px}.end-card{padding:25px}}
.start-button{display:block;width:100%;margin-top:14px;padding:12px 18px;border:1px solid #a4ffe3;border-radius:6px;background:#86efd1;color:#092529;font-weight:600;font-size:15px}.start-button:hover{background:#b5ffe8}.start-button:focus-visible{outline:3px solid #fff;outline-offset:3px}#runStatus{font-size:11px;line-height:1.5;color:#a9c3bc;margin:10px 0 0}
@media(max-width:790px){.controls-card{display:block;margin-top:16px;padding:12px}.controls-card>div{display:none!important}.controls-card>span{font-size:8px}.start-button{margin-top:8px}}
@media(max-height:800px) and (min-width:791px){.controls-card>div{display:none!important}}
.latency-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;padding:12px 0;border-top:1px solid #b0e6d326;border-bottom:1px solid #b0e6d326}.latency-panel small{display:block;font:8px 'DM Mono',monospace;letter-spacing:.1em;color:#83a9a2}.latency-panel strong{display:block;margin-top:5px;font:26px 'DM Mono',monospace;color:#99f3d6;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.latency-panel em{font-style:normal;font-size:11px;color:#83a9a2;letter-spacing:0}.latency-panel p{grid-column:1/-1;margin:0;color:#789791;font-size:10px}.decision-panel{overflow:auto;min-height:0}.timeline{flex-shrink:0}