:root{color:#eef0dc;--accent:#d7ed83;background:#12242a;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:24px 36px}button,select,input{font:inherit}button,select{color:inherit;background:#213940;border:1px solid #53696d;border-radius:7px;min-height:44px;padding:10px 15px}button{cursor:pointer}button:hover{background:#365156}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffbc88}a{color:var(--accent)}header{letter-spacing:.12em;align-items:center;gap:12px;font-size:10px;display:flex}header a{margin-right:auto;text-decoration:none}header span{color:#a6b6b5}nav{gap:10px;margin-top:28px;display:flex}nav button{text-align:left;flex:1}nav button[aria-current=true]{border-color:var(--accent);color:var(--accent)}.intro{padding:20px 0}.eyebrow{letter-spacing:.16em;color:var(--accent);font-size:10px;font-weight:700}h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(38px,5vw,70px)}h2{margin:8px 0;font:26px Georgia,serif}.intro>p:last-child{color:#b6cbca;max-width:680px;font-size:18px;line-height:1.5}.challenge{border-block:1px solid #4a6063;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px 0;display:flex}.challenge p:last-child{color:#bbcdcc;font-size:14px}.challenge label{min-width:210px}label{color:#bdcccb;font-size:12px}select{width:100%;margin-top:8px;display:block}.workshop{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.view,.desk{border:1px solid #4a6063;border-radius:14px;overflow:hidden}.desk{padding:24px}#stage{height:470px;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block}.stage-label{color:#adc9c8;pointer-events:none;font-size:9px;position:absolute;top:20px;left:20px}#home{font-size:11px;position:absolute;bottom:16px;left:16px}#measurement{color:var(--accent);padding:0 20px;font-size:13px;line-height:1.5}#downloads{flex-wrap:wrap;gap:15px;padding:0 20px 20px;font-size:12px;display:flex}.control{grid-template-columns:1fr 55px;gap:6px;margin:15px 0;display:grid}.control label{grid-column:1/-1;font-size:13px}.control input[type=range]{width:100%;accent-color:var(--accent)}.control input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}output{color:var(--accent);text-align:right}.actions{gap:8px;margin:18px 0 12px;display:flex}.primary{background:var(--accent);color:#172c30;letter-spacing:.04em;border:0;width:100%;font-weight:700}.primary:hover{background:#efffc3}#test{margin-top:14px}#status{color:#afc2c1;min-height:34px;font-size:12px;line-height:1.5}#verdict{font:21px/1.5 Georgia,serif}#passport{color:var(--accent);font-size:12px}.learning{color:#b4c7c5;grid-template-columns:1fr 1fr;gap:40px;padding:26px 0;font-size:13px;line-height:1.7;display:grid}.learning>div>p:last-child{color:#e2e9d8;font:23px/1.5 Georgia,serif}summary{cursor:pointer;color:#e2e9d8}#calls{overflow-wrap:anywhere}footer{color:#a6bcbb;border-top:1px solid #4a6063;justify-content:space-between;gap:20px;padding:22px 0;font-size:10px;display:flex}#overlay{text-align:center;z-index:10;background:#102329ed;place-items:center;display:grid;position:fixed;inset:0}[hidden]{display:none!important}@media (width<=850px){main{padding:18px}.workshop{grid-template-columns:1fr}#stage{height:350px}.learning{grid-template-columns:1fr;gap:12px}nav{flex-wrap:wrap}nav button{flex:140px}.challenge{flex-direction:column;align-items:start}.challenge label{width:100%}header span{display:none}header,footer{flex-wrap:wrap}.desk{padding:20px}}.onboarding{color:#e1eccc;background:#1e343c;border-left:4px solid #ffbb7b;padding:12px 18px;line-height:1.7}#games{display:none}.balance-track{background:#14282e;border-radius:20px;height:24px;margin:20px 25px 0;position:relative}.safe-zone{background:#d7ed8344;border-inline:2px solid #d7ed83;width:38.4%;height:100%;position:absolute;left:30.8%}#balance-dot{color:#ff8a72;font-size:23px;line-height:24px;transition:left .4s;position:absolute;left:50%;transform:translate(-50%)}#balance-readout{color:#ffbe87;padding:0 20px;font-size:13px}.control select{grid-column:1/-1;margin:0}h1{text-shadow:4px 4px #38524a}header button{letter-spacing:0;font-size:12px}#verdict{border-left:3px solid var(--accent);padding-left:12px}#exit,#pause-exit{color:#fdb;border:2px solid #ffbe87;font-weight:700}#pause-exit{margin-left:12px}#launcher{max-width:850px;margin:10vh auto;padding:32px;line-height:1.7}#launcher a{width:auto;padding:16px;text-decoration:none;display:inline-block}header{z-index:3;background:#12242af5;padding:10px 0;position:sticky;top:0}
