@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'Space Grotesk',sans-serif;color:#dbe7e9;background:#0b1319}*{box-sizing:border-box}body{margin:0}header{height:88px;border-bottom:1px solid #28343a;display:flex;align-items:center;padding:0 3.5%;gap:12px}.brand{display:flex;align-items:center;gap:15px;font-size:16px;letter-spacing:2px}.brand b{color:#5ee5bd}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#80959b;margin-top:5px}.logo{font-size:36px;color:#5ee5bd}.live{margin-left:auto;font-size:10px;letter-spacing:1px;color:#8fa5ad;margin-right:25px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5ee5bd;margin-right:7px}button{background:#17242c;border:1px solid #35454d;border-radius:6px;padding:11px 15px;color:#dbe7e9;cursor:pointer;font:inherit;font-size:12px}button:hover{border-color:#5ee5bd;color:#5ee5bd}main{max-width:1550px;margin:auto;padding:30px 3.5%}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#77a398}h1{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:12px 0}em{font-style:normal;color:#5ee5bd}.stats{display:flex;gap:40px}.stats small{display:block;font-size:9px;letter-spacing:1.5px;color:#8a9da5}.stats strong{display:block;font-size:26px;margin-top:9px;font-weight:500}#status{font-size:19px;color:#5ee5bd;padding-top:6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.viewport{background:#111e27;border:1px solid #32414a;border-radius:10px;overflow:hidden;align-self:start}.canvasbar{padding:15px 20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#91a6b1;border-bottom:1px solid #32414a}canvas{width:100%;display:block}.hint{padding:15px 20px;color:#b3c6cb;font-size:12px;border-top:1px solid #32414a;min-height:47px}aside{display:flex;flex-direction:column;gap:15px}.card{border:1px solid #2c3c44;background:#111d25;border-radius:9px;padding:21px}h2{font-size:22px;letter-spacing:-.6px;margin:13px 0}p{font-size:12px;line-height:1.7;color:#91a7b0}.progress,.meter{height:7px;background:#26363d;border-radius:4px;overflow:hidden;margin-top:20px}.progress div{height:100%;background:#5ee5bd;transition:width .3s}.growth{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-top:10px;color:#8aada5}.growth b{color:#5ee5bd}ul{padding:0;list-style:none;font-size:12px;line-height:2;color:#adc1c7}.reading{display:flex;justify-content:space-between;font-size:12px;margin-top:20px}.meter{margin-top:10px}.meter div{height:100%;background:#f1b96d;width:30%}#log{font-size:11px;line-height:1.6;color:#91a7b0;margin-top:15px}#log div{margin-bottom:8px;border-left:2px solid #46665d;padding-left:9px}footer{display:flex;gap:30px;margin-top:22px;align-items:center}.player{display:flex;gap:12px;align-items:center;flex:1}.player>b{padding:12px;border-radius:8px;background:#143c39;color:#5ee5bd}.p2>b{background:#422d25;color:#ffb173}.player strong{display:block;font-size:11px;letter-spacing:1px}.player span,.player small{display:block;font-size:10px;color:#8a9da5;margin-top:5px}.player small{color:#c5d8d6}dialog{background:#14242e;color:#deeeeb;border:1px solid #4a6e68;border-radius:14px;padding:30px;max-width:620px}dialog::backdrop{background:#040b10c9;backdrop-filter:blur(5px)}#bindings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}#bindings button{font-size:11px}@media(max-width:1000px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr}.mission{grid-row:span 2}.live{display:none}.stats{gap:16px}h1{font-size:30px}footer{flex-wrap:wrap}}@media(max-width:650px){header{padding:10px;height:auto;flex-wrap:wrap}.brand{width:100%}.top{display:block}.stats{margin-top:20px}.player{min-width:100%}aside{display:block}.card{margin-top:12px}}