/* Final art direction: deep ocean blue, warm instrument brass, legible controls. */
:root{--gold:#e6c58b;--cyan:#a5e0db;--text:#e9ede5;--muted:#aabfbd;color-scheme:dark}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px}.walkable .topbar{height:84px;padding-left:32px;padding-right:32px;background:linear-gradient(#031017e8,#03101788 65%,transparent);border-bottom:0}.walkable .brand{gap:12px}.walkable .brand>span:last-child{font-size:14px;letter-spacing:2px}.walkable .brand small{font-size:12px;letter-spacing:1.5px;margin-top:6px;color:#a3b8b7}.walkable .brand-mark{border-color:#cab07b70;color:#eccd93;box-shadow:0 0 22px #e6bd7520;background:#061e2766}.walkable .top-actions button{font-size:14px}.walkable .timer{font-size:14px;color:#d9cfb3}.walkable .compass{font-size:12px;color:#bbccca}.walkable .compass b{font-size:13px}.walkable .room-heading{top:116px;left:32px;max-width:320px;padding:0 0 0 16px;border-left:1px solid #d5b77b80}.walkable .room-heading .eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 10px;color:#d8bd87}.walkable .room-heading h1{font:normal 32px/1.15 Georgia,serif;letter-spacing:-.5px;margin:0 0 11px;color:#f1eee0}.walkable .room-heading p:last-child{font-size:14px;line-height:1.6;color:#d0d9d3;max-width:290px;margin-bottom:0;text-shadow:0 2px 7px #000,0 0 30px #021a26}
.walkable .intro{background:linear-gradient(90deg,#031017f2 0%,#031017c9 26%,#0310176b 47%,#03101709 72%);padding-left:7%;}.walkable .intro-content{max-width:640px}.walkable .intro .eyebrow{font-size:12px;letter-spacing:3px;color:#d8bc84;margin-bottom:22px}.walkable .intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-5px;font-size:clamp(78px,8.4vw,126px);line-height:.93;text-shadow:0 9px 50px #0005}.walkable .intro h1 em{color:#e6c890;font-weight:normal}.walkable .gold-rule{width:80px;margin:25px 0;background:linear-gradient(90deg,#d9b87b,#d9b87b00)}.walkable .intro-story{font-size:22px;line-height:1.5;color:#ede9dc}.walkable .intro-detail{font-size:16px;line-height:1.65;color:#b9c8c4;margin:20px 0 26px}.walkable .intro-meta{font-size:12px;letter-spacing:1.7px}.walkable .save-note{font-size:13px;line-height:1.6;color:#a3b7b7}.walkable .start-actions .primary{font-size:16px;padding:17px 24px;border-color:#d8bf91;background:linear-gradient(135deg,#ecdaa9,#bf9d63);color:#13272c;box-shadow:0 8px 28px #0004;min-height:56px}.walkable .start-actions .primary:hover{background:linear-gradient(135deg,#ffedbc,#d9b77b);transform:translateY(-1px)}.walkable .start-actions .text-btn{font-size:14px}.walkable .intro-coordinate{right:4%;bottom:9%;color:#d4dbd0;font-size:12px;letter-spacing:2px;background:#041e2733;padding:20px;border-right:1px solid #bbae805c;text-shadow:0 2px 9px #000}
.walkable .hotspot .hot-label{font-size:14px;border:1px solid #d3bd872f;backdrop-filter:blur(9px);color:#eadabb;padding:10px 13px}.walkable .hotspot .pin{width:22px;height:22px}.walkable .hotspot .pin:after{left:8px;top:8px}.walkable .hotspot.in-reach .pin{box-shadow:0 0 0 5px #edcf9320,0 0 25px #edcf9325}.walkable .dock{height:116px;background:linear-gradient(#03131cde,#03131cfc);border-top:1px solid #bec6a52e;backdrop-filter:blur(18px)}.walkable.playing .scene{inset:0 0 116px}.walkable .room-nav{height:44px;top:8px;right:24px}.walkable .room-tab{font-size:14px;padding:0 16px;min-height:42px;color:#bdcac3;letter-spacing:0}.walkable .room-tab span{font-size:12px;color:#b69b6c}.walkable .room-tab.active{color:#f4deaa;border-bottom:1px solid #d3bb80}.walkable .room-tab:disabled{opacity:.5}.walkable .room-tab b{font-size:12px}.walkable .tool-row{min-height:116px;padding:57px 32px 17px}.walkable .tools{left:24px;top:10px;gap:5px}.walkable .tool{font-size:14px;min-height:42px;gap:8px;padding:8px 11px;color:#dce3d7}.walkable .tool.active{color:#f4d49a;background:#b7995833;border-color:#d3bb8070}.walkable .tool svg{width:18px;height:18px}.walkable .count{font-size:12px}.walkable .progress-area>span{font:12px monospace;letter-spacing:1.5px;color:#c6be9f}.walkable .progress-pips i{width:22px;height:3px;background:#3f5459}.walkable .progress-pips i.on{background:#d9c58e;box-shadow:0 0 9px #e2c88940}.walkable .inventory .empty{font-size:12px;letter-spacing:1px}.walkable .inventory button{height:35px;width:35px;background:#132c3380;border-color:#bea97850}
.walkable .look-controls{bottom:129px;gap:16px;background:#041b2452;padding:5px 14px;border-radius:2px}.walkable .look-controls span{font-size:12px;letter-spacing:.8px;color:#c0cdcb}.walkable #recenter{font-size:13px;padding:6px;color:#e1c99a;min-height:30px}.walkable .interaction-prompt{bottom:184px;background:#06212bee;border-color:#cbb78277;box-shadow:0 8px 35px #0006;min-height:54px}.walkable .interaction-prompt span{font-size:18px}.walkable .interaction-prompt small{font-size:12px;letter-spacing:1px}.walkable .interaction-prompt kbd{font-size:14px}.walkable #crosshair{top:calc(50% - 58px)}.walkable .movement-tip{bottom:183px;background:#06212bf5;border-color:#cbb78266;max-width:calc(100% - 50px);padding:20px 24px}.walkable .interaction-prompt:not([hidden])~.movement-tip{bottom:250px}.walkable .movement-tip b{font-size:12px;letter-spacing:1.5px}.walkable .movement-tip span{font-size:14px;line-height:1.9}.walkable .movement-tip kbd{font-size:13px}.walkable .movement-tip small{font-size:12px;color:#b2c5c3;line-height:1.5}.walkable .movement-tip button{min-width:28px;min-height:28px}.walkable .subtitle{bottom:257px;background:#031a24eb;border:1px solid #afc4b528;border-top-color:#c1aa769c;font-size:20px;line-height:1.45;padding:17px 26px;color:#f0edde;max-width:660px;box-shadow:0 12px 60px #0006}.walkable .subtitle small{font-size:12px;letter-spacing:2px;color:#e1c898}.walkable .toast{bottom:184px;font-size:15px;line-height:1.5;max-width:min(600px,calc(100% - 40px));background:#0a2833f5;border-color:#c9b8896b;box-shadow:0 8px 45px #0006}
.walkable .map-btn{top:111px;right:30px;font-size:14px;letter-spacing:0;color:#d6ddce;background:#061e29bd;border-color:#b7bea53d;padding:11px 15px}.walkable .station-map{top:164px;width:304px;padding:23px;border-color:#c8ba894f}.walkable .station-map .eyebrow{font-size:12px;letter-spacing:1px}.walkable .map-layout svg{width:87px;height:201px}.walkable .map-layout b{font-size:17px}.walkable .map-layout span{font-size:12px;line-height:1.4}.walkable .station-map p:not(.eyebrow){font-size:14px;line-height:1.6}.walkable .station-map .outline-btn{font-size:14px;padding:12px 10px}.walkable .station-map small{font-size:12px;line-height:1.55}
.modal.mechanical{background:radial-gradient(ellipse at 32% 49%,#163743ce,#061b25ef 59%,#04141bf9);}.modal.mechanical::backdrop{background:#021019bb;backdrop-filter:blur(9px)}.mechanical .modal-inner{padding:42px 4.5%}.mechanical .eyebrow{font-size:12px;letter-spacing:2px;color:#dbc28e}.mechanical h2{font-weight:normal;font-size:42px;letter-spacing:-.6px;color:#f2ecda}.mechanical .puzzle-layout{grid-template-columns:minmax(340px,1fr) 360px;gap:0 40px}.mechanical .mechanism-stage{border:0;background:radial-gradient(ellipse at 50% 50%,#22515a20,transparent 70%)}.mechanism-stage:after{font-size:12px;letter-spacing:1px;color:#bdccc5}.mechanical .puzzle-notes>p:first-child{font-size:16px;line-height:1.65;color:#d2dcd4}.mechanical .puzzle-notes .evidence{font-size:18px;line-height:1.5;color:#e4ce9d;padding:15px 0;border-color:#bba77452}.mechanical #puzzleHint,.mechanical #puzzleJournal{font-size:14px;line-height:1.5;padding:8px 0}.mechanical .puzzle-panel{border-color:#bcab7a45;background:#041a2380;box-shadow:0 16px 45px #0002;padding:22px;gap:17px}.mechanical .puzzle-panel .primary{font-size:15px;min-height:48px;background:linear-gradient(120deg,#e0c991,#b89a64);color:#09202a;border-color:#dcc593}.mechanical .feedback{font-size:14px;line-height:1.55}.mechanical .fragment-text{font-size:14px;line-height:1.55}.mechanical .fragment button{font-size:13px;min-height:33px;padding:6px}.mechanical .fragment{gap:10px;padding:10px}.mechanical .radio-key{font-size:14px;min-height:62px}.mechanical .valve-unit .name,.mechanical .tuning label,.mechanical .terminal-label{font-size:13px}.mechanical .orbit-controls button{font-size:14px}.mechanical .counter-control button{width:38px;height:38px}.mechanical .counter-value{font-size:25px}.mechanical .counter-control .caption{font-size:12px}.ballast-actions button{font-size:14px;min-height:44px;padding:12px 6px}.ballast-readings small{font-size:12px;letter-spacing:.8px}.ballast-readings span{font-size:12px}.ballast-readings strong{font-size:34px}.ballast-rule{font-size:12px;line-height:1.6}.ballast-actions{gap:10px}.mechanical .puzzle-panel .text-btn{font-size:14px}.pause-menu p,.modal-inner>p{font-size:17px;line-height:1.65}.settings-row{font-size:16px}.journal-entry p{font-size:16px;line-height:1.7}.hint-body{font-size:19px;line-height:1.6}.choice span{font-size:16px;line-height:1.6}.choice strong{font-size:22px}.ending .ending-content h1{font-weight:normal}.ending-story{font-size:20px;line-height:1.65}
@media(max-width:1100px){.walkable .tools{left:14px}.walkable .tool{padding:8px;font-size:14px}.walkable .room-nav{right:12px}.walkable .room-tab{padding:0 11px}.mechanical .puzzle-layout{grid-template-columns:minmax(280px,1fr) 330px;gap:0 24px}.mechanical .modal-inner{padding:36px 28px}.walkable .look-controls span{font-size:12px;letter-spacing:0}.walkable .look-controls{gap:8px}.walkable .room-heading h1{font-size:29px}}
@media(max-width:700px){.walkable .topbar{height:74px;padding:13px 17px}.walkable .brand>span:last-child{font-size:12px;letter-spacing:1px}.walkable .brand small{font-size:12px;letter-spacing:0;margin-top:3px}.walkable .brand{gap:8px}.walkable .brand-mark{width:31px;height:31px;font-size:16px}.walkable .top-status{margin-left:auto}.walkable .top-actions{gap:4px}.walkable .timer{font-size:13px}.walkable .room-heading{top:91px;left:19px;padding-left:11px;max-width:calc(100% - 90px)}.walkable .room-heading .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:7px}.walkable .room-heading h1{font-size:26px;margin-bottom:0}.walkable .map-btn{top:94px;right:17px;padding:7px;font-size:0;min-width:38px;min-height:38px}.walkable .map-btn span{font-size:23px;margin:0}.walkable .station-map{right:16px;top:145px;width:calc(100% - 32px);max-width:320px;max-height:calc(100dvh - 330px);overflow:auto}.walkable .intro{padding-left:24px;padding-top:110px;background:linear-gradient(90deg,#04111bea,#04111b9e 58%,#04111b40)}.walkable .intro .eyebrow{font-size:12px;letter-spacing:1.4px;max-width:280px;margin-bottom:19px}.walkable .intro h1{font-size:73px;letter-spacing:-3px;line-height:.94}.walkable .intro-story{font-size:19px;margin:0}.walkable .intro-detail{font-size:15px;line-height:1.6;margin:17px 0 21px;max-width:320px}.walkable .gold-rule{margin:20px 0}.walkable .start-actions .primary{font-size:16px;min-height:52px;padding:15px 20px}.walkable .intro-meta{font-size:12px;letter-spacing:.5px}.walkable .save-note{font-size:12px;max-width:310px}.walkable .intro-coordinate{display:none}.walkable .dock{height:127px;background:linear-gradient(#03151db0,#03151de8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.walkable.playing .scene{inset:0 0 127px}.walkable .room-nav{position:static;height:40px;width:100%;display:flex;align-items:stretch;padding:0 7px}.walkable .room-tab{flex:1;font-size:13px;white-space:normal;line-height:1.2;justify-content:center;padding:0 8px;min-height:46px;gap:5px}.walkable .room-tab span,.walkable .room-tab b{display:none}.walkable .tool-row{padding:6px 16px 10px;min-height:85px;gap:4px}.walkable .tools{position:static;justify-content:space-between;width:100%;gap:3px}.walkable .tool{padding:7px 6px;font-size:13px;min-height:40px;gap:6px}.walkable .tool svg{width:17px;height:17px}.walkable .progress-area{gap:9px}.walkable .progress-area>span{font-size:12px;letter-spacing:.3px}.walkable .progress-pips{gap:4px}.walkable .progress-pips i{width:10px}.walkable .inventory button{width:32px;height:32px}.walkable .look-controls{bottom:136px;padding:2px 8px;gap:4px;flex-wrap:nowrap}.walkable #lookLeft,.walkable #lookRight{font-size:12px;padding:6px 10px;min-height:34px}.walkable #recenter{font-size:12px;padding:6px 7px}.walkable #crosshair{top:calc(50% - 63.5px)}.walkable .walk-pad{bottom:185px;left:17px;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:5px}.walkable .walk-pad button{font-size:25px;border-color:#c8d1b84f;background:#082330dd}.walkable .interaction-prompt{bottom:187px;right:17px;min-height:42px;max-width:calc(100% - 177px);padding:9px 11px;background:#041b22cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.walkable .interaction-prompt span{font-size:16px}.walkable .interaction-prompt small{display:none}.walkable .hotspot .hot-label{font-size:14px;max-width:140px;padding:8px 10px}.walkable .movement-tip,.walkable .interaction-prompt:not([hidden])~.movement-tip{bottom:289px;padding:14px;max-width:calc(100% - 34px);background:#072029cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.walkable .movement-tip b{font-size:12px;letter-spacing:.5px;max-width:240px}.walkable .movement-tip small{font-size:13px}.walkable .subtitle{bottom:290px;max-width:calc(100% - 34px);font-size:16px;line-height:1.4;padding:11px 15px;background:#04171ccc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.walkable .subtitle small{font-size:12px;letter-spacing:1px}.walkable .toast{bottom:288px;font-size:14px}.mechanical .modal-inner{padding:30px 19px}.mechanical .eyebrow{font-size:12px;letter-spacing:1px}.mechanical h2{font-size:32px;line-height:1.1;max-width:calc(100% - 45px);margin:10px 0 18px}.mechanical .puzzle-layout{display:flex;flex-direction:column;gap:18px}.mechanical .mechanism-stage{height:310px;min-height:310px}.mechanical .mechanism-stage:after{font-size:12px;letter-spacing:0}.mechanical .puzzle-notes>p:first-child{font-size:16px}.mechanical .puzzle-notes .evidence{font-size:18px;margin:13px 0;padding:13px 0}.mechanical .puzzle-panel{padding:19px}.mechanical .fragment-text{font-size:15px}.mechanical .fragment button{min-height:35px}.mechanical .radio-key{font-size:14px}.ending .ending-content{padding:32px 22px}.ending-story{font-size:18px}}
@media(max-height:740px) and (min-width:701px){.walkable .intro h1{font-size:84px}.walkable .intro .eyebrow{margin-bottom:16px}.walkable .intro-story{font-size:20px}.walkable .intro-detail{margin:14px 0 19px}.walkable .gold-rule{margin:19px 0}.walkable .intro{padding-top:95px}}
@media(max-height:720px) and (max-width:700px){.walkable .intro{padding-top:93px}.walkable .intro h1{font-size:60px}.walkable .intro .eyebrow{font-size:12px;margin-bottom:13px}.walkable .intro-story{font-size:17px}.walkable .intro-detail{font-size:14px;margin:12px 0 16px}.walkable .gold-rule{margin:15px 0}.walkable .intro-meta{margin-top:14px}.walkable .room-heading{top:83px}.walkable .room-heading h1{font-size:23px}}

.game{min-height:0!important;height:100dvh}.walkable .intro{overflow-y:auto;overscroll-behavior:contain}.walkable .intro-content{flex-shrink:0}.walkable .intro h1{max-width:100%}@media(max-width:700px){.walkable .intro{align-items:flex-start;padding-bottom:32px}.walkable .room-tab,.walkable .tool{font-size:14px}.walkable .intro-detail{font-size:16px}.walkable .intro-content{max-width:calc(100vw - 48px)}}@media(max-height:640px) and (min-width:701px){.walkable .intro{align-items:flex-start;padding-bottom:35px}}
.series-return{display:block!important;text-align:center;margin:1rem auto 0;max-width:28rem;padding:.75rem;color:#d8bd87!important;line-height:1.5;font-size:.875rem}