/* Full-screen virtual workplace. The world itself is the navigation. */
body.in-world{overflow:hidden;background:#070c1c}.station-shell{position:relative;width:100%;height:100dvh;min-height:540px;overflow:hidden;color:#e4edff;background:#070c1c}.station-shell button{font-family:Manrope,sans-serif}.station-shell [hidden]{display:none!important}#stationCanvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.station-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 170px 25px #04081588}.station-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 32px;pointer-events:none;background:linear-gradient(#050918cc,transparent)}.station-header>*{pointer-events:auto}.station-brand{display:flex;align-items:center;gap:22px;padding:0;background:none;border:0}.station-brand img{width:146px}.station-brand>span{padding-left:21px;border-left:1px solid #ffffff20;color:#8290ab;font:500 10px Manrope;letter-spacing:2px}.station-brand b{color:#b5bdec;font-weight:500}.station-status{display:flex;align-items:center;gap:9px;color:#a9b3cb;font-size:11px}.station-status i{width:6px;height:6px;background:#81e5c2;border-radius:50%;box-shadow:0 0 12px #81e5c288}.station-status span{color:#42536c}.station-level{display:flex;gap:11px;align-items:center;border:1px solid #a899fb26;border-radius:13px;padding:10px 15px;background:#161b3299}.station-level>span{font-size:23px;color:#c5aeff}.station-level div{display:grid;gap:3px}.station-level strong{font-size:10px;letter-spacing:1.2px;color:#e0d6ff}.station-level small{font-size:9px;color:#929bb7}.station-intro{position:absolute;left:34px;top:120px;pointer-events:none;max-width:300px}.station-kicker{font:600 9px Manrope,sans-serif;letter-spacing:1.8px;color:#9faccc}.station-intro h1{font:500 clamp(25px,2.7vw,39px)/1.12 Manrope;letter-spacing:-1.5px;max-width:290px;margin:16px 0 12px}.station-intro h1 span{color:#83eaff}.station-intro p{font-size:12px;line-height:1.8;color:#91a0bb}.station-mission{position:absolute;right:30px;top:120px;width:247px;padding:19px;border:1px solid #a1bce322;background:linear-gradient(120deg,#14213be8,#131a32df);border-radius:16px;box-shadow:0 14px 40px #0003;backdrop-filter:blur(12px)}.station-mission .station-kicker{color:#ab9bea;font-size:8px}.station-mission h2{font:600 14px/1.5 Manrope;margin:12px 0 6px;color:#eaf0ff}.station-mission p{font-size:10px;color:#91a3bf;margin-bottom:15px}.station-mission>div:last-child{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0c;padding-top:12px}.station-mission>div>span{font-size:10px;color:#c7afff}.station-mission button{border:0;background:none;color:#8fe9ff;font-size:9px;padding:5px 0}.station-pins{position:absolute;inset:0;pointer-events:none}.station-room-pin{position:absolute;transform:translate(-50%,-50%);display:grid;gap:4px;min-width:137px;padding:10px 15px;text-align:center;background:#0b152bcf;backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--room-color) 40%,transparent);border-radius:11px;box-shadow:0 6px 22px #0004;pointer-events:auto;transition:background .2s,box-shadow .2s}.station-room-pin:before{position:absolute;bottom:-8px;left:calc(50% - 3px);width:6px;height:6px;background:var(--room-color);border-radius:50%;box-shadow:0 0 12px var(--room-color);content:''}.station-room-pin:hover{background:#1c2941ee;box-shadow:0 0 25px color-mix(in srgb,var(--room-color) 20%,transparent)}.station-room-pin>span{font-size:7px;letter-spacing:1.7px;color:var(--room-color)}.station-room-pin strong{font-size:11px;color:#edf3ff}.station-room-pin small{font-size:8px;color:#8b9fbc}.station-room-pin small b{color:var(--room-color);padding-left:9px}.station-footer{position:absolute;bottom:22px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;gap:12px}.station-footer>*{pointer-events:auto}.station-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:180px;margin-bottom:6px;color:#7b8ba9;font-size:9px}.station-controls kbd,.station-prompt kbd{background:#14213b;color:#b1c3dc;border:1px solid #62799755;min-width:24px;padding:3px 6px;font-size:8px;height:auto}.station-dock{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:7px;padding:8px;background:#101a30e8;border:1px solid #a2b9e02b;border-radius:20px;box-shadow:0 15px 50px #0005;backdrop-filter:blur(20px)}.station-dock button{display:grid;gap:6px;place-items:center;min-width:69px;padding:8px 11px;border:0;border-radius:12px;color:#9eacc8;background:transparent;font-size:8px;transition:.2s}.station-dock button>span{font-size:21px;color:#c6d8f3;line-height:1}.station-dock button:hover,.station-dock button:focus-visible{color:white;background:#9caff01a;transform:translateY(-4px)}.station-world-name{font:500 8px Manrope;letter-spacing:2px;color:#566983;margin-bottom:12px}.station-world-name span{color:#8c9db8;margin-right:8px}.station-room-menu{position:absolute;bottom:113px;left:50%;transform:translateX(-50%);width:300px;padding:10px;background:#111b30f5;border:1px solid #a9bbdf30;border-radius:17px;box-shadow:0 20px 50px #0006;z-index:7}.station-room-menu button{display:flex;align-items:center;width:100%;gap:11px;padding:13px;background:none;border:0;border-radius:8px;text-align:left;color:#d0dbee;font-size:12px}.station-room-menu button:hover{background:#b2bfff13}.station-room-menu i{width:7px;height:7px;border-radius:50%}.station-room-menu button span{margin-left:auto;color:#798fac}.station-room-menu small{display:block;color:#6f819e;font-size:9px;padding:13px 12px 5px;line-height:1.5}.station-prompt{position:absolute;left:50%;bottom:117px;transform:translateX(-50%);z-index:5}.station-prompt button{padding:12px 15px;color:#d9f7ff;background:#101c32ed;border:1px solid #74ddff66;border-radius:10px;font-size:11px;box-shadow:0 0 30px #7edbff11}.station-prompt kbd{display:inline-block;margin-left:14px}.station-drawer{position:absolute;z-index:8;top:100px;right:26px;bottom:119px;width:370px;overflow:auto;padding:28px;background:linear-gradient(150deg,#1a2740f5,#0b1429f5);border:1px solid #b1c6ed33;border-radius:22px;box-shadow:0 20px 80px #0007;backdrop-filter:blur(28px);animation:station-slide .3s ease}.station-drawer .station-kicker{font-size:8px;max-width:260px;line-height:1.7}.station-drawer h2{font:600 28px/1.2 Manrope;letter-spacing:-1px;margin:19px 0 9px}.station-drawer>p{font-size:12px;line-height:1.6;color:#95a7c5}.station-close{position:absolute;top:13px;right:15px;width:28px;height:28px;padding:0;border:1px solid #a6bbdc25;border-radius:9px;background:#ffffff07;color:#a2b1cc;font-size:19px}.station-drawer-projects{display:grid;gap:10px;margin-top:27px}.station-drawer-projects button{display:flex;align-items:center;gap:12px;width:100%;padding:16px 13px;background:#8ea5d009;border:1px solid #99bad52b;border-radius:13px;text-align:left;transition:.2s}.station-drawer-projects button:hover{background:#8ba5e61a;border-color:#8adfff70;transform:translateX(-3px)}.station-drawer-projects button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#a792ff18;color:#b9aff1}.station-drawer-projects div{flex:1;min-width:0;display:grid;gap:5px}.station-drawer-projects strong{font-size:12px;color:#dfebfd}.station-drawer-projects small{font-size:9px;color:#8c9db8;line-height:1.5}.station-drawer-projects b{color:#80dbf3}.station-drawer-foot{border-top:1px solid #ffffff10;margin-top:23px;padding-top:16px;font-size:10px;line-height:1.6;color:#7b8da9}.station-focus{position:absolute;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%);width:min(390px,90vw);padding:35px;text-align:center;border:1px solid #b2a6ff55;border-radius:24px;background:#131d34f2;backdrop-filter:blur(25px);box-shadow:0 30px 100px #0009}.station-focus h2{font:600 26px Manrope;letter-spacing:-1px;margin:17px 0 12px}.station-focus p{font-size:12px;color:#9dafc8;line-height:1.6}.station-focus output{display:block;margin:23px 0;font:500 59px Manrope;font-variant-numeric:tabular-nums;letter-spacing:-3px;color:#deedff;text-shadow:0 0 35px #ad9aff55}.station-focus .primary{width:100%}.station-complete{display:block;margin:18px 0;width:100%;padding:10px;border:1px solid #81ddbc44;background:#81ddbc0c;color:#98e1c3;border-radius:10px;font-size:10px}.station-focus small{display:block;margin-top:16px;font-size:9px;color:#7084a1}.in-workroom .sidebar{display:none}.in-workroom .main{margin-left:0}.in-workroom .page-content{max-width:1350px}.station-return{background:none;border:0;color:#9dddeb;font-size:11px;margin-right:12px;white-space:nowrap}.in-workroom .topbar{padding:0 30px}.in-workroom .project-hero{min-height:185px}.in-workroom .project-topline{display:none}.in-workroom .project-tabs{justify-content:center}.in-workroom .project-tab{padding:0 25px;min-height:45px}.in-workroom .project-hero-copy h1{font-size:32px}@keyframes station-slide{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.station-status{display:none}.station-mission{top:110px;width:205px;padding:14px;right:20px}.station-intro{left:22px;top:110px;max-width:220px}.station-intro h1{font-size:28px}.station-world-name{display:none}.station-controls{max-width:145px}.station-room-pin{min-width:118px;padding:8px 11px}.station-room-pin strong{font-size:10px}}
@media(max-width:700px){.station-shell{min-height:540px}.station-header{padding:19px 16px}.station-brand img{width:112px}.station-brand>span{display:none}.station-level{padding:8px 11px}.station-level strong{font-size:8px}.station-level small{font-size:8px}.station-intro{top:91px;left:19px;max-width:280px}.station-intro h1{font-size:25px;margin-top:8px}.station-intro p{font-size:10px;line-height:1.6}.station-kicker{font-size:7px}.station-mission{display:none}.station-footer{bottom:max(15px,env(safe-area-inset-bottom));left:10px;right:10px}.station-controls{display:none}.station-dock{gap:0;padding:6px;border-radius:17px}.station-dock button{min-width:59px;padding:8px;font-size:8px}.station-room-pin{min-width:95px;padding:7px;border-radius:9px}.station-room-pin>span{font-size:6px;letter-spacing:.8px}.station-room-pin strong{font-size:9px}.station-room-pin small{font-size:7px}.station-drawer{top:95px;right:12px;left:12px;width:auto;bottom:106px;padding:24px}.station-prompt{bottom:100px;max-width:95%;width:max-content}.station-prompt button{font-size:10px}.station-room-menu{bottom:100px}.in-workroom .topbar{padding:0 13px}.in-workroom .breadcrumbs>span{display:none}.in-workroom .main{padding-bottom:0}.in-workroom .project-tab{padding:0 12px}.in-workroom .page-content{padding-top:15px}.in-workroom .search-wrap:focus-within{background:#13192c}}
@media(prefers-reduced-motion:reduce){.station-shell *, .station-shell *::before{animation:none!important;transition:none!important}}

@media(max-width:700px){.station-mission{display:block;top:214px;left:18px;right:18px;width:auto;padding:12px 14px}.station-mission h2{font-size:11px;margin:7px 0 3px}.station-mission p{margin-bottom:7px;font-size:9px}.station-mission>div:last-child{padding-top:6px}.station-mission .station-kicker{font-size:7px}}
/* Progression, sensory preferences and the focus tunnel. */
.station-progression{position:absolute;top:100px;right:32px;width:240px;display:grid;gap:8px;color:#d9d3f7;font-size:12px;padding:16px;background:#10182acc;border:1px solid #bd9fff25;border-radius:18px}.station-progression small{font-size:10px;color:#a4b4cf}.rank-rail{height:4px;background:#ffffff12;border-radius:8px;overflow:hidden}.rank-rail i{height:100%;display:block;background:linear-gradient(90deg,#70ecff,#bb9cff);transition:width .4s}.station-mission{top:260px}.station-settings{position:absolute;z-index:30;bottom:112px;right:24px;width:min(360px,calc(100% - 48px));max-height:70vh;overflow:auto;padding:28px;background:#10172bf5;backdrop-filter:blur(24px);border:1px solid #a6b4ff40;border-radius:24px;box-shadow:0 30px 100px #0008}.station-settings label{display:grid;gap:12px;margin:20px 0;font-size:12px}.station-settings select{padding:12px;background:#202a43;color:#edf4ff;border:1px solid #7387ae66;border-radius:10px;max-width:100%}.station-settings p,.station-settings small{font-size:12px;color:#a8bad4;line-height:1.7}.station-settings button{margin:5px}.avatar-swatches{display:flex;gap:6px}.avatar-swatches button{width:36px;height:36px;border:3px solid transparent;border-radius:50%}.avatar-swatches button[aria-pressed=true]{border-color:white;box-shadow:0 0 16px #abcbff88}.badge-collection{display:grid;gap:10px;font-size:12px;color:#d9c4ff}.badge-collection span{padding:12px;border:1px solid #bb9cff33;border-radius:12px;background:#bb9cff0a}.constellation{display:flex;overflow:auto;gap:0;padding:22px 4px;scrollbar-width:thin}.constellation-node{position:relative;min-width:110px;max-width:150px;flex:1;text-align:center;display:grid;gap:10px;align-content:start}.constellation-node:before{content:'';position:absolute;height:1px;top:17px;left:50%;width:100%;background:#a3b7d533}.constellation-node:last-child:before{display:none}.constellation-node>span{position:relative;justify-self:center;display:grid;place-items:center;width:34px;height:34px;background:#17243b;border:1px solid #798db166;border-radius:50%;color:#8396b5;font-size:11px}.constellation-node.done>span{background:#234551;color:#9af4df;border-color:#79daca;box-shadow:0 0 20px #7ce8d633}.constellation-node small{font-size:10px;color:#a8b6d0;padding:0 8px;line-height:1.5}.station-drawer .constellation{max-height:145px}.instant-reward{position:fixed;z-index:9999;left:50%;top:22%;transform:translateX(-50%);padding:18px 28px;border:1px solid #a6f4e377;border-radius:40px;background:#142f39f2;box-shadow:0 0 80px #76ecdf33;color:#d6fff5;font-size:15px;pointer-events:none;animation:reward-rise 2.8s ease forwards}.instant-reward:before,.instant-reward:after{content:'✧ · ✦';position:absolute;color:#e8c8ff;top:-25px;left:12px;letter-spacing:15px}.instant-reward:after{left:auto;right:0;top:auto;bottom:-25px}@keyframes reward-rise{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}12%,80%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-25px)}}.station-shell button{transition:transform .09s,box-shadow .15s,background .15s}.station-shell button:hover{transform:translateY(-2px);box-shadow:0 0 24px #a5ccff20}.station-shell button:active{transform:scale(.96)}.station-shell button:focus-visible{outline:2px solid #a8edff;outline-offset:4px}.station-shell.tunnel #stationCanvas{filter:blur(7px) brightness(.32);transition:filter .5s}.station-shell.tunnel .station-focus{position:absolute;inset:12% 12% 15%;width:auto;max-width:none;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#253451cc,#0c1425e8);border:1px solid #c0b2ff44;box-shadow:0 0 160px #9776ef15;border-radius:36px;z-index:40}.station-shell.tunnel .station-focus h2{font-size:clamp(24px,4vw,48px)}.station-shell.tunnel .station-focus output{font-size:clamp(65px,10vw,120px)}.station-shell.tunnel .station-focus p{max-width:600px;text-align:center}.station-shell.tunnel .station-pins,.station-shell.tunnel .station-mission,.station-shell.tunnel .station-intro,.station-shell.tunnel .station-drawer{visibility:hidden}.station-shell.tunnel .station-focus .primary{min-width:200px}.station-shell.tunnel .station-focus small{margin-top:18px}.station-shell.tunnel .station-progression{z-index:41;top:16px;right:20px;padding:10px;background:#10182a}.station-focus[hidden]{display:none!important}@media(max-width:700px){.station-progression{top:85px;right:14px;width:185px;padding:10px;font-size:10px}.station-progression small{font-size:9px}.station-intro{top:90px;max-width:145px}.station-intro h1{font-size:24px}.station-mission{top:205px!important}.station-dock{gap:0;padding:8px}.station-dock button{min-width:44px;font-size:9px;padding:7px}.station-shell.tunnel .station-focus{inset:160px 12px 105px;padding:20px;border-radius:24px}.station-shell.tunnel .station-progression{top:75px}.instant-reward{width:85%;text-align:center;font-size:12px}.station-settings{bottom:100px}.station-focus .station-complete{font-size:12px}}@media(prefers-reduced-motion:reduce){.station-shell *,.instant-reward,.rank-rail i{animation:none!important;transition:none!important}.station-shell button:hover,.station-shell button:active{transform:none}.instant-reward{opacity:1}}

.work-progress{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:30;padding:10px 18px;border-radius:20px;background:#111d30ed;border:1px solid #a3ddeb33;color:#c5e5ef;font-size:11px;max-width:94%;text-align:center;pointer-events:none}.station-shell.tunnel .station-focus{overflow:auto}.in-workroom .page-content{padding-bottom:70px}.station-drawer{animation:station-slide .35s ease both}

@media(prefers-reduced-motion:reduce){.station-drawer{animation:none!important}}
.source-document{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Inter,sans-serif;color:#c4d2e7;max-height:65vh;overflow:auto;padding:16px;background:#0a1324;border-radius:12px}.project-note details{width:100%;min-width:0}.project-note summary{cursor:pointer;color:#e7ecff;font-size:14px;line-height:1.5}.source-label{display:block;margin-top:15px;font-size:10px;overflow-wrap:anywhere;color:#93adbf}.station-world-name{display:grid;gap:6px;font-size:10px;max-width:230px}.station-world-name button{background:transparent;color:#bdcceb;border:1px solid #a4bfdd44;border-radius:8px;padding:6px}.login-panel .secondary{margin-top:12px}.login-panel small{color:#9bacbe;line-height:1.6}.login-panel #authMessage{font-size:13px;color:#b9e8e8}.top-actions [data-cloud-status]{font-size:10px;max-width:200px;color:#91c8d3}@media(max-width:1100px){.station-world-name{display:grid}.station-world-name small{display:none}}@media(max-width:700px){.station-world-name{position:absolute;right:8px;bottom:75px}.top-actions [data-cloud-status]{display:none}}
