*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#25272a;color:#e3e1da;font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #595b5e;border-radius:3px;background:transparent;color:inherit;padding:9px 13px;min-height:40px}button:hover{filter:brightness(1.18)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c8a878;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.review-bar{height:58px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background:#edeae2;color:#282b2c}.review-bar b{font-size:11px;letter-spacing:2px}.review-bar span{display:block;font-size:11px;color:#666966}.review-bar button{border-color:#b8b9b1;font-size:12px}.review-controls{padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.directions{display:flex;gap:6px}.directions button{font-size:10px;text-align:left;line-height:1.2;padding:8px 14px;border-color:#45484a;color:#a0a4a4}.directions b{font-size:13px;letter-spacing:1px;margin-left:6px}.directions span{display:block;font-size:10px;margin:4px 0 0 19px}.directions button[aria-pressed=true]{background:#dedbd2;color:#22282b;border-color:#dedbd2}.scene-tabs{display:flex;gap:8px;align-items:center;font-size:12px}.scene-tabs select{background:#303437;color:#eee;border:1px solid #5a6063;padding:9px;max-width:220px}.scene-tabs button{font-size:12px}.scene-tabs button[aria-pressed=true]{background:#59646a}.review-notes{padding:10px 24px;display:flex;gap:20px;align-items:center;min-height:62px;font-size:11px;color:#aeb1b0}.review-notes b{color:#e8e3d6;min-width:175px;font-weight:500}.review-notes span{flex:1;max-width:940px}.review-notes a{white-space:nowrap}#canvas{margin:0 16px;background:#15191b;box-shadow:0 15px 45px #0003}#stage{height:calc(100dvh - 208px);min-height:490px;position:relative;overflow:hidden;isolation:isolate;--bg:#161a1d;--surface:#22272b;--panel:#1d2327;--line:#424a4d;--text:#edece6;--muted:#a0aaa9;--accent:#d4bf91;--accent-ink:#211e18;--cool:#9cbbc2;color:var(--text);background:var(--bg)}#stage[data-direction=nachtpost]{--bg:#080e13;--surface:#172027;--panel:#101b23;--line:#334953;--accent:#df9e6c;--cool:#89adb7;--text:#e1e9ea;--muted:#a4b3ba}#stage[data-direction=veil]{--bg:#dcd8cc;--surface:#eeebe3;--panel:#dedacf;--line:#a5a598;--accent:#394e4e;--accent-ink:#f7f3e8;--cool:#405e60;--text:#252c2b;--muted:#656c63}#stage button{border-color:var(--line);color:var(--text);border-radius:2px;min-height:38px;font-size:12px}#stage .primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}#stage .text-button{border:0;padding:5px 0;min-height:30px;color:var(--muted)}.mono{font:11px/1.6 Consolas,monospace;letter-spacing:1px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px;text-transform:uppercase}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:33px;height:33px;color:var(--accent)}.brand strong{font-size:23px;letter-spacing:5px;font-weight:650;line-height:1}.brand small{display:block;font:8px Consolas,monospace;letter-spacing:2px;color:var(--muted);margin-top:7px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:10}.app-header nav{display:flex;gap:6px}.app-header nav button{border:0!important;color:var(--muted)!important;padding:8px 12px}.app-header nav button.active{color:var(--text)!important;border-bottom:2px solid var(--accent)!important;border-radius:0!important}.operator{text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}.operator b{color:var(--text);font-weight:500}.operator i{display:inline-block;width:5px;height:5px;background:#9ea888;margin-right:6px;border-radius:50%}.workspace{height:100%;display:flex;flex-direction:column}.environment{height:61px;min-height:61px;display:flex;align-items:center;gap:0;background:var(--surface);border-bottom:1px solid var(--line);z-index:9}.environment>div{padding:0 23px;border-right:1px solid var(--line);min-width:125px}.environment strong{display:block;font-size:16px;font-weight:500}.environment small{display:block;font-size:10px;color:var(--muted);letter-spacing:.5px}.environment .watch{min-width:200px}.environment .watch strong{color:var(--accent)}.environment>button{margin-left:auto;margin-right:20px;border:0!important;color:var(--muted)!important}.map-space{position:relative;flex:1;min-height:0;overflow:hidden;background:#252f2c}.map-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.map-viewport:active{cursor:grabbing}.tiles{position:absolute;inset:0;filter:saturate(.68) brightness(.75);pointer-events:none}.tiles img{position:absolute;width:256px;height:256px;max-width:none}.map-film{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#09111244,transparent 30%,transparent 65%,#060f1233)}.map-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#e0e3d908 1px,transparent 1px),linear-gradient(90deg,#e0e3d908 1px,transparent 1px);background-size:100px 100px}.map-heading{position:absolute;left:25px;top:22px;color:#f2f0e6;text-shadow:0 2px 10px #000;pointer-events:none}.map-heading h1{font-weight:400;font-size:24px;margin:0 0 2px;letter-spacing:-.5px}.map-heading span{font:10px Consolas,monospace;letter-spacing:1.3px;color:#c1cbc7}.map-tools{position:absolute;left:24px;bottom:46px;display:flex;gap:4px;background:#151c20ed;padding:5px;border:1px solid #5f6c69;z-index:5}.map-tools button{color:#dfded3!important;border:0!important;white-space:nowrap}.map-tools button[aria-pressed=true]{background:#c9b68d!important;color:#1b2427!important}.map-tools select{background:#212d30;color:#dfded3;border:0;padding:8px;font-size:12px}.map-controls{position:absolute;left:24px;top:93px;display:grid;gap:5px}.map-controls button{width:36px;padding:0;background:#172226e8;color:#eee!important;border-color:#7b858077!important}.scale{position:absolute;left:27px;bottom:17px;width:95px;border-bottom:2px solid #e7e5d7;color:#edeae0;font:10px Consolas,monospace;padding-bottom:4px;text-shadow:0 1px 4px #000}.credit{position:absolute;right:15px;bottom:13px;font-size:9px;color:#dce5de;background:#152023aa;padding:3px 7px;z-index:6}.search-area{position:absolute;width:240px;height:155px;border:1px dashed #e8d4a6cc;border-radius:50%;background:#e4c88710;transform:translate(-50%,-50%) rotate(-20deg);pointer-events:none}.map-contact{position:absolute;transform:translate(-50%,-50%);background:#192126ee!important;color:#f1ead5!important;border:1px solid #e1c38d!important;padding:0!important;width:38px;min-height:38px!important;border-radius:50%!important;box-shadow:0 0 0 8px #d6bd8922,0 0 24px #151c16;z-index:3}.map-contact:after{content:'Last observation · 01:42';position:absolute;left:48px;top:4px;width:160px;text-align:left;background:#162023e8;padding:6px 9px;font:11px Consolas,monospace;color:#e5dbc5}.search-line{position:absolute;left:0;top:0;pointer-events:none}.detail-panel{position:absolute;right:20px;top:20px;bottom:44px;width:300px;max-height:510px;background:var(--panel);box-shadow:0 12px 35px #0005;border:1px solid var(--line);padding:20px;overflow:auto;scrollbar-width:thin;z-index:6}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-top>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.panel-top button{border:0!important;padding:0!important;min-height:25px!important;font-size:19px!important}.detail-panel h2{font-size:24px;font-weight:400;line-height:1.18;margin-bottom:12px}.detail-panel p{font-size:13px;color:var(--muted);line-height:1.7}.detail-panel .meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:18px 0;gap:10px}.meta span{font-size:10px;color:var(--muted);display:block}.meta b{font-size:12px;font-weight:500}.detail-panel>.primary{width:100%}.activity{padding-top:16px;margin-top:15px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.activity strong{color:var(--text);font-weight:500;display:block;margin-bottom:7px}.activity time{font:10px Consolas,monospace;display:inline-block;width:43px;color:var(--accent)}.activity p{font-size:11px;margin:7px 0;line-height:1.4}.panel-reopen{position:absolute;right:23px;top:23px;background:var(--panel)!important;z-index:5}.status-line{min-height:30px;background:var(--bg);display:flex;justify-content:space-between;align-items:center;padding:0 23px;border-top:1px solid var(--line);font:10px Consolas,monospace;color:var(--muted);gap:15px}.status-line b{font-weight:400;color:var(--text)}.outlook{display:flex;align-items:flex-end;gap:7px;height:95px;margin:20px 0 8px;border-bottom:1px solid var(--line)}.outlook i{background:var(--accent);flex:1;opacity:.65;min-height:5px}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font:10px Consolas,monospace}.chat-item{border-bottom:1px solid var(--line);padding:12px 0}.chat-item b{font-size:12px;font-weight:500}.chat-item p{font-size:12px;margin:5px 0}.chat-item small{font-size:10px;color:var(--muted)}.detail-panel textarea{width:100%;min-height:65px;font:13px 'Segoe UI',sans-serif;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:10px;resize:vertical}.detail-panel form button{margin-top:6px;width:100%}.reference-thumb{width:100%;max-height:135px;object-fit:cover;object-position:center 24%;filter:saturate(.5);margin:8px 0}.notice-inline{font-size:11px;padding:8px;border-left:2px solid var(--accent);background:var(--surface);margin:12px 0;color:var(--muted)}
/* Three composition systems, not just three color swaps. */
[data-direction=nachtpost] .brand strong{font-family:'Bahnschrift','Arial Narrow',sans-serif;font-size:22px;font-weight:700;letter-spacing:2px}[data-direction=nachtpost] .app-header{height:65px}[data-direction=nachtpost] .environment{background:#090f15;justify-content:flex-end}[data-direction=nachtpost] .environment .watch{margin-right:auto}[data-direction=nachtpost] .tiles{filter:saturate(.6) brightness(.66) contrast(1.1)}[data-direction=nachtpost] .map-heading h1{font:32px 'Bahnschrift','Arial Narrow',sans-serif;letter-spacing:2px;text-transform:uppercase}[data-direction=nachtpost] .detail-panel{top:auto;left:210px;right:22px;bottom:22px;width:auto;max-height:195px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px 24px;background:#0c151eee;border-top:2px solid #b77e59;padding:16px 22px}[data-direction=nachtpost] .detail-panel .panel-top{grid-column:1/-1;margin:0}[data-direction=nachtpost] .detail-panel h2{font-size:20px;margin:2px 0}[data-direction=nachtpost] .detail-panel p{font-size:12px;margin:0}[data-direction=nachtpost] .detail-panel .meta{margin:0;padding:0;border:0;grid-column:2;grid-row:2/4}[data-direction=nachtpost] .detail-panel>.primary{grid-column:3;grid-row:3}[data-direction=nachtpost] .detail-panel>.activity{display:none}[data-direction=nachtpost] .detail-panel .outlook{height:60px;margin:0}[data-direction=nachtpost] .detail-panel .chat-item{padding:4px}[data-direction=nachtpost] .map-tools{bottom:27px;flex-direction:column;width:161px}[data-direction=nachtpost] .map-tools button{text-align:left}[data-direction=nachtpost] .scale{bottom:8px}[data-direction=nachtpost] .map-contact:after{border-left:2px solid #d4915d}
[data-direction=veil] .brand strong{font-family:Georgia,serif;font-size:32px;letter-spacing:3px;font-weight:400}[data-direction=veil] .app-header{height:82px}[data-direction=veil] .environment{height:58px;min-height:58px;background:#cac9bc}[data-direction=veil] .environment .watch strong{color:#34484a}[data-direction=veil] .detail-panel{right:auto;left:0;top:0;bottom:0;max-height:none;width:285px;border:0;border-right:1px solid #a2a89e;box-shadow:8px 0 25px #0002;padding:25px}[data-direction=veil] .map-heading{left:310px}[data-direction=veil] .map-controls{left:auto;right:20px;top:22px}[data-direction=veil] .map-tools{left:310px}[data-direction=veil] .scale{left:313px}[data-direction=veil] .tiles{filter:saturate(.6) brightness(.93)}[data-direction=veil] .detail-panel h2{font:29px/1.15 Georgia,serif}[data-direction=veil] .panel-reopen{left:22px;right:auto}[data-direction=veil] .workspace:has(.detail-panel[hidden]) .map-heading{left:24px}[data-direction=veil] .workspace:has(.detail-panel[hidden]) .map-tools{left:24px}[data-direction=veil] .workspace:has(.detail-panel[hidden]) .scale{left:27px}
/* Dedicated access scene. */
.access-scene{height:100%;display:grid;grid-template-columns:1.25fr 1fr;position:relative;background:var(--bg);overflow:auto}.access-art{position:relative;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 43%,#62716c44,transparent 55%),linear-gradient(135deg,#272f33,#11171a 80%);display:flex;flex-direction:column;justify-content:space-between;padding:38px;color:#eeece2;min-height:440px}.access-art .brand{position:relative;z-index:2}.access-art .brand-mark{color:#c8b589}.access-art .brand small{color:#a5afad}.access-art>p{position:relative;z-index:2;font:10px Consolas,monospace;letter-spacing:2px;margin:0;color:#8e9d9b}.optical{position:absolute;left:50%;top:50%;width:min(68%,390px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #c3d0c32b;border-radius:50%;box-shadow:0 0 0 35px #b7c7c006,0 0 0 36px #b7c7c018,inset 0 0 80px #b5c8bf0b;background:repeating-conic-gradient(from 0deg,#d7e6d115 0 .2deg,transparent .2deg 4deg)}.optical:before{content:'';position:absolute;inset:24%;border:1px solid #d4e0d844;border-radius:50%;box-shadow:0 0 40px #9ebdb52b,inset 0 0 40px #d8e9d018;background:radial-gradient(circle,#080e10 0 26%,#adc2af33 27%,#9caf9e22 35%,#071313 62%)}.optical:after{content:'';position:absolute;inset:43%;border-radius:50%;background:#060a0b;box-shadow:0 0 0 1px #d0dcc744,0 0 35px #c2d4bc22}.access-form{padding:45px clamp(24px,5vw,84px);display:flex;flex-direction:column;justify-content:center;min-width:0}.access-form>.eyebrow{margin-bottom:28px}.access-form h1{font-size:35px;line-height:1.15;font-weight:400;letter-spacing:-1px;margin-bottom:12px}.access-form>p{color:var(--muted);font-size:13px;margin-bottom:26px}.access-form label{display:block;font-size:12px;color:var(--muted);margin:15px 0 7px}.access-form input[type=text],.access-form input[type=password]{width:100%;padding:13px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:2px;min-width:0}.access-form .remember{display:flex;gap:8px;align-items:center;margin:17px 0 24px;font-size:12px}.access-form .primary{width:100%;min-height:47px!important}.access-form .back{margin-top:25px;align-self:flex-start}.access-form .form-note{font-size:11px;color:var(--muted);margin-top:16px}.access-scene[data-state=expired] .form-note{color:#d4a371}[data-direction=nachtpost] .access-art{background:linear-gradient(115deg,#111f28,#030910);border-right:1px solid #996c4866}[data-direction=nachtpost] .optical{border-radius:0;transform:translate(-50%,-50%) rotate(45deg);width:47%;background:none;box-shadow:0 0 0 28px #557c8e08,0 0 0 29px #557c8e22}[data-direction=nachtpost] .optical:before{inset:18%;border-color:#d7aa7b77}[data-direction=nachtpost] .access-form h1{font:42px/1.1 'Bahnschrift',sans-serif;text-transform:uppercase;letter-spacing:1px}[data-direction=veil] .access-art{background:#283433;grid-column:2;border-right:0;order:2}[data-direction=veil] .access-form h1{font:42px/1.15 Georgia,serif}[data-direction=veil] .access-art .brand strong{color:#e3dfd0}.entry-scene{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse,#243c3d,#080e12 68%);color:#e7ebe5}.entry-scene .brand{position:absolute;left:36px;top:31px}.entry-scene .optical{width:min(43%,340px);animation:optical-acquire 7s ease both}.entry-caption{position:absolute;bottom:45px;left:0;right:0;text-align:center}.entry-caption h1{font-size:25px;font-weight:350;letter-spacing:4px;margin:10px 0}.entry-caption span{font:10px Consolas,monospace;color:#9fb8b7;letter-spacing:2px}.entry-progress{position:absolute;bottom:0;height:2px;background:#b5c8c2;animation:progress 7s linear forwards}.entry-coordinate{position:absolute;right:28px;top:33px;font:10px Consolas,monospace;color:#819899;letter-spacing:2px}@keyframes optical-acquire{0%{opacity:0;transform:translate(-50%,-50%) scale(1.3) rotate(-20deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}75%{opacity:1;transform:translate(-50%,-50%) scale(.96) rotate(8deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(3) rotate(10deg)}}@keyframes progress{from{width:0}to{width:100%}}
/* Public styles are strictly scoped to the cover. */
.cover{height:100%;overflow:auto;background:#eee9df;color:#303a35;font-family:Arial,sans-serif;position:relative}.cover header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 35px;border-bottom:1px solid #c8cabc}.cover-brand{font-size:31px;font-weight:750;letter-spacing:-1px}.cover-brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:3px}.cover header nav{display:flex;gap:20px;font-size:12px}.cover header a{text-decoration:none}.cover .cover-hero{display:grid;grid-template-columns:1fr 1fr;min-height:350px;border-bottom:1px solid #b7bcaf}.cover-hero>div{padding:35px}.cover-hero img{width:100%;height:100%;object-fit:cover;max-height:380px;filter:saturate(.65)}.cover .eyebrow{color:#596951}.cover h1{font-size:36px;line-height:1.1;letter-spacing:-1px;max-width:550px;font-weight:550;margin:15px 0}.cover p{font-size:14px;line-height:1.75;max-width:600px;color:#5a645b}.cover button{background:#354c40!important;color:#f2f0e5!important;border-color:#354c40!important}.cover section.services{padding:25px 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.services h2{font-size:18px;font-weight:500}.services p{font-size:12px}.services span{font-size:10px;color:#707e68;display:block;margin-bottom:12px}.cover .paper-links{padding:25px 35px;background:#dedfcf;display:flex;gap:10px;flex-wrap:wrap}.cover .paper-links button{background:transparent!important;border:1px solid #a6afa0!important;color:#344d40!important;font-size:12px!important}.cover footer{padding:26px 35px;display:flex;justify-content:space-between;font-size:12px;color:#596951;gap:20px}.cover .paper-overlay{position:absolute;inset:0;z-index:30;background:#d2d4cddd;backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;overflow:auto}.cover .paper{max-width:650px;width:100%;padding:35px;background:#faf8f2;border:1px solid #b9bcae;box-shadow:0 15px 60px #24322526;position:relative}.paper .paper-brand{font-size:15px;color:#5e6c57;border-bottom:2px solid #526448;padding-bottom:15px;margin-bottom:25px}.paper h2{font-size:27px;line-height:1.2;font-weight:500;color:#303a35}.paper p,.paper li{color:#52604f;font-size:14px;line-height:1.7}.paper ol{padding-left:20px}.paper .paper-close{position:absolute;right:20px;top:20px;background:none!important;border:0!important;color:#303a35!important}.paper small{font:10px Consolas,monospace;color:#74816b}.cover .access-link{background:none!important;border:0!important;color:#67775e!important;padding:0!important;font-size:11px!important}
/* Dossier and storyboard remain substantial application destinations. */
.dossier{height:100%;display:flex;flex-direction:column}.dossier-body{display:grid;grid-template-columns:1.05fr 1fr;flex:1;min-height:0;overflow:auto}.reference-view{position:relative;background:#0c1112;overflow:hidden;min-height:320px}.reference-view img{width:100%;height:100%;object-fit:contain;max-height:100%;filter:saturate(.65)}.reference-view span{position:absolute;bottom:18px;left:20px;color:#d8e0d8;font:10px Consolas,monospace;letter-spacing:1px;background:#121b1ccc;padding:6px 10px}.dossier-copy{padding:34px 40px;overflow:auto}.dossier-copy h1{font-size:42px;font-weight:350;letter-spacing:-1px;line-height:1.1;margin:18px 0}.dossier-copy>p{color:var(--muted);font-size:14px;max-width:480px}.dossier-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.dossier-copy dt{font-size:11px;color:var(--muted)}.dossier-copy dd{margin:5px 0 0;font-size:14px}.dossier-copy h2{font-size:15px;font-weight:500}.dossier-actions{display:flex;gap:8px;flex-wrap:wrap}.story{height:100%;display:flex;flex-direction:column;overflow:auto}.story-intro{padding:25px 32px 10px;display:flex;justify-content:space-between;align-items:end;gap:25px}.story-intro h1{font-size:30px;font-weight:400;line-height:1.2;margin-bottom:8px}.story-intro p{color:var(--muted);font-size:13px;margin:0;max-width:650px}.story-steps{display:grid;grid-template-columns:repeat(6,1fr);padding:20px 32px 30px;gap:12px;flex:1}.story-step{padding:18px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;min-height:240px}.story-step>span{font:12px Consolas,monospace;color:var(--accent)}.story-step .symbol{height:70px;display:grid;place-items:center;font-size:35px;font-weight:200;color:var(--cool);border-bottom:1px solid var(--line);margin:12px 0 18px}.story-step h2{font-size:17px;font-weight:500;line-height:1.3}.story-step p{font-size:12px;line-height:1.7;color:var(--muted)}.story-step small{font-size:10px;color:var(--accent);margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.story-footer{padding:10px 32px 25px;color:var(--muted);font-size:12px}.story-footer a{color:var(--text)}
#canvas.phone{width:390px;max-width:calc(100% - 24px);margin:auto;border:5px solid #080b0c;border-radius:20px;overflow:hidden}#canvas.phone #stage{height:740px;min-height:490px}body.expanded .review-bar,body.expanded .review-controls,body.expanded .review-notes{display:none}body.expanded #canvas{margin:0;width:100%;max-width:none;border:0;border-radius:0}body.expanded #stage{height:100dvh;min-height:0}#return-review{position:fixed;right:8px;bottom:8px;z-index:100;background:#f3eee2;color:#202b2e;border-color:#939a96;font-size:10px;padding:5px 9px;min-height:25px}#stage{container-type:inline-size}
@container(max-width:850px){.app-header{padding:0 16px;gap:12px}.app-header nav{gap:0}.app-header nav button{font-size:11px!important;padding:8px!important}.operator{font-size:10px}.environment>div{padding:0 14px;min-width:95px}.environment .watch{min-width:155px}.environment strong{font-size:14px}.detail-panel{width:270px;right:12px;top:14px;padding:17px}.story-steps{grid-template-columns:repeat(3,1fr)}.access-form{padding:30px}.access-form h1{font-size:30px}.access-art{padding:25px}.cover h1{font-size:29px}.dossier-copy{padding:25px}.dossier-copy h1{font-size:34px}}
@container(max-width:600px){.app-header,[data-direction=veil] .app-header,[data-direction=nachtpost] .app-header{height:61px;min-height:61px;padding:0 15px}.brand{gap:8px}.brand-mark{width:27px;height:27px}.brand strong{font-size:20px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:1px}.app-header nav{display:none}.operator{font-size:10px}.environment,[data-direction=veil] .environment{height:74px;min-height:74px;display:grid;grid-template-columns:1.35fr 1fr 1fr;align-content:center;gap:9px 0;padding:8px 0}.environment>div{min-width:0!important;padding:0 12px}.environment strong{font-size:12px}.environment small{font-size:9px}.environment .moon{display:none}.environment>button{grid-column:3;grid-row:2;margin:0;padding:0!important;min-height:15px!important;font-size:10px!important;text-align:left}.environment .temperature{display:none}.environment .watch{grid-row:1/3}.map-heading,[data-direction=veil] .map-heading{left:16px;top:15px}.map-heading h1,[data-direction=nachtpost] .map-heading h1{font-size:22px}.map-heading span{font-size:9px}.map-controls,[data-direction=veil] .map-controls{left:auto;right:13px;top:14px}.map-tools,[data-direction=veil] .map-tools,[data-direction=nachtpost] .map-tools{left:12px;right:12px;bottom:34px;flex-direction:row;width:auto;justify-content:space-between;padding:2px}.map-tools button{font-size:11px!important;padding:8px!important}.map-tools select{font-size:10px;width:75px}.map-tools .measure{display:none}.scale,[data-direction=veil] .scale,[data-direction=nachtpost] .scale{left:15px;bottom:9px;width:60px;font-size:8px}.credit{right:12px;bottom:7px;font-size:8px}.detail-panel,[data-direction=veil] .detail-panel,[data-direction=nachtpost] .detail-panel{left:12px;right:12px;top:auto;bottom:84px;width:auto;max-height:230px;display:block;padding:16px;border:1px solid var(--line);background:var(--panel);overflow:auto}.panel-top,[data-direction=nachtpost] .detail-panel .panel-top{margin-bottom:9px}.detail-panel h2,[data-direction=veil] .detail-panel h2{font:21px/1.1 'Segoe UI',sans-serif;margin:8px 0}.detail-panel p{font-size:12px!important;line-height:1.5;margin-bottom:10px}.detail-panel .meta{display:flex;gap:20px;margin:10px 0;padding:9px 0}.detail-panel .activity{display:none}.detail-panel>.primary{width:100%}.panel-reopen{right:14px;top:82px;left:auto!important}.status-line{font-size:9px;padding:0 12px;gap:8px;min-height:26px}.status-line>span:last-child{display:none}.map-contact:after{font-size:10px;left:43px;width:142px}.access-scene{display:flex;flex-direction:column}.access-art,[data-direction=veil] .access-art{min-height:155px;height:155px;flex:none;padding:22px;order:0;border:0;border-bottom:1px solid var(--line)}.access-art>p{display:none}.access-art .optical{width:100px;left:80%;top:50%;opacity:.4}.access-form{padding:28px;flex:1;justify-content:flex-start}.access-form>.eyebrow{margin-bottom:16px}.access-form h1,[data-direction=nachtpost] .access-form h1,[data-direction=veil] .access-form h1{font-size:30px}.access-form>p{margin-bottom:10px}.access-form label{margin:10px 0 5px}.access-form .remember{margin:14px 0}.access-form .back{margin-top:12px}.entry-scene .brand{left:20px;top:25px}.entry-coordinate{display:none}.entry-scene .optical{width:60%}.entry-caption{bottom:70px}.entry-caption h1{font-size:20px;letter-spacing:2px}.cover header{padding:19px 22px}.cover header nav a:not(:last-child){display:none}.cover-brand{font-size:28px}.cover .cover-hero{grid-template-columns:1fr}.cover-hero>div{padding:25px}.cover-hero img{height:180px;order:2}.cover h1{font-size:32px}.cover section.services{grid-template-columns:1fr;padding:25px;gap:12px}.cover .paper-links{padding:25px}.cover footer{padding:25px;flex-wrap:wrap}.cover .paper-overlay{padding:12px;position:fixed}.cover .paper{padding:24px;max-height:90%;overflow:auto}.paper h2{font-size:24px}.dossier-body{display:block}.reference-view{height:220px;min-height:0}.dossier-copy{padding:25px}.dossier-copy h1{font-size:35px}.story-intro{padding:22px;display:block}.story-intro h1{font-size:25px}.story-intro button{margin-top:12px}.story-steps{grid-template-columns:1fr;padding:12px 22px;gap:12px}.story-step{min-height:0;display:grid;grid-template-columns:45px 1fr;gap:6px 15px}.story-step .symbol{grid-column:1;grid-row:2/4;height:auto;font-size:25px;border:0;margin:0}.story-step h2{margin:0}.story-step p{grid-column:2;margin:0}.story-step small{grid-column:2}.story-footer{padding:15px 22px}.review-notes{flex-wrap:wrap}}
@media(max-width:900px){.review-controls{flex-wrap:wrap;gap:8px;padding:8px 14px}.review-bar{padding:8px 14px}.review-bar span{font-size:9px}.review-bar b{font-size:10px}.scene-tabs{width:100%;justify-content:space-between}.scene-tabs select{flex:1;max-width:none}.directions{width:100%}.directions button{flex:1;padding:7px}.directions b{font-size:11px}.directions span{font-size:9px}.review-notes{display:block;padding:10px 15px}.review-notes b,.review-notes span{display:block;margin-bottom:5px}#canvas{margin:0 8px}#stage{height:calc(100dvh - 250px);min-height:540px}}
.rules-lab{height:100%;overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:clamp(25px,5%,70px);background:var(--bg)}.rules-lab h1{font-size:36px;line-height:1.15;font-weight:400;margin:20px 0}.rules-lab p{color:var(--muted);font-size:14px;max-width:550px}.rule-presets{display:flex;gap:6px;flex-wrap:wrap;margin:25px 0}.rules-lab label{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin:22px 0 7px}.rules-lab output{color:var(--accent);font:12px Consolas,monospace}.rules-lab input[type=range]{width:100%;accent-color:var(--accent)}.rules-lab .rule-eligible{justify-content:flex-start;align-items:center;gap:10px;margin-top:25px}.rules-lab input[type=checkbox]{accent-color:var(--accent)}.rule-result{padding:30px;border:1px solid var(--line);background:var(--surface);align-self:center}.rule-result>strong{font-size:80px;display:block;line-height:1.3;font-weight:300;letter-spacing:-3px;color:var(--accent);margin:15px 0}.rule-meter{height:6px;background:var(--line);margin-bottom:25px}.rule-meter i{display:block;background:var(--accent);height:100%;transition:width .2s}.rule-result dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin:25px 0;font-size:12px}.rule-result dt{color:var(--muted)}.rule-result dd{margin:0}.rule-result a{font-size:12px}@container(max-width:700px){.rules-lab{grid-template-columns:1fr;gap:20px;padding:25px}.rules-lab h1{font-size:28px}.rule-result{padding:20px}.rule-result>strong{font-size:60px}}
@container(max-width:600px){.panel-reopen{left:14px!important;right:auto;top:82px}}
/* CMF R02: translucent instruments over a continuous photographic field. */
#stage.console-study{--bg:#080f12;--surface:#142326;--panel:#0a171cdb;--line:#78bfc33d;--text:#d5e3dd;--muted:#879f9f;--accent:#a6dbd4;--accent-ink:#102222;--cool:#83dbdb;font-family:Consolas,'Courier New',monospace}.console-study .app-header{height:58px;min-height:58px;background:linear-gradient(100deg,#1c3034,#0c171d 60%,#122326);box-shadow:inset 0 1px #8bbac22b;border-bottom:1px solid #769a9c66}.console-study .brand strong{font:700 25px 'Bahnschrift',sans-serif;letter-spacing:7px;text-shadow:0 1px #000,0 0 20px #9dded422}.console-study .brand-mark{color:#8ec9c8}.console-study .app-header nav button{font:10px Consolas,monospace!important;text-transform:uppercase;letter-spacing:1px}.console-study .environment{height:48px;min-height:48px;background:#122226;border-color:#7fafad44}.console-study .environment strong{font:12px Consolas,monospace;letter-spacing:.3px}.console-study .environment small{font:8px Consolas,monospace;letter-spacing:1px}.console-study .environment .watch strong{color:#d8bf93}.console-study .environment>button{font:10px Consolas,monospace}.console-study .tiles{filter:saturate(.55) brightness(.68) contrast(1.1)}.console-study .map-film{background:radial-gradient(ellipse at 42% 40%,transparent 20%,#01121799),linear-gradient(#071a2222,#06141844)}.console-study .map-heading{top:23px}.console-study .map-heading h1{font:15px Consolas,monospace;letter-spacing:5px;margin-bottom:8px}.console-study .map-heading span{font-size:8px;color:#8ec7c7}.console-study .map-grid{background-size:80px 80px;background-image:linear-gradient(#afded10b 1px,transparent 1px),linear-gradient(90deg,#afded10b 1px,transparent 1px)}.console-study .detail-panel{width:290px;top:19px;bottom:auto;max-height:calc(100% - 103px);padding:16px;background:linear-gradient(140deg,#102c33df,#07161bda);border:1px solid #94d8d059;backdrop-filter:blur(15px);box-shadow:inset 0 1px #bfe3d52b,0 10px 40px #0006;border-radius:0;scrollbar-color:#577d7a #0d1d21}.console-study .panel-top{margin-bottom:16px;border-bottom:1px solid #9dc7bd44;padding-bottom:11px}.console-study .panel-top>span{font-size:9px;letter-spacing:1px;color:#96c4c2}.console-study .detail-panel h2{font:15px Consolas,monospace;text-transform:uppercase;letter-spacing:1px}.console-study .detail-panel p{font:12px/1.7 Consolas,monospace}.console-study .detail-panel .primary{background:linear-gradient(#33505288,#1a343a99);border:1px solid #94d1c57a;color:#c9e8dc;box-shadow:inset 0 1px #c1ebe02b;font:11px Consolas,monospace;letter-spacing:1px;margin-top:17px}.console-study .detail-panel .primary span{float:right}.console-study .meta{margin:15px 0;padding:12px 0;border-color:#92bdad33}.console-study .meta b{font-size:25px;font-weight:400;color:#d2e5dc}.console-study .meta span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.console-study .meta em{font-size:11px;font-style:normal;color:#97b6ae}.signal-heading{display:flex;gap:8px;align-items:center;font-size:9px}.signal-heading strong{font-weight:400;color:#e6c398;letter-spacing:.8px}.signal-heading>span:last-child{margin-left:auto;color:#8ba6a5;font-size:8px}.lamp{width:4px;height:4px;display:inline-block;background:#e5bb78;box-shadow:0 0 7px #e8ba7088}.signal-bars-large{display:flex;gap:3px;align-items:end;height:57px;margin:17px 0 12px;mask-image:repeating-linear-gradient(to top,#000 0 2px,transparent 2px 4px)}.signal-bars-large i{flex:1;background:linear-gradient(#c7d9ab,#639998)}.readout-strip{display:flex;justify-content:space-between;font-size:8px;color:#789494;letter-spacing:.5px}.readout-strip span span{display:block;color:#bed5cc;font-size:10px;margin-top:4px}.instrument-caption{font:8px Consolas,monospace;letter-spacing:1px;color:#84a7a6;margin:14px 0 5px}.instrument-trace{display:block;width:100%;height:64px;background:#05171a55;border-bottom:1px solid #87b5ac33}.event-register{font:8px Consolas,monospace;border-top:1px solid #9ac2b733;margin-top:19px;padding-top:10px}.event-register>div{display:flex;gap:12px;margin:8px 0}.event-register time{color:#a8cdbf}.event-register span{color:#719896}.weather-main{display:flex;align-items:center;gap:24px}.weather-main>div>span{font-size:8px;letter-spacing:1px;color:#8cadac}.weather-main strong{display:block;font-weight:400;font-size:48px;line-height:1.3;color:#d1e5df;text-shadow:0 0 20px #91ddd62b}.weather-main small{font-size:13px;margin-left:8px}.weather-glyph{font:65px/1 Consolas,monospace;color:#8ccac6}.trace-axis{display:flex;justify-content:space-between;font-size:8px;color:#799e9c;margin:5px 0 17px}.weather-cells{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a9c6be33;border-bottom:1px solid #a9c6be33}.weather-cells>div{padding:12px 0}.weather-cells>div>span{display:block;font-size:8px;color:#789c98;letter-spacing:1px}.weather-cells strong{display:block;font-size:17px;font-weight:400;color:#c5dbd1;margin-top:7px}.weather-cells small{font-size:9px;color:#86a7a0}.lunar-readout i{display:inline-block;width:13px;height:13px;border-radius:50%;background:#c2d1bd;box-shadow:0 0 14px #cdd9b833;margin-right:8px}.sample-line{font-size:8px;display:flex;align-items:center;gap:9px;color:#82a29c;border-top:1px solid #a7c7b733;padding-top:10px}.sample-line .text-button{margin-left:auto;font:9px Consolas,monospace!important}.console-study .map-tools{left:auto;right:20px;bottom:43px;background:#0b1d22d9;border-color:#8dd3c355;backdrop-filter:blur(12px);box-shadow:inset 0 1px #b9dbcd22}.console-study .map-tools button{font:10px Consolas,monospace!important;text-transform:uppercase;letter-spacing:.5px}.console-study .map-tools select{font:10px Consolas,monospace;background:#193038b0}.console-study .map-controls{top:84px;left:25px}.console-study .map-controls button{background:#102329bb!important;border-color:#9edbce44!important;backdrop-filter:blur(8px)}.console-study .map-contact{box-shadow:0 0 0 7px #aad7c514,0 0 25px #73c1b839;border-color:#beded2!important;background:#0d2429c9!important}.console-study .search-area{border-color:#a5c9bb80;background:#5aaf9d09}.console-study .status-line{font-size:8px;letter-spacing:.7px;background:#08171c}.scope-reticle{position:absolute;left:50%;top:43%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none;background:linear-gradient(transparent 48%,#c4e7d950 49% 51%,transparent 52%),linear-gradient(90deg,transparent 48%,#c4e7d950 49% 51%,transparent 52%)}.map-inscription{position:absolute;left:24px;right:335px;top:14px;display:flex;justify-content:space-between;pointer-events:none;font:7px Consolas,monospace;letter-spacing:1px;color:#88b2aa}.map-inscription>span:first-child{visibility:hidden}.watch-ruler{position:absolute;left:370px;right:20px;bottom:17px;display:flex;align-items:center;gap:10px;font:8px Consolas,monospace;color:#a2bfb8}.watch-ruler i{height:8px;flex:1;background:repeating-linear-gradient(90deg,#98c1b244 0 1px,transparent 1px 9px);border-bottom:1px solid #98c1b244}.watch-ruler .event-tick{color:#dab98e}.console-study .credit{bottom:2px;font-size:7px;opacity:.7}.console-study .scale{left:25px;bottom:15px;font-size:8px;width:70px}.volume-instrument{position:absolute;left:24px;bottom:45px;width:310px;height:230px;z-index:7;background:linear-gradient(130deg,#09242ade,#06171cbb);border:1px solid #8bd6ce55;backdrop-filter:blur(10px);box-shadow:inset 0 1px #a9e2d42b,0 12px 30px #0005;display:flex;flex-direction:column}.volume-instrument header,.volume-instrument footer{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;font:8px Consolas,monospace;color:#8cbab5;letter-spacing:1px;min-height:30px}.volume-instrument header{border-bottom:1px solid #8abdac33}.volume-instrument footer{border-top:1px solid #8abdac33}.volume-instrument button{font:9px Consolas,monospace!important;padding:0 5px!important;min-height:19px!important;border:0!important;color:#a2c7bf!important}.volume-instrument b{font-weight:400;color:#d1ded2}.volume-instrument canvas{width:100%;flex:1;min-height:0;touch-action:none;cursor:grab}.volume-instrument.scope-expanded{inset:16px 335px 45px 20px;width:auto;height:auto;background:#06151aeb}.console-study .access-form h1{font:29px Consolas,monospace;letter-spacing:3px;text-transform:uppercase}.console-study .access-form input{background:#142b3099!important;border-color:#88bfbb55!important;font-family:Consolas,monospace}.console-study .access-art{background:radial-gradient(ellipse,#42686755,#07131a 72%)}.console-study .access-form{background:linear-gradient(120deg,#10242a,#091319)}.console-study .access-form .primary{background:linear-gradient(#355c5e,#183b42);color:#c7e4db;border-color:#97cfc777}.console-study .optical{border-color:#a7e3d766;box-shadow:0 0 0 35px #99d7ce04,0 0 0 36px #99d7ce22,inset 0 0 80px #86d4c71a}.console-study .optical:before{box-shadow:0 0 50px #88dcd844,inset 0 0 40px #b4e7d938}.console-study .dossier-copy h1{font-family:Consolas,monospace;font-size:30px;text-transform:uppercase}.console-study .reference-view{border-right:1px solid #89bfb544}
@container(max-width:900px){.volume-instrument{width:230px;height:190px;left:15px}.console-study .detail-panel{width:260px;right:14px}.watch-ruler{left:270px}.volume-instrument.scope-expanded{right:290px}.console-study .environment>div{padding:0 12px;min-width:95px}.console-study .environment .temperature{display:none}}
@container(max-width:600px){.console-study .environment{height:67px;min-height:67px}.console-study .environment strong{font-size:11px}.console-study .app-header{height:57px;min-height:57px}.console-study .map-heading h1{font-size:12px;letter-spacing:3px}.console-study .map-heading{left:15px;top:18px}.console-study .map-controls{left:auto;right:13px;top:17px}.console-study .map-tools{left:12px;right:12px;bottom:30px}.volume-instrument{left:13px;bottom:90px;width:190px;height:155px}.volume-instrument header,.volume-instrument footer{font-size:6px;padding:4px 7px;min-height:24px}.volume-instrument.scope-expanded{inset:12px 12px 88px;height:auto;width:auto}.console-study .detail-panel{left:12px;right:12px;bottom:90px;top:auto;width:auto;max-height:calc(100% - 140px);z-index:9}.console-workspace:has(.detail-panel:not([hidden])) .volume-instrument{visibility:hidden}.watch-ruler,.map-inscription{display:none}.console-study .scale{bottom:8px;left:15px}.console-study .credit{bottom:5px}.console-study .panel-reopen{top:72px}.console-study .weather-main strong{font-size:35px}.console-study .weather-cells{grid-template-columns:repeat(4,1fr)}.console-study .weather-cells strong{font-size:12px}.console-study .instrument-trace{height:50px}}
@media(prefers-reduced-motion:reduce){.entry-scene .optical{animation:none;opacity:1}.entry-progress{animation:none;width:100%}.rule-meter i{transition:none}}