/* Vedøy's original scroll-driven workspace. */
body[data-page="landing"]{overflow-x:clip;overflow-y:visible}
body[data-page="landing"] .mission-entry{position:relative!important;inset:auto!important;width:100%;height:100svh;min-height:100svh;z-index:1;transform:none;opacity:1}
body[data-page="landing"] .mission-entry{overscroll-behavior:auto;touch-action:auto}
body[data-page="landing"] .mission-entry.mission-at-end .mission-deck{touch-action:pan-y}
body[data-page="landing"] .sidebar,body[data-page="landing"] .sidebar-resizer,body[data-page="landing"] .topbar{display:none}
body[data-page="landing"] .sidebar.entry-overlay.open{display:flex}
body[data-page="landing"].nav-open{overflow:hidden}
body[data-page="landing"] .main-area{margin-left:0!important;width:100%}
body[data-page="landing"] .content-wrap{max-width:1500px;margin:auto;padding:0 clamp(18px,5vw,72px);animation:none;transform:none}
body[data-page="landing"] .developer-room{padding-top:0}
body[data-page="landing"] .developer-room-landing{max-width:none;opacity:var(--room-reveal,.08);transform:translateY(calc((1 - var(--room-reveal,0)) * 52px)) scale(calc(.985 + var(--room-reveal,0) * .015));transform-origin:50% 0;will-change:opacity,transform}
body[data-page="landing"] .developer-room-landing .room-journey{min-height:100svh}
body[data-page="landing"] .mission-entry{opacity:calc(1 - var(--mission-exit,0));filter:blur(calc(var(--mission-exit,0) * 3px));transform:translateY(calc(var(--mission-exit,0) * -24px)) scale(calc(1 - var(--mission-exit,0) * .018));transform-origin:50% 100%;will-change:opacity,filter,transform}
body[data-page="landing"] .mission-entry.mission-transition-complete{pointer-events:none}
.room-landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin-bottom:42px;background:#0b1b26}
.room-landing-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#9eb7be;font:9px var(--mono);letter-spacing:.12em}
.room-landing-brand img{width:106px;height:42px;object-fit:contain}
.room-landing-nav>div{display:flex;align-items:center;gap:24px}
.room-landing-nav>div>a:not(.button-primary){font:12px var(--sans);color:#b8cdd3;text-decoration:none}
html[data-theme="light"] .room-landing-nav{background:var(--paper)}
html[data-theme="light"] .room-landing-brand img{filter:brightness(0)}
html[data-theme="light"] .room-landing-brand,html[data-theme="light"] .room-landing-nav>div>a:not(.button-primary){color:#244b54}
@media(max-width:760px){.room-landing-nav{flex-wrap:wrap;padding:14px 0;gap:10px;margin-bottom:24px}.room-landing-brand{gap:12px}.room-landing-brand img{width:86px;height:32px}.room-landing-nav>div{width:100%;justify-content:space-between;gap:10px}.room-landing-nav>div>a:not(.button-primary){font-size:11px}.room-landing-nav .button-primary{padding:10px;font-size:10px}}
body[data-page="room"]{overflow-x:clip;overflow-y:visible}
body[data-page="room"].nav-open{overflow:hidden}
body[data-page="room"] .content-wrap{animation:none;transform:none}
.developer-room{max-width:1440px;margin:0 auto;padding:52px 0 32px;color:#e9f5f6}
.room-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:38px}
.room-heading>div>span,.room-chapter>span{font:10px var(--mono);letter-spacing:.16em;color:#81d6e2}
.room-heading h1{font:800 clamp(42px,5.4vw,80px)/1.03 var(--display);letter-spacing:-.055em;margin:20px 0 14px}
.room-heading h1 em,.room-chapter h2 em{font-style:normal;color:#dafa71}
.room-heading p{color:#9db9c3;line-height:1.7;font-size:14px}
.room-heading>a{color:#9bd9df;font:11px var(--mono);text-decoration:none;white-space:nowrap;padding:12px 0}
.room-journey{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:clamp(24px,4vw,70px);position:relative;scroll-margin-top:85px}
.room-stage{position:sticky;top:100px;align-self:start;height:min(74svh,760px);min-height:410px;background:radial-gradient(ellipse at 45% 40%,#235265,#0c2230 75%);border:1px solid #3b6272;border-radius:24px;overflow:hidden;box-shadow:0 22px 80px #0003}
.room-canvas{position:absolute;inset:0}.room-canvas canvas{display:block;width:100%;height:100%}
.room-status{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;gap:7px;pointer-events:none;color:#a3c4cc;font:9px var(--mono)}
.room-live-dot{width:6px;height:6px;border-radius:50%;background:#dafa71;box-shadow:0 0 12px #dafa7188;flex:0 0 auto}
.room-caption{position:absolute;left:20px;bottom:78px;pointer-events:none;display:grid;gap:6px}.room-caption>span{color:#8daab7;font:9px var(--mono)}.room-caption strong{font:600 15px var(--display);color:#eff8f9}
.room-jump-controls{position:absolute;left:20px;bottom:23px;display:flex;gap:5px;flex-wrap:wrap}.room-jump-controls button{border:1px solid #496473;background:#092232e8;border-radius:7px;padding:9px 12px;color:#b9d2d9;font:10px var(--mono);cursor:pointer;transition:background .2s,color .2s}.room-jump-controls button.active{background:#dafa71;color:#142423;border-color:#dafa71}
.room-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#244654}.room-progress i{display:block;height:100%;width:0;background:#dafa71}
.room-chapter{min-height:82svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:70px 0;opacity:.45;transition:opacity .3s}
.room-chapter-active{opacity:1}.room-chapter h2{font:750 clamp(32px,3.7vw,58px)/1.08 var(--display);letter-spacing:-.04em;margin:0;color:#f0f7f8}
.room-chapter p{font-size:14px;line-height:1.8;color:#a7bec6;margin:0;max-width:35ch}.room-chapter>a{border-bottom:1px solid #77d7e3;color:#90e9ef;text-decoration:none;font:600 12px var(--mono);padding:8px 0}.room-chapter small{color:#8aa4b0;font:10px var(--mono);margin-top:24px}.room-chapter code{font:10px var(--mono);border:1px solid #345363;padding:10px 13px;border-radius:7px;background:#0b1d29;color:#bcdbdf;overflow-wrap:anywhere}
.room-footer{padding:40px 0;margin-top:15px;border-top:1px solid #325060;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.room-footer>span{font:650 clamp(19px,2vw,28px) var(--display);color:#dcecef}.room-footer button{border:1px solid #3e606f;border-radius:7px;background:#102836;color:#c5e7ed;padding:11px 15px;cursor:pointer;font:11px var(--mono)}.room-footer>a:last-child{margin-left:auto;font:10px var(--mono);color:#89a8b4;text-decoration:none}
.room-portal-access{position:absolute;top:18px;right:18px;z-index:5;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border:1px solid #66ddeb66;border-radius:10px;background:#081824d9;box-shadow:0 12px 30px #0006;backdrop-filter:blur(12px);color:#eaf8fa;text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,background .22s}.room-portal-access span{color:#dafa71;font:800 10px var(--display);letter-spacing:.03em}.room-portal-access strong{font:600 10px var(--mono);letter-spacing:.03em}.room-portal-access b{color:#78e4ec;font:12px var(--mono)}.room-portal-access:hover,.room-portal-access:focus-visible{transform:translateY(-2px);border-color:#79e7ef;background:#102c39;outline:none}.room-auth-link{padding:10px 0;border-bottom:1px solid #67dce5;color:#9feaf0;text-decoration:none;font:600 10px var(--mono)}
.room-no-webgl .room-stage{min-height:230px;height:230px}.room-no-webgl .room-canvas:after{content:'VEDØY / WORKSPACE';position:absolute;inset:80px 20px;color:#dafa71;text-align:center;font:28px var(--display)}.room-no-webgl .room-chapter{opacity:1;min-height:45svh}
html[data-theme="light"] .developer-room{color:#173942}html[data-theme="light"] .room-heading>div>span,html[data-theme="light"] .room-chapter>span{color:#246c7e}html[data-theme="light"] .room-heading h1,html[data-theme="light"] .room-chapter h2{color:#16343d}html[data-theme="light"] .room-heading h1 em,html[data-theme="light"] .room-chapter h2 em{color:#347252}html[data-theme="light"] .room-heading p,html[data-theme="light"] .room-chapter p{color:#566f78}html[data-theme="light"] .room-chapter>a,html[data-theme="light"] .room-heading>a{color:#166778}html[data-theme="light"] .room-footer>span{color:#234c54}
@media(max-width:760px){.developer-room{padding-top:30px}.room-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px;gap:8px}.room-heading h1{font-size:clamp(38px,10vw,64px)}.room-journey{display:block}.room-stage{height:46svh;min-height:280px;top:70px;z-index:2;border-radius:17px}.room-portal-access{top:10px;right:10px;min-height:38px;padding:8px 10px}.room-portal-access strong{max-width:92px;line-height:1.25}.room-chapter{min-height:80svh;padding:calc(46svh + 38px) 0 40px;gap:13px;opacity:1}.room-chapter:first-child{padding-top:40px;min-height:40svh}.room-chapter h2{font-size:36px}.room-chapter p{font-size:13px;max-width:42ch}.room-caption{bottom:72px}.room-footer>a:last-child{margin-left:0}.room-status{font-size:8px}.room-jump-controls button{font-size:9px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.room-chapter,.room-jump-controls button,.room-portal-access{transition:none}}