/* ALPINE — cinematic editorial layout and interactive system studies. */
.alpine-page{--bg:#090c13;--accent:#c5cf9d}.game-header-right{display:flex;align-items:center;gap:45px;font-size:11px}.studio-return{color:var(--muted)}.studio-return:hover{color:var(--ink)}.language{display:flex;gap:15px;font-size:10px}.language a{min-height:36px;display:flex;align-items:center;padding:5px 0;color:#777f90;border-bottom:1px solid transparent}.language a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.game-hero{margin-inline:18px;min-height:745px;height:calc(100svh - 115px);max-height:1100px}.game-hero-inner{min-height:inherit;height:100%;display:flex;flex-direction:column;padding-block:31px 55px}.game-hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.game-hero-top .eyebrow{font-size:8px;letter-spacing:.15em}.game-hero-top .status-label{font-size:8px;color:#d0d4d7}.game-hero h1{font-size:clamp(140px,21.2vw,300px);line-height:.87;letter-spacing:.015em;font-weight:500;text-align:center;margin:70px 0 60px;mix-blend-mode:screen;color:#ebeef3}.game-hero .hero-shade{background:linear-gradient(0deg,#080b13f5 0%,#080b1380 25%,transparent 65%),linear-gradient(90deg,#09112055,transparent 70%)}.game-hero-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-top:auto}.game-hero h2{font-size:clamp(31px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0 0 25px;max-width:560px}.game-hero h2 em{font-style:normal}.game-hero-bottom>p{font-size:13px;line-height:1.95;color:#b8c1d0;margin:0 0 3px;max-width:410px}.game-facts{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;padding-block:28px 32px}.game-facts>div{display:flex;flex-direction:column;gap:7px}.game-facts span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.game-facts strong{font-size:12px;font-weight:400}.game-facts>div:last-child{text-align:right}.chapter-nav{position:sticky;top:0;z-index:30;background:#0a0e17f5;border-block:1px solid #ffffff1c;backdrop-filter:blur(18px)}.chapter-links{display:flex;align-items:center;justify-content:space-between;gap:25px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#444f62 transparent}.chapter-links a{display:flex;align-items:center;gap:12px;font-size:11px;color:#939dad;white-space:nowrap;padding:22px 0 20px;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}.chapter-links a>span{font:9px monospace;color:#8290a7}.chapter-links a:hover,.chapter-links a[aria-current=location]{color:var(--ink);border-color:var(--accent)}.chapter-links a[aria-current=location]>span{color:var(--accent)}.reading-progress{position:absolute;bottom:-1px;height:1px;width:100%;background:#aeb9d55c;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}.systems-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:60px 20px}.systems-intro .eyebrow{font-size:8px;color:#828d9f}.systems-intro p{font-size:12px;color:var(--muted);margin:0}.systems-intro>span:last-child{font-size:22px;color:#64718a}
/* Each chapter gives the system a different spatial treatment. */
.system-section{position:relative;display:grid;grid-template-columns:.92fr 1.25fr;gap:clamp(40px,6vw,100px);align-items:start;min-height:880px;padding-block:100px 125px;border-bottom:1px solid var(--line);scroll-margin-top:75px}.system-number{position:absolute;top:28px;left:-5px;z-index:-1;font-size:175px;font-weight:500;line-height:1;letter-spacing:-.05em;color:#121925;pointer-events:none}.system-copy{position:sticky;top:140px;padding-top:35px}.system-copy .eyebrow{font-size:9px;color:var(--accent);margin-bottom:25px}.system-copy h2{font-size:clamp(36px,4.3vw,61px);font-weight:500;line-height:1.07;letter-spacing:-.045em;margin:0 0 29px}.system-copy h2 em{color:#7f8da6;font-style:normal}.system-copy>p{font-size:13px;line-height:1.9;color:#a0aabb;margin:0 0 20px;max-width:415px}.chapter-tail{display:flex;align-items:center;gap:25px;font:8px monospace;letter-spacing:.1em;color:#737f92;margin-top:35px}.chapter-tail i{height:1px;width:80px;background:#4e5d7666}.system-visual{margin:0;position:sticky;top:108px;min-width:0}.system-visual figcaption{font-size:8px;color:#9aa5b7;line-height:1.65;margin-top:17px;max-width:540px}.stage{background:#101620;border:1px solid #46526955;position:relative;box-shadow:0 22px 60px #0000003b}.console-bar{height:auto;min-height:42px;border-bottom:1px solid #c9d5f018;padding:13px 18px;display:flex;align-items:center;gap:15px;font:8px/1.5 monospace;letter-spacing:.04em;color:#b0b9cb;background:#121a28;position:relative;z-index:2}.console-bar>span:nth-child(2){color:#7c88a1;margin-left:auto;text-align:right;font-size:7px}.console-bar>i{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.65;flex-shrink:0}.ui-label{font:8px/1.5 monospace;letter-spacing:.08em;color:#8e9bb0}.console-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff15;padding:14px 18px;font:8px/1.5 monospace;letter-spacing:.05em;color:#8e9bb0}.console-bottom>span:last-child:not(.status-dot){margin-left:auto}.console-bottom .status-dot{width:4px;height:4px}.system-connections,.system-expertise{grid-template-columns:1.25fr .92fr}.system-connections .system-copy,.system-expertise .system-copy{grid-column:2;grid-row:1}.system-connections .system-visual,.system-expertise .system-visual{grid-column:1;grid-row:1}.system-connections .system-number,.system-expertise .system-number{left:auto;right:0}
/* 01 — depth between the room and an incoming briefing. */
.office-scene{height:600px;background:#0b111e;border:0;isolation:isolate}.office-photo{width:100%;height:100%;object-fit:cover;object-position:67% center;filter:brightness(.8);opacity:.95}.office-scene::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#0b0f1cdd,transparent 70%)}.scene-registration{position:absolute;top:21px;left:22px;font:8px monospace;color:#c4ccdc;z-index:1}.desktop-fragment{position:absolute;bottom:32px;right:-23px;width:82%;max-width:430px;background:#111825ed;border:1px solid #73839b66;box-shadow:0 25px 70px #000a;z-index:1;backdrop-filter:blur(12px);transform:translateY(calc(var(--stage-progress,0)* -16px));transition:transform .2s linear}.briefing-body{padding:23px}.briefing-body .status-label{font:8px monospace}.briefing-body h3{font-size:28px;font-weight:500;letter-spacing:-.025em;margin:15px 0 11px}.briefing-body p{font-size:11px;line-height:1.8;color:#9da8bb;max-width:290px}.briefing-body ul{padding:0;list-style:none;display:flex;justify-content:space-between;gap:12px;margin:22px 0;border-block:1px solid #ffffff18}.briefing-body li{font-size:9px;padding-block:13px}.briefing-body li span{display:block;font:7px monospace;margin-bottom:5px;color:#6d7f9c}.document-lines span{display:block;height:3px;background:#59677c44;margin-top:8px;width:85%}.document-lines span:nth-child(2){width:100%}.document-lines span:nth-child(3){width:57%}
/* 02 — a working visual-analysis instrument, without fake game results. */
.research-console{background:#0e141f;transform:perspective(1300px) rotateY(-3deg);transform-origin:left center}.evidence-view{position:relative;aspect-ratio:1.72;overflow:hidden;background:#161d29}.evidence-photo{height:100%;width:100%;object-fit:cover;filter:brightness(.8) saturate(.4);transition:transform 1.3s var(--ease),filter .8s;transform-origin:42% 60%}.focus-frame{position:absolute;left:10%;top:41%;width:54%;height:47%;border:1px solid #c5cf9d66;transition:left .8s var(--ease),top .8s var(--ease),width .8s var(--ease),height .8s var(--ease);box-shadow:0 0 0 1000px #050b1528}.target-corner{position:absolute;width:14px;height:14px;border:solid #dce4c0;border-width:1px 0 0 1px;left:-1px;top:-1px}.target-corner:nth-child(2){inset:-1px -1px auto auto;transform:rotate(90deg)}.target-corner:nth-child(3){inset:auto -1px -1px auto;transform:rotate(180deg)}.target-corner:nth-child(4){inset:auto auto -1px -1px;transform:rotate(270deg)}.focus-code{position:absolute;left:-1px;top:-23px;background:#ced7b0;color:#182111;padding:3px 7px;white-space:nowrap;font:7px/1.5 monospace}.focus-code b{font-weight:400}.image-reticle{position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid #e0e5ef38;transform:translate(-50%,-50%)}[data-choice-state=equipment] .focus-frame{left:14%;top:40%;width:37%;height:28%}[data-choice-state=equipment] .evidence-photo{transform:scale(1.1);transform-origin:35% 57%}[data-choice-state=building] .focus-frame{left:63%;top:9%;width:29%;height:49%}[data-choice-state=building] .evidence-photo{transform:scale(1.07);transform-origin:78% 27%}.object-select{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff16}.object-select button{display:flex;align-items:center;gap:10px;text-align:left;border:0;border-right:1px solid #ffffff14;border-bottom:2px solid transparent;background:none;color:#929eb3;padding:15px 12px;font-size:10px;cursor:pointer;transition:color .25s,background .25s,border-color .25s}.object-select button:last-child{border-right:0}.object-select button>span{font:7px monospace;color:#82916d}.object-select button[aria-pressed=true]{border-bottom-color:#c5cf9d;background:#c5cf9d0b;color:#e1e8d2}.object-select button:hover{background:#e3eafa0b;color:var(--ink)}.focus-readout{padding:25px;min-height:166px}.focus-explanation h3{font-size:18px;font-weight:500;margin:8px 0}.focus-explanation p{font-size:12px;line-height:1.8;margin:0;color:#a2aec2;max-width:400px}.focus-explanation+.focus-explanation{margin-top:22px}.has-js .focus-explanation{margin-top:0}
/* 03 — spatial relationships, paper, notes, restrained animated threads. */
.board-stage{background:#161d29}.evidence-board{position:relative;aspect-ratio:1.23;background:radial-gradient(#aabedb13 1px,transparent 1px),linear-gradient(135deg,#182330,#131824);background-size:16px 16px,auto;overflow:hidden}.connection-lines{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.thread{stroke:#a6555e;stroke-width:1.4;fill:none;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--ease),opacity .5s;filter:drop-shadow(0 2px 2px #0008)}.thread-secondary{stroke:#a6555e88;transition-delay:.22s}.has-js [data-stage]:not(.is-seen) .thread{stroke-dashoffset:1}.links-hidden .thread{opacity:0}.board-card{position:absolute;width:38%;padding:7px 7px 13px;background:#c8cbd0;box-shadow:0 8px 14px #0005;z-index:2;transform-origin:50% 0}.board-card-one{left:6%;top:10%;transform:rotate(-6deg) translateY(calc(var(--stage-progress,0)* -7px))}.board-card-two{right:6%;top:16%;transform:rotate(6deg) translateY(calc(var(--stage-progress,0)* 8px))}.board-photo{aspect-ratio:1.3;overflow:hidden;background:#788699}.board-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.1) contrast(1.1) brightness(.75)}.board-card-two .board-photo img{transform:scale(2.2);transform-origin:90% 20%}.board-card-one .board-photo img{transform:scale(1.2);transform-origin:30% 75%}.board-card>span:last-child{display:block;font:6px/1.5 monospace;letter-spacing:.05em;color:#303844;margin-top:10px}.pin{position:absolute;top:2px;left:50%;width:6px;height:6px;border-radius:50%;background:#aa5664;box-shadow:0 2px 3px #0005;z-index:5}.board-note{position:absolute;bottom:8%;right:17%;width:42%;padding:22px 17px;background:#b6bcad;color:#202827;transform:rotate(-3deg);box-shadow:0 7px 14px #0004;z-index:3}.board-note p{font-size:12px;line-height:1.7;margin:5px 0 0}.note-number{font-size:21px;color:#60665a}.board-tiny-note{position:absolute;top:52%;left:10%;width:25%;padding:15px;background:#a1adbd;color:#303b4d;font:8px monospace;transform:rotate(5deg);z-index:2}.note-rule{display:block;height:2px;background:#4e5e7244;margin-top:11px}.note-rule.short{width:65%}.board-toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;font:8px/1.7 monospace;color:#8997af;border-top:1px solid #ffffff15}.board-toolbar>span{max-width:240px}.board-toolbar button{min-height:38px;background:none;border:1px solid #6e7b9066;color:#c0c9d8;padding:8px 12px;font-size:9px;cursor:pointer;white-space:nowrap}.board-toolbar button:hover{border-color:var(--accent)}.assessment{display:flex;gap:17px;border-top:1px solid var(--line);padding-top:23px;margin-top:30px}.assessment-mark{color:var(--accent);font-size:25px}.assessment h3{font-size:13px;font-weight:500;line-height:1.5;margin:0 0 9px}.assessment p{font-size:11px!important;line-height:1.8;color:var(--muted);margin:0}
/* 04 — separate, legible resource constraints. No invented numeric game values. */
.resources-stage{background:linear-gradient(140deg,#151d2e,#0d131d)}.shift-line{display:flex;justify-content:space-between;position:relative;gap:12px;margin:38px 25px 15px;padding-bottom:27px;font:8px monospace;color:#9da8bb;border-bottom:1px solid #59698066;background:repeating-linear-gradient(90deg,transparent 0,transparent 12px,#63718c55 12px,#63718c55 13px) left bottom/100% 6px no-repeat}.shift-line::after{content:'';position:absolute;width:6px;height:6px;background:var(--accent);left:0;bottom:-3px;box-shadow:0 0 20px #c5cf9d44;transition:left 1.8s var(--ease)}.is-seen .shift-line::after{left:53%}.resources-body{padding:0 26px 20px}.resource-row{padding:25px 0 18px;display:grid;grid-template-columns:28px 1fr;gap:16px;border-bottom:1px solid #ffffff10}.resource-row:last-child{border-bottom:0}.resource-number{font:8px monospace;color:#6f819e;padding-top:5px}.resource-row h3{font-size:19px;font-weight:500;margin:0 0 10px;letter-spacing:-.02em}.resource-row p{font-size:11px;color:#92a1b8;line-height:1.8;margin:0 0 16px;max-width:350px}.resource-track{height:5px;display:flex;gap:4px;max-width:290px;opacity:.65;transform-origin:left;transition:transform 1.3s var(--ease),opacity 1.3s}.resource-track i{flex:1;background:#627895}.resource-track i:nth-last-child(-n+2){background:#202c3e}.track-1 i{background:#918ca7}.track-1 i:nth-last-child(-n+4){background:#202c3e}.track-2 i{background:#a3af82}.track-2 i:nth-last-child(-n+3){background:#202c3e}.has-js [data-stage]:not(.is-seen) .resource-track{transform:scaleX(.25);opacity:.15}
/* 05 — an expertise tree with keyboard-accessible specialisations. */
.skill-stage{background:radial-gradient(ellipse at 50% 35%,#26314a55,transparent 65%),#0e141f}.skill-tree{padding:35px 24px 25px}.experience-node{position:relative;text-align:center;width:70%;margin:auto;padding:16px;border:1px solid #8594b54d;background:#192338}.experience-node strong{display:block;font-size:18px;font-weight:500;margin-top:7px;letter-spacing:-.02em}.experience-line{position:absolute;width:36%;height:1px;left:32%;bottom:-1px;background:var(--accent)}.skill-branch-lines{height:38px;width:55%;margin:0 auto;position:relative;border:1px solid #617594;border-width:1px 1px 0;transform:translateY(19px)}.skill-branch-lines::before{content:'';position:absolute;height:19px;left:50%;top:-20px;border-left:1px solid #8a9ab7}.skill-nodes{display:grid;grid-template-columns:1fr 1fr;gap:15px;position:relative;margin-top:18px}.skill-node{position:relative;background:#101928;border:1px solid #465978;color:#aebbd1;text-align:left;padding:18px 16px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s;min-width:0}.skill-node:hover{background:#1c2940;transform:translateY(-3px)}.skill-node[aria-pressed=true]{border-color:#c5cf9d88;background:#24302544;color:#d8e0c8}.node-icon{display:block;font-size:22px;color:#98a6c0;line-height:1;margin-bottom:18px}.skill-node>.ui-label{font-size:6px}.skill-node strong{display:block;font-size:12px;font-weight:500;margin-top:8px}.node-plus{position:absolute;right:13px;top:15px;color:#7789a6}.skill-readout{padding:22px 25px 27px;border-top:1px solid #ffffff12;min-height:240px}.skill-readout h3{font-size:17px;font-weight:500;letter-spacing:-.015em;margin:0 0 11px}.skill-readout p{font-size:12px;color:#9ca9be;line-height:1.8;margin:0}.skill-readout [data-choice-panel]+[data-choice-panel]{margin-top:20px}.has-js .skill-readout [data-choice-panel]{margin-top:0}.skill-requirements{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.skill-requirements span{font:7px monospace;padding:5px 7px;border:1px solid #ffffff1a;color:#a5b1c4}.skill-readout .skill-disclaimer{font-size:9px;color:#7e8ca2;margin-top:15px}
.world-section{scroll-margin-top:60px}.world-image{height:550px;margin-top:40px}.world-image .cinematic-media img{object-position:50% 42%;filter:saturate(.35) brightness(.6)}.world-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090d16e6 0%,#090d1677 40%,transparent),linear-gradient(0deg,#090c13,transparent 45%)}.world-title{padding-block:115px 70px}.world-title .eyebrow{font-size:9px;color:#b8c3d5}.world-title h2{font-size:clamp(42px,5.8vw,82px);font-weight:500;line-height:1.05;letter-spacing:-.04em;margin:40px 0 26px;max-width:800px}.world-title h2 em{font-style:normal;color:#9aa8be}.world-title>.micro{font-size:7px;letter-spacing:.17em}.world-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:30px 65px}.world-copy p{font-size:14px;line-height:1.9;color:var(--muted);max-width:520px}.case-study{border-block:1px solid var(--line);padding-block:50px 25px}.case-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.case-intro .eyebrow{font-size:8px;color:var(--accent)}.case-intro h2{font-size:clamp(28px,3.1vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin-top:30px}.case-intro p{font-size:12px;line-height:1.9;color:#9faabc}.case-questions{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.case-question{border-top:1px solid #74819755;padding-block:22px}.case-question .eyebrow{font-size:8px;color:#7d8da5}.case-question h3{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:20px 0 10px}.case-question p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px}.game-closing{padding-top:100px}.game-closing>.eyebrow{font-size:9px;color:var(--accent)}.game-closing h2{font-size:clamp(44px,6.2vw,88px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:33px 0 40px}.game-closing h2 em{font-style:normal;color:#79869d}.closing-bottom{display:flex;align-items:start;justify-content:space-between;gap:60px;margin-bottom:85px}.closing-bottom>p{color:var(--muted);max-width:410px;line-height:1.9;font-size:14px;margin:0}.closing-actions{display:flex;flex-direction:column;gap:20px;align-items:start}.closing-actions .quiet-link{font-size:10px}.closing-wordmark{font-size:clamp(95px,20.9vw,298px);line-height:.8;color:#141d2b;letter-spacing:.02em;overflow:hidden;padding-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.motion-paused .floating-layer{transform:none}.motion-paused .thread{stroke-dashoffset:0!important}.motion-paused .resource-track{transform:none!important;opacity:.65!important}
@media(max-width:1100px){.system-section{gap:40px;min-height:780px;padding-block:80px 100px}.system-copy h2{font-size:43px}.system-copy>p{font-size:12px}.office-scene{height:540px}.desktop-fragment{right:-12px;width:90%}.briefing-body{padding:19px}.game-hero-bottom{gap:40px}.game-hero h1{margin-top:85px}.board-note{padding:16px 12px}.board-note p{font-size:10px}.board-toolbar{flex-wrap:wrap;gap:10px}.skill-node{padding:16px 12px}.skill-tree{padding-inline:18px}.object-select button{gap:6px;font-size:9px;padding-inline:9px}.case-intro{gap:40px}}
@media(max-width:800px){.system-section{grid-template-columns:1fr;gap:35px;min-height:0;padding-block:65px 70px}.system-copy{position:relative;top:auto;padding-top:0}.system-copy>p{font-size:14px;max-width:620px}.system-copy h2{font-size:clamp(35px,6vw,48px)}.system-copy .eyebrow{margin-bottom:19px}.system-copy .chapter-tail{display:none}.system-number{font-size:125px;top:26px;right:0;left:auto}.system-visual{position:relative;top:auto;width:100%;max-width:640px;margin-inline:auto}.system-connections .system-copy,.system-expertise .system-copy,.system-connections .system-visual,.system-expertise .system-visual{grid-column:auto;grid-row:auto}.office-scene{height:510px}.desktop-fragment{right:15px;bottom:25px;max-width:370px;width:80%}.research-console{transform:none}.evidence-board{aspect-ratio:1.35}.game-hero{height:auto;min-height:730px}.game-hero-inner{padding-block:27px 45px;min-height:730px}.game-hero h1{font-size:21vw;margin-block:90px 75px}.game-hero-bottom{grid-template-columns:1fr 1fr;gap:30px}.game-hero h2{font-size:35px}.game-hero-bottom>p{font-size:12px}.game-facts{gap:20px}.game-facts strong{font-size:11px}.chapter-links{gap:30px;justify-content:flex-start}.systems-intro{padding-top:40px;gap:20px}.systems-intro p{font-size:10px}.systems-intro>.eyebrow{font-size:7px}.world-copy{gap:40px}.case-questions{gap:25px}.game-closing{padding-top:70px}.closing-bottom{gap:35px}.closing-bottom>p{font-size:13px}.closing-actions .button{font-size:11px}}
@media(max-width:600px){.game-header-right{gap:20px}.studio-return{display:none}.language{font-size:9px;gap:13px}.game-hero{margin-inline:8px;min-height:780px}.game-hero-inner{min-height:780px}.game-hero-top{gap:15px;align-items:start}.game-hero-top .eyebrow{font-size:6px;max-width:130px}.game-hero-top .status-label{font-size:7px;white-space:nowrap}.game-hero h1{font-size:20.8vw;margin-top:105px;margin-bottom:90px}.game-hero-bottom{grid-template-columns:1fr;gap:25px}.game-hero h2{font-size:35px;max-width:330px;margin-bottom:22px}.game-hero-bottom>p{font-size:12px;line-height:1.8;max-width:100%}.game-hero .cinematic-media img{object-position:62% center}.game-hero .hero-shade{background:linear-gradient(0deg,#080b13f5,transparent 85%)}.game-hero .art-caption{font-size:6px;max-width:calc(100% - 20px)}.game-facts{grid-template-columns:1fr 1fr;gap:20px;padding-block:24px}.game-facts>div:nth-child(2){grid-column:1/-1;grid-row:2}.game-facts>div:last-child{grid-column:2;grid-row:1}.game-facts span{font-size:7px}.game-facts strong{font-size:10px}.chapter-links{gap:23px}.chapter-links a{font-size:10px;gap:8px;padding-block:16px 14px}.chapter-links a>span{font-size:8px}.systems-intro{display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:32px 0}.systems-intro>p{grid-row:2;font-size:11px}.systems-intro>span:last-child{grid-row:1/3;grid-column:2}.system-section{padding-block:55px 60px;gap:30px}.system-copy .eyebrow{font-size:8px}.system-copy h2{font-size:37px;line-height:1.1;margin-bottom:23px}.system-copy>p{font-size:13px}.system-visual figcaption{font-size:8px;margin-top:13px}.office-scene{height:475px}.desktop-fragment{width:86%;right:10px;bottom:20px}.briefing-body h3{font-size:25px}.briefing-body p{font-size:10px}.briefing-body ul{gap:8px}.briefing-body li{font-size:8px}.console-bar{padding:11px 12px;font-size:7px;gap:8px}.console-bar>span:nth-child(2){font-size:6px;max-width:47%}.object-select button{padding:14px 8px;display:block;font-size:9px;line-height:1.6}.object-select button>span{display:block;margin-bottom:3px}.focus-readout{padding:20px;min-height:175px}.focus-explanation p{font-size:11px}.evidence-board{aspect-ratio:1;min-height:310px}.board-card>span:last-child{font-size:5px}.board-note{padding:16px 12px;width:46%;right:12%;bottom:8%}.board-note p{font-size:10px}.board-tiny-note{font-size:7px;padding:12px;width:25%}.board-toolbar{font-size:7px;padding:13px}.board-toolbar button{font-size:8px}.resources-body{padding-inline:20px}.resource-row{gap:8px;grid-template-columns:22px 1fr}.resource-row h3{font-size:18px}.resource-row p{font-size:11px}.resource-track{max-width:100%}.skill-nodes{gap:10px}.skill-tree{padding:26px 15px 22px}.skill-node{padding:15px 12px;min-height:124px}.skill-node strong{font-size:11px}.skill-readout{padding:20px;min-height:250px}.skill-readout h3{font-size:16px}.skill-readout p{font-size:11px}.skill-requirements{gap:5px}.skill-requirements span{font-size:6px}.skill-disclaimer{font-size:8px!important}.world-image{height:440px;margin-top:20px}.world-title{padding-top:87px}.world-title h2{font-size:43px;margin-top:35px}.world-title>.micro{font-size:6px;max-width:230px;display:block}.world-copy{grid-template-columns:1fr;gap:10px;padding-block:20px 40px}.world-copy p{font-size:13px}.case-study{padding-top:35px}.case-intro{grid-template-columns:1fr;gap:15px}.case-intro h2{font-size:29px;margin-top:22px}.case-intro p{font-size:12px}.case-questions{grid-template-columns:1fr;gap:0;margin-top:25px}.case-question{padding-block:22px}.case-question h3{font-size:21px;margin-top:15px}.case-question p{max-width:100%;font-size:12px;margin-bottom:0}.game-closing{padding-top:55px}.game-closing>.eyebrow{font-size:8px}.game-closing h2{font-size:39px}.closing-bottom{flex-direction:column;gap:28px;margin-bottom:55px}.closing-actions{width:100%}.closing-actions .button{width:100%}.closing-wordmark{font-size:20.8vw}}
@media(prefers-reduced-motion:reduce){.floating-layer{transform:none!important}.thread{stroke-dashoffset:0!important}.resource-track{transform:none!important;opacity:.65!important}}
/* Uploaded ALPINE images replace the earlier atmosphere and interface stand-ins. */
.hero-gallery-link{margin-left:22px;font-size:10px;vertical-align:middle}.office-screens{border:0;background:transparent;box-shadow:none;padding-bottom:5px}.briefing-screen{position:relative;width:88%;margin:-6% -10px 0 auto;z-index:2;box-shadow:0 20px 55px #0009;transform:translateY(calc(var(--stage-progress,0)* -10px))}.real-screenshot-console{transform:none}.real-screenshot-console .screenshot-link{border:0}.real-screenshot-console .focus-readout{min-height:172px}.real-screenshot-console .object-select{border-top:1px solid #ffffff26}.screenshot-resources>.screenshot-link{border:0}.screenshot-resources .resource-row{padding:16px 0 12px}.screenshot-resources .resource-row h3{font-size:16px;margin-bottom:7px}.screenshot-resources .resource-row p{font-size:11px;margin-bottom:0}.screenshot-resources .resources-body{padding-bottom:15px}.board-card-one .board-photo img,.board-card-two .board-photo img{transform:none;filter:none;object-fit:contain;background:#0b111a}.board-photo{aspect-ratio:1672/941}.analyst-profile{display:flex;align-items:center;gap:26px;padding:22px 28px 0;min-height:150px;overflow:hidden;background:radial-gradient(ellipse at 30% 70%,#31445d55,transparent 70%)}.analyst-profile>img{width:104px;height:130px;object-fit:contain;object-position:bottom;align-self:end;flex-shrink:0}.analyst-profile strong{display:block;font-size:22px;font-weight:500;margin-top:8px;letter-spacing:-.025em}.analyst-profile+.skill-tree{padding-top:0}.analyst-profile+.skill-tree .skill-nodes{margin-top:22px}.game-gallery{padding-block:75px 25px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:33px}.gallery-heading .eyebrow{font-size:8px;color:var(--accent)}.gallery-heading h2{font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:20px 0 0}.gallery-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px;margin:0}.game-gallery .gallery-grid{gap:32px}
@media(max-width:1050px){.hero-gallery-link{display:table;margin:15px 0 0}.briefing-screen{margin-right:0}.analyst-profile{gap:18px;padding-inline:20px}.analyst-profile strong{font-size:19px}}
@media(max-width:800px){.office-screens{max-width:640px}.briefing-screen{width:91%;margin-top:18px}.system-resources .system-visual{top:auto}.gallery-heading{gap:25px}}
@media(max-width:600px){.game-hero,.game-hero-inner{min-height:825px}.game-hero h1{margin-bottom:65px}.gallery-heading{display:block}.gallery-heading>p{margin-top:18px;max-width:100%;font-size:12px}.game-gallery{padding-block:50px 5px}.game-gallery .gallery-grid{gap:25px}.analyst-profile>img{width:85px;height:106px}.analyst-profile strong{font-size:18px}.analyst-profile{min-height:128px;padding-top:15px}.real-screenshot-console .focus-readout{min-height:190px}.briefing-screen{width:100%}}
/* Readable game-page composition: compact opening, full-width office and briefing. */
.game-banner{position:relative;height:clamp(260px,31vw,420px);overflow:hidden;background:#0c131c}
.game-banner>a{position:relative;display:block;height:100%}
.game-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.game-banner .art-caption{right:12px;bottom:8px;font-size:8px}
.game-banner .screenshot-enlarge{top:12px;bottom:auto;opacity:1;transform:none}
.game-introduction{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;padding-block:37px 36px}
.game-intro-heading .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--accent);margin-bottom:17px}
.game-intro-heading h1{font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.13;letter-spacing:-.035em;margin:0;max-width:520px}
.game-intro-heading h1 em{font-style:normal;color:#b7c2d3}
.game-intro-copy>p{font-size:15px;line-height:1.8;margin:0 0 20px;color:#adb8c9;max-width:630px}
.game-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.game-facts{border-top:1px solid var(--line);padding-block:19px 24px}
.game-facts strong{font-size:13px}
.systems-intro{padding-block:35px 0}
.system-section{min-height:0;padding-block:60px 70px;gap:45px}
.system-copy,.system-visual{position:relative;top:auto}
.system-copy{padding-top:0}
.system-copy h2{font-size:clamp(30px,3.3vw,46px);line-height:1.13;margin-bottom:24px}
.system-copy .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:18px}
.system-prose>p{font-size:15px;line-height:1.85;color:#aab5c7;margin:0 0 17px}
.system-prose>p:last-child{margin-bottom:0}
.system-office,.system-investigation{display:block}
.system-office .system-copy,.system-investigation .system-copy{display:grid;grid-template-columns:1fr 1.15fr;column-gap:65px;row-gap:17px;margin-bottom:30px}
.system-office .system-copy>.eyebrow,.system-investigation .system-copy>.eyebrow{grid-column:1/-1;margin:0}
.system-office .system-copy>h2,.system-investigation .system-copy>h2{grid-column:1;grid-row:2;margin:0}
.system-office .system-prose,.system-investigation .system-prose{grid-column:2;grid-row:2}
.system-office .system-visual,.system-investigation .system-visual{width:100%;max-width:none;margin:0}
.office-screens{width:100%;max-width:none;padding:0}
.office-screens .screenshot-link>img,.real-screenshot-console>.screenshot-link>img{width:100%;height:auto;object-fit:contain;transform:none;filter:none}
.real-screenshot-console{box-shadow:none}
.real-screenshot-console .object-select button{font-size:13px;padding:17px 22px}
.real-screenshot-console .object-select button>span{font-size:10px}
.real-screenshot-console .focus-readout{min-height:0;padding:25px 28px}
.real-screenshot-console .focus-explanation h3{font-size:21px}
.real-screenshot-console .focus-explanation p{font-size:14px;max-width:850px}
.system-visual figcaption{font-size:11px;max-width:none;margin-top:12px}
.world-image{height:380px;margin-top:0}
.world-title{padding-block:75px 45px}
.world-title h2{font-size:clamp(34px,4.2vw,58px);margin-block:26px 20px}
.game-closing{padding-block:55px 15px}
.game-closing h2{font-size:clamp(34px,4.1vw,56px)}
.closing-bottom{margin-bottom:35px}
@media(max-width:800px){
 .game-banner{height:300px}
 .game-introduction{gap:30px;padding-block:30px}
 .game-intro-heading h1{font-size:34px}
 .game-intro-copy>p{font-size:14px}
 .system-office .system-copy,.system-investigation .system-copy{column-gap:30px}
 .system-section{gap:28px}
 .system-prose>p{font-size:14px}
}
@media(max-width:600px){
 .game-banner{height:210px}
 .game-banner img{object-position:center 58%}
 .game-banner .art-caption{font-size:7px;left:8px;right:auto}
 .game-introduction{grid-template-columns:1fr;gap:22px;padding-block:27px}
 .game-intro-heading h1{font-size:32px;max-width:100%}
 .game-intro-heading .eyebrow{font-size:10px;margin-bottom:13px}
 .game-intro-actions{gap:18px}
 .game-intro-actions .button{font-size:12px}
 .game-intro-actions .quiet-link{font-size:11px}
 .game-facts strong{font-size:11px}
 .system-section{padding-block:40px 45px}
 .system-copy h2{font-size:32px}
 .system-copy .eyebrow{font-size:10px}
 .system-office .system-copy,.system-investigation .system-copy{display:block;margin-bottom:23px}
 .system-office .system-copy>.eyebrow,.system-investigation .system-copy>.eyebrow{margin-bottom:16px}
 .system-office .system-copy>h2,.system-investigation .system-copy>h2{margin-bottom:20px}
 .system-visual figcaption{font-size:10px}
 .real-screenshot-console .object-select button{font-size:11px;padding:13px 10px}
 .real-screenshot-console .object-select button>span{font-size:8px}
 .real-screenshot-console .focus-readout{padding:20px}
 .real-screenshot-console .focus-explanation p{font-size:13px}
 .world-image{height:320px}
 .world-title{padding-block:50px 35px}
 .world-title h2{font-size:37px}
}