@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#153239;background:#f3f5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #428caa;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dfdc;margin:0 4vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px}.mark{background:#19383d;color:#ddf67a;padding:7px 12px;border-radius:10px}.badge{font-size:12px;letter-spacing:1px;border:1px solid #a4b6ad;border-radius:4px;padding:4px 6px}.edition,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px}main{margin:28px 4vw;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:32px;max-width:1600px}.play{position:relative;min-height:700px;overflow:hidden;background:#173a41;border-radius:24px;color:white}.scene-heading{position:absolute;top:32px;left:32px;z-index:1;pointer-events:none}.scene-heading .eyebrow{color:#d8ed92}h1{font:500 clamp(28px,3.1vw,50px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:14px 0}p{font-size:16px;line-height:1.55}.scene-heading p{color:#afc5c5;margin:12px 0}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.scene-bottom{position:absolute;bottom:22px;left:26px;right:26px;display:flex;gap:10px;justify-content:space-between;color:#b9d1ce;font-size:12px;pointer-events:none}aside{padding:12px 8px;display:flex;flex-direction:column}.session{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.session b{font-size:16px;margin-left:5px}.progress{height:4px;background:#dce3dd;margin:18px 0 32px;border-radius:4px;overflow:hidden}#progress{height:100%;background:#447962;transition:width .3s}h2{font:500 32px/1.1 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:12px 0}#brief{margin:0 0 14px;color:#536968}.risk{border-left:3px solid #80a13b;padding:10px 14px;background:#e8eddd;font-size:14px;line-height:1.5}.inventory-title{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin:22px 0 10px}.inventory-title span{font-size:12px;font-weight:400;color:#536968}#inventory{display:grid;grid-template-columns:1fr 1fr;gap:8px}.equipment{background:white;border:1px solid #d9e1db;border-radius:12px;padding:14px;text-align:left;display:flex;align-items:center;gap:10px;font-size:14px;min-height:60px}.equipment .number{font:600 18px 'Space Grotesk',sans-serif;color:#728983}.equipment[aria-pressed=true]{background:#e5f3bf;border-color:#79954e}.equipment[aria-pressed=true] .number{color:#30572c}.feedback{font-size:14px;line-height:1.5;margin:16px 0;min-height:42px}.feedback.good{color:#286532}.feedback.bad{color:#92421e}.primary{display:flex;justify-content:space-between;border:0;background:#d9f57c;color:#18362b;font-weight:700;padding:17px 20px;border-radius:12px}.primary:hover{background:#cceb62}.immersive{border-top:1px solid #d7dfdc;margin-top:24px;padding-top:20px}.xr-buttons{display:flex;gap:8px;margin-top:12px}.xr-buttons button{flex:1;background:#18383e;color:white;border:0;border-radius:10px;padding:13px 8px;font-size:14px}.immersive p{font-size:12px;color:#536968;margin:10px 0}.text-button{align-self:center;border:0;background:none;text-decoration:underline;color:#536968;font-size:12px;padding:12px}footer{margin:0 4vw 26px;display:flex;gap:32px;align-items:baseline;color:#607570}footer>span{font-size:12px;white-space:nowrap;letter-spacing:1px}footer p{font-size:12px;max-width:780px}footer a{color:inherit}@media(min-width:1600px){main{margin-left:auto;margin-right:auto}}@media(max-width:850px){header{height:72px}.edition{display:none}main{grid-template-columns:1fr;gap:20px}.play{min-height:530px}.scene-heading{top:24px;left:24px}h1{font-size:34px}aside{padding:8px}footer{display:block}.scene-bottom>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Version 2: the work environment occupies the main surface. */
.play{background:#566871;min-height:730px}.scene-heading{left:26px;top:26px;right:26px;text-shadow:0 2px 14px #12212ecc}.scene-heading::before{content:"";position:absolute;z-index:-1;inset:-26px -26px -50px;background:linear-gradient(#11252ccd,transparent);pointer-events:none}.scene-heading h1{font-size:clamp(26px,2.6vw,40px);letter-spacing:-1.4px;margin:10px 0}.scene-heading p{color:#fff;font-size:14px;margin:4px 0}.view-controls{position:absolute;bottom:55px;left:24px;display:flex;gap:4px;padding:4px;background:#183039e8;border:1px solid #ffffff30;border-radius:30px;z-index:2}.view-controls button{border:0;border-radius:24px;padding:10px 15px;background:transparent;color:#e8eded;font-size:13px}.view-controls button[aria-pressed=true]{background:#d9f57c;color:#19332d}.scene-bottom{bottom:19px;color:#fff;text-shadow:0 1px 4px #000}.scene-bottom>span:last-child{display:none}@media(max-width:850px){.play{min-height:560px}.scene-heading h1{font-size:29px}.view-controls{left:18px;bottom:48px}.scene-heading{top:22px;left:22px}}

.layout-editor{border-top:1px solid #d7dfdc;margin-top:16px;padding-top:16px}.layout-editor>p{font-size:14px;line-height:1.5;color:#536968}.layout-help{font-size:13px!important;line-height:1.5;color:#526862}.layout-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.layout-actions button{flex:1;border:1px solid #c5d1c4;border-radius:8px;padding:12px;font-size:13px;background:white}.boundary-note{color:#345c65!important;border-left:3px solid #69b9c7;padding-left:10px}
.play{position:sticky;top:20px;align-self:start;height:730px}@media(max-width:850px){.play{position:relative;top:auto;height:560px}}

.brand-logo{position:relative;display:block;width:210px;height:54px;overflow:hidden;border-radius:5px;flex-shrink:0;background:#a8d500}.brand-logo img{position:absolute;width:151.515%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-48%)}.game-name{font-size:14px;letter-spacing:1px;padding-left:14px;border-left:1px solid #b9c9bc}.brand{gap:14px}@media(max-width:850px){.brand-logo{width:176px;height:45px}.game-name{font-size:12px;padding-left:12px}.brand{gap:12px}}

/* Version 6: clearer task hierarchy and voice controls. */
aside{background:#fff;border:1px solid #dbe3df;border-radius:22px;padding:26px;box-shadow:0 10px 35px #19352a06}.session{color:#597168}.progress{margin-bottom:26px}h2{font-size:34px;line-height:1.16;margin:12px 0 16px}#brief{font-size:16px;line-height:1.65}.risk{border-radius:0 8px 8px 0}.feedback{padding:15px;background:#eff4f0;border-radius:10px;font-size:14px;min-height:70px}.feedback.good{background:#e8f4df}.feedback.bad{background:#fff0e3}.primary{min-height:56px}.audio-controls{display:flex;gap:8px;margin-top:16px}.audio-controls button{border:1px solid #c6d5c9;background:#f4f8f0;padding:12px 14px;border-radius:10px;font-size:14px;color:#25453a}.audio-controls button:first-child{flex:1;font-weight:700}.audio-status{font-size:12px;color:#607568;line-height:1.4;margin:8px 0}.brand-logo{width:250px;height:64px}.credits{font-size:12px;color:#607570;white-space:nowrap}.play{height:780px}.layout-editor>p{font-size:13px}.immersive{margin-top:20px}@media(max-width:850px){aside{padding:22px}.play{height:580px}.brand-logo{width:188px;height:48px}.game-name{font-size:12px}footer .credits{display:inline-block;margin-top:8px}}