@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#140f19;--panel:#241923;--panel2:#352530;--text:#f2e9dc;--muted:#bbaead;--line:#78646b;--accent:#d6aa72;--bright:#f2e6d8;--dark:#140f19;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.5 'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;top:-5rem;left:1rem;z-index:50;background:var(--bright);color:var(--dark);padding:.65rem 1rem}.skip:focus{top:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar{height:78px;padding:0 clamp(1rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #5c3843}.brand{display:flex;align-items:baseline;gap:.2rem;font-family:'Space Grotesk',sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.08em}.brand span{color:var(--accent);font-size:.85rem;align-self:start}.brand small{font:400 .65rem 'DM Mono',monospace;letter-spacing:.04em;margin-left:1.2rem;color:var(--muted)}nav{display:flex;gap:clamp(.8rem,2.4vw,2.7rem);font-size:.86rem}nav a:hover,footer a:hover{color:var(--accent)}.intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,5rem) 2.3rem;max-width:1600px;margin:auto}.eyebrow,.intro-meta,.game-head,.game-footer,.hud,.index,.facts span,.pending,.station-tabs b,footer{font:400 .69rem/1.6 'DM Mono',monospace;letter-spacing:.07em}.eyebrow{color:var(--accent);margin:0 0 1.25rem}.eyebrow span{color:#a57382;margin:0 .8rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(3.1rem,6.5vw,7.1rem);line-height:1;letter-spacing:-.075em;font-weight:600;margin:0 0 1.2rem}h1 em{font-style:normal;color:var(--accent)}.intro-copy{max-width:620px;color:#d2c1b9;font-size:1.05rem;margin:0}.intro-meta{display:flex;flex-direction:column;align-items:end;gap:.5rem;color:#b9a093;white-space:nowrap;padding-bottom:.2rem}.game-shell{max-width:1600px;padding:0 clamp(1rem,4vw,5rem);margin:auto}.game-head,.game-footer{background:#3d252c;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem;color:#e2dcd4}.game-head button{background:transparent;border:1px solid #a47080;color:var(--text);padding:.25rem .6rem;font:inherit;letter-spacing:.07em}.game-head button:hover,.game-head button[aria-pressed=true]{background:var(--accent);color:var(--dark);border-color:var(--accent)}.game-head button span{opacity:.65;margin-left:.6rem}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:.6rem;box-shadow:0 0 12px var(--accent)}.game-stage{position:relative;aspect-ratio:12/7;min-height:430px;background:#29191e;overflow:hidden;border:1px solid #78646b}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:1.1rem;background:#211318db;border:1px solid #986172;padding:.5rem .75rem;pointer-events:none;display:flex;flex-direction:column;color:#c5b1a7}.hud strong{font-size:.86rem;color:var(--text);font-weight:500}.top-left{left:1.1rem}.top-right{right:1.1rem}.prompt{position:absolute;bottom:1.3rem;left:50%;transform:translateX(-50%);background:#211318e9;border:1px solid var(--accent);padding:.55rem .9rem;color:var(--text);font:.75rem 'DM Mono',monospace;letter-spacing:.04em;text-align:center;white-space:nowrap;pointer-events:none}.game-footer{background:#26171c;color:#c1aba0;font-size:.63rem}.key{color:var(--accent)}.divider{margin:0 .5rem;color:#8b5968}.touch-controls{display:none;position:absolute;left:1rem;bottom:1rem;z-index:3;flex-direction:column;align-items:center;gap:.15rem}.touch-controls div{display:flex;gap:.15rem}.touch-controls button{width:43px;height:43px;border:1px solid #b69b8eb0;background:#2d1b20d9;color:#fff;border-radius:4px;font-size:1.2rem;touch-action:none}.touch-controls button:active{background:var(--accent);color:#140f19}.details{max-width:1600px;margin:auto;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,5rem)}.details-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.details-heading .eyebrow{flex-basis:100%;margin:0}.details-heading h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1;letter-spacing:-.06em;margin:0}.details-heading>p:last-child{color:var(--muted);max-width:300px;margin:0}.station-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;border-bottom:1px solid #915c6c;padding-bottom:.35rem}.station-tabs button{border:0;background:#3a2229;color:#d6c8c1;text-align:left;padding:1.1rem 1rem;min-height:74px;font-size:.95rem}.station-tabs button:hover{background:#53323c}.station-tabs button[aria-selected=true]{background:var(--accent);color:var(--dark)}.station-tabs b{display:block;opacity:.65;margin-bottom:.3rem}.panel{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.35fr);min-height:500px;background:#392229}.panel[hidden]{display:none}.panel-side{background:#472b33;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.index{color:var(--accent)}.diagram{flex:1;min-height:300px;position:relative;overflow:hidden;border:1px solid #a06a7a;background-color:#492c35;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:28px 28px}.diagram-sala i{position:absolute;border:2px solid #c4afa4;background:#925e6d50;box-shadow:12px 12px 0 #1d111570}.diagram-sala i:nth-child(1){width:35%;height:20%;top:13%;left:12%}.diagram-sala i:nth-child(2){width:24%;height:33%;top:42%;left:24%}.diagram-sala i:nth-child(3){width:28%;height:25%;top:24%;right:12%}.diagram-sala i:nth-child(4){width:32%;height:17%;bottom:13%;right:14%}.diagram-sala span,.diagram-carriage span{position:absolute;bottom:1.2rem;left:1rem;color:#f2efeb;font:.67rem 'DM Mono',monospace;letter-spacing:.05em}.diagram-carriage{display:flex;align-items:center;justify-content:center;background-color:#432830}.diagram-carriage:before,.diagram-carriage:after{content:'';position:absolute;height:2px;left:-20%;right:-20%;background:#ab8d7f;transform:rotate(-18deg)}.diagram-carriage:before{top:25%}.diagram-carriage:after{bottom:27%}.diagram-carriage div{position:relative;z-index:1;font:600 clamp(9rem,18vw,20rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.15em;color:#e4dfd8}.diagram-about{display:grid;place-content:center;gap:1rem}.diagram-about span{display:block;width:180px;border:1px solid #c1aba0;padding:.6rem 1rem;text-align:center;color:#e6e2db;font:.8rem 'DM Mono',monospace}.diagram-contact{display:grid;place-content:center;font:16rem/1 'Space Grotesk',sans-serif;color:var(--accent)}.panel-copy{padding:clamp(1.5rem,4vw,4.5rem)}.panel-copy h3{font-size:clamp(2.5rem,4vw,4.7rem);line-height:1;letter-spacing:-.07em;margin-bottom:1.5rem}.panel-copy h3 small{display:block;font-size:.37em;letter-spacing:-.02em;color:#c9b6ad;margin-top:.45rem}.panel-copy .lead{font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.4;color:#ede9e4;max-width:760px}.panel-copy>p:not(.eyebrow):not(.lead):not(.pending){color:#d3c4bc;max-width:720px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-top:1px solid #8a5867;border-bottom:1px solid #8a5867;padding:1.2rem 0;margin:2rem 0}.facts span{color:var(--accent)}.facts p{margin:.4rem 0 0}.pending{border-left:2px solid var(--accent);padding-left:1rem;color:#c5b0a6;font-size:.75rem;margin-top:2rem}.email{display:inline-block;font-size:clamp(1.1rem,2.5vw,2rem);border-bottom:2px solid var(--accent);overflow-wrap:anywhere;padding-bottom:.3rem;color:var(--accent);margin:2rem 0}.email:hover{color:#fff}footer{max-width:1600px;margin:auto;padding:1.5rem clamp(1rem,4vw,5rem);border-top:1px solid #7c4f5d;display:flex;justify-content:space-between;color:#bfa89d}footer a{color:var(--text)}@media(max-width:900px){.brand small{display:none}.intro-meta,.game-footer>div:last-child{display:none}.panel{grid-template-columns:1fr}.panel-side{min-height:260px}.diagram{min-height:240px}.station-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{height:auto;padding:1rem;align-items:start}.topbar nav{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem;font-size:.73rem;text-align:right}.intro{display:block}.game-stage{min-height:480px;aspect-ratio:auto}.touch-controls{display:flex}.prompt{bottom:1rem;left:auto;right:1rem;transform:none;max-width:160px;white-space:normal;font-size:.62rem}.game-footer{font-size:.55rem}.station-tabs button{padding:.7rem;min-height:60px;font-size:.8rem}.facts{grid-template-columns:1fr}.panel-copy h3{font-size:2.5rem}.diagram-contact{font-size:12rem}footer{font-size:.6rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.project-link{display:inline-block;margin:1.4rem 0 0;padding:.8rem 1.1rem;border:1px solid var(--accent);color:var(--accent);font-weight:600}.project-link:hover{background:var(--accent);color:var(--dark)}.project-link span{margin-left:1.4rem}.studio-list{border-top:1px solid #8a5867;margin:2rem 0 1.5rem}.studio-list h4{font:500 .75rem "DM Mono",monospace;color:var(--accent);letter-spacing:.07em;text-transform:uppercase;margin:1.4rem 0}.studio-list article{border-top:1px solid #734a56;padding:1rem 0}.studio-list h5{font:600 1.15rem "Space Grotesk",sans-serif;margin:0 0 .45rem}.studio-list p{color:#d3c4bc;margin:0;max-width:700px}
.project-shortcuts{max-width:1600px;margin:0 auto 1.25rem;padding:0 clamp(1rem,4vw,5rem);display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.project-shortcuts span{font:.65rem 'DM Mono',monospace;letter-spacing:.07em;color:var(--accent);margin-right:.5rem}.project-shortcuts a{font:.76rem 'DM Mono',monospace;background:#3a2229;border:1px solid #956070;padding:.55rem .7rem;color:#ebe7e2}.project-shortcuts a:hover{background:var(--accent);color:var(--dark)}.station-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.diagram-studio{display:flex;align-items:center;justify-content:center}.diagram-studio span{position:relative;z-index:2;font:600 clamp(2.5rem,4vw,4.5rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;text-align:center;max-width:90%;color:#eeebe6}.diagram-studio i{position:absolute;border:2px solid #b79d90;background:#84546250;width:22%;height:20%;transform:rotate(12deg)}.diagram-studio i:nth-of-type(1){top:12%;left:13%}.diagram-studio i:nth-of-type(2){bottom:15%;right:15%;transform:rotate(-11deg)}.diagram-studio i:nth-of-type(3){top:21%;right:12%;width:12%;height:15%}.diagram-mathpunk i{border-color:#c7b386}.diagram-dina i{border-color:#b39bc4}@media(max-width:1100px){.station-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.station-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.project-shortcuts span{width:100%}}
.game-status{display:flex;align-items:center;gap:1.4rem}.game-status>div{display:flex;flex-direction:column;line-height:1.25;border-left:1px solid #8b5968;padding-left:1rem}.game-status>div span{font-size:.58rem;color:#cbb8af}.game-status strong{font-size:.77rem;font-weight:500;color:#efece8}@media(max-width:700px){.game-head{align-items:flex-start}.game-head>div:first-child{max-width:145px}.game-status{gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.game-status>div{padding-left:.5rem}.game-status strong{font-size:.62rem}.game-status>div span{font-size:.48rem}}
.panel-copy > h4{font:500 .76rem/1.5 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:1.65rem 0 .65rem}

.case-figure{margin:1.7rem 0 1.8rem;max-width:850px}.case-figure img{display:block;width:100%;height:auto;border:1px solid #7d626b;background:#211a23}.case-figure figcaption{font:400 .68rem/1.5 'DM Mono',monospace;letter-spacing:.02em;color:#bca9a8;margin:.55rem 0 0}