@charset "UTF-8";
:root{color-scheme:dark;--ink:#13221d;--paper:#e8dfc9;--muted:#b4b6a5;--gold:#dbb674;--line:#ffffff26;--red:#a35b43;--cream:#f0e6d1;--serif:Georgia,'Noto Serif CJK SC','Songti SC',SimSun,serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101a17;color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:focus:not(:focus-visible){outline:none}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}svg{display:block}img{max-width:100%;display:block}.skip{position:fixed;top:-100px;left:10px;background:var(--paper);color:var(--ink);z-index:40;padding:8px}.skip:focus{top:8px}
#header{height:89px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:#101b18;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;background:none;padding:0;text-align:left}.brand img{width:52px;height:52px;border:1px solid #d1b77566}.brand strong{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:3px}.brand small{display:block;color:var(--muted);font:10px var(--sans);letter-spacing:2px}.header-actions{display:flex;align-items:center;gap:18px}.small-button{background:none;padding:8px 0;font-size:12px;letter-spacing:1px;border-bottom:1px solid transparent}.small-button:hover{border-color:var(--gold)}.music-button{display:flex;align-items:center;gap:8px}.music-button i{width:6px;height:6px;display:inline-block;border-radius:100%;background:var(--gold)}.music-button[data-playing="true"] i{box-shadow:0 0 9px #d7b16b}.eyebrow{font:11px var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.quiet{color:var(--muted);font-size:13px}.primary{background:var(--gold);color:#192019;border:1px solid var(--gold);padding:14px 24px;font-weight:bold;font-size:13px;letter-spacing:1px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:24px}.primary:hover{background:#efd09b}.secondary{background:none;color:inherit;border:1px solid currentColor;padding:10px 18px;font-size:13px}.text-button{background:none;padding:7px 0;text-decoration:underline;text-underline-offset:5px}.social{display:inline-flex;gap:7px;align-items:center;font-size:12px;text-decoration:none}.social svg{width:17px;height:17px}.socials{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.credit{font-size:11px;line-height:1.7;opacity:.68}
.cover{position:relative;min-height:min(780px,calc(100svh - 89px));display:flex;align-items:center;isolation:isolate;background:#101b18}.cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,15,.98) 0%,rgba(9,20,16,.85) 31%,rgba(9,20,16,.22) 64%,rgba(9,20,16,.06)),url('platform.jpg') 64% 50%/cover;z-index:-2}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101b18 0,transparent 24%);z-index:-1;pointer-events:none}.cover-copy{max-width:650px;padding:64px clamp(24px,6.5vw,100px) 48px}.case-number{display:inline-flex;align-items:center;gap:15px;font:12px monospace;letter-spacing:2px;margin-bottom:26px;color:var(--gold)}.case-number:before{content:'';height:1px;width:42px;background:var(--gold)}.cover h1{font-size:clamp(57px,6.3vw,96px);line-height:.99;letter-spacing:-3px;margin:0 0 25px}.cover h1 em{font-weight:400;color:var(--gold)}.cover .hook{font-family:var(--serif);font-size:22px;line-height:1.5;max-width:420px;margin-bottom:19px}.cover .premise{max-width:400px;font-size:14px;line-height:1.85;color:#c6c8bc;margin-bottom:27px}.entry{min-width:262px;justify-content:space-between;position:relative;padding:18px 24px;border-left:5px double #17291e;box-shadow:4px 4px 0 #07100c}.entry span:last-child{font-size:22px;font-weight:400}.cover-meta{font:10px var(--sans);letter-spacing:1.8px;display:flex;gap:14px;flex-wrap:wrap;color:#b5bba9;margin:23px 0 28px}.cover .socials{margin-top:22px}.cover-side{position:absolute;right:5%;bottom:65px;writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;color:#d5d4bc99}.cover-footer{padding:16px clamp(24px,6.5vw,100px) 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line)}.cover-footer .credit{margin:0}.cover-footer .text-button{font-size:12px;color:var(--muted)}
.game-layout{max-width:1700px;margin:0 auto;padding:25px clamp(16px,3.5vw,56px) 100px}.location-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:17px}.location-row .eyebrow{margin:0 0 6px}.location-row h1{font-size:31px;line-height:1.1;margin:0}.location-row .quiet{margin:0}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:25px}.scene{position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid #d2b77a40;background:#0c1612}.scene img{height:100%;width:100%;object-fit:cover}.scene:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #0005;pointer-events:none}.scene-caption{position:absolute;left:20px;right:20px;bottom:13px;margin:0;font-size:12px;color:#e9dfc9;text-shadow:1px 1px 4px #000;background:#0a17129e;width:fit-content;padding:5px 10px;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;background:#0b1913ce;color:#f2dbac;border:1px solid #d6b16d;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1;font:12px monospace;box-shadow:0 0 0 5px #0a171236}.hotspot:hover,.hotspot:focus-visible{background:var(--gold);color:var(--ink);z-index:3}.hotspot.read{background:#112c2399;border-color:#a4b4a0}.hotspot span{display:none;position:absolute;left:46px;top:4px;padding:5px 9px;white-space:nowrap;background:#0e201bf2;color:var(--cream);font:12px var(--sans);text-align:left}.hotspot:hover span,.hotspot:focus-visible span{display:block}.hotspot.right span{left:auto;right:46px}.room-tabs{display:flex;gap:0;border:1px solid #ffffff25;border-top:0}.room-tabs button{background:#14251f;flex:1;padding:13px 9px;border-right:1px solid #ffffff20;font-size:12px;color:#b0b7a8}.room-tabs button:last-child{border:0}.room-tabs button.selected{background:#253a2e;color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.desk-side{padding-top:7px}.desk-side h2{font-size:26px}.case-progress{height:2px;background:#ffffff26;margin:17px 0 9px}.case-progress span{height:100%;display:block;background:var(--gold)}.objective{display:block;width:100%;padding:18px 0;background:none;border-top:1px solid var(--line);text-align:left}.objective small{display:block;font:10px monospace;letter-spacing:1px;color:#b3baab;margin-bottom:4px}.objective strong{font:18px var(--serif);display:block}.objective.complete strong{color:#adcbb1}.objective .check{float:right;color:var(--gold)}.sidebar-foot{margin-top:19px;font-size:12px;line-height:1.8;color:#b1b8a9}.sidebar-foot .socials{margin-top:18px}.dock{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:2px;padding:10px 15px;background:#0b1814f5;border-top:1px solid #d0b47455;backdrop-filter:blur(12px);z-index:4}.dock button{background:none;color:#d8dacb;padding:9px 24px;font-size:12px;border-right:1px solid #ffffff1c}.dock button:last-child{border-right:0;color:var(--gold)}.dock button:hover{background:#d7bd8120}.field-index{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.field-index button{background:none;border-bottom:1px solid #c6b27d40;font-size:11px;padding:5px 2px;color:#aeb7a9}.field-index button.read{color:#d5be8d}
dialog{border:1px solid #a48c5b;padding:0;color:var(--ink);background:var(--paper);width:min(950px,calc(100% - 32px));max-height:calc(100svh - 40px);box-shadow:0 25px 100px #000a;overflow:auto;color-scheme:light}dialog::backdrop{background:#06100de0;backdrop-filter:blur(4px)}#paper{padding:39px 48px 45px;position:relative;min-height:250px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#372b1204 4px)}.paper-head{border-bottom:1px solid #233e3145;margin-bottom:25px;padding-right:25px}.paper-head h2{font-size:36px;line-height:1.2;margin-bottom:22px}.paper-head .eyebrow{color:#73603e;margin-bottom:12px}.close{position:absolute;right:14px;top:10px;background:none;color:inherit;width:40px;height:40px;font:30px var(--serif);z-index:5}.paper-nav{display:flex;gap:15px;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid #243c3138;margin-top:25px}.paper-nav button{background:none;font-size:12px}.document p{white-space:pre-line;font-family:var(--serif);font-size:18px;line-height:1.85;margin-bottom:22px}.document p:first-child{font-size:21px}.document .record-stamp{font:13px monospace;padding:17px;background:#182d2210;border:1px solid #1a332838;color:#273f2e;letter-spacing:.5px;white-space:normal}.paper-quiet{font-size:13px;color:#5e6e5e}.refs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.ref{font:11px monospace;padding:5px 9px;background:#c6cbb9;color:#233e2e;border:1px solid #263d292e}.archive{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.archive button{background:none;text-align:left;padding:15px 0;border-bottom:1px solid #1b302933;display:grid;grid-template-columns:35px 1fr 20px;gap:8px;align-items:start;color:#163327}.archive strong{font:18px var(--serif)}.archive small{font:10px monospace;color:#5c705f}.pinbutton{padding:8px 12px;border:1px solid #2d503c;background:none;color:#23402e;font-size:12px}.pinbutton.pinned{background:#23402e;color:var(--paper)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px}.comparison section+section{border-left:1px solid #1a342840;padding-left:30px}.comparison h3{font-size:24px}.comparison p{white-space:pre-line;font-size:15px;line-height:1.8}.interview-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.tab{padding:9px 12px;border:1px solid #243c3140;background:transparent;color:#183929;font-size:12px}.tab.selected{background:#1c392b;color:var(--paper)}.person-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.monogram{background:#254434;border:1px solid #bca46e;width:67px;height:79px;display:grid;place-items:center;font:27px var(--serif);color:var(--paper)}.person-heading h3{font-size:27px;margin-bottom:1px}.person-heading p{margin:0}.person-intro{font:18px/1.7 var(--serif)}.question{width:100%;background:none;border-top:1px solid #1a322a30;text-align:left;color:#243c2e;padding:17px 0;font:17px var(--serif);display:flex;gap:15px;justify-content:space-between}.answer{font:19px/1.8 var(--serif);padding:0 18px 15px 20px;border-left:2px solid #a59567;white-space:pre-line}.notebook{width:100%;min-height:350px;background:repeating-linear-gradient(transparent 0,transparent 31px,#304b3029 31px,#304b3029 32px);border:0;border-bottom:1px solid #26442e;padding:4px 7px;font:16px/32px var(--serif);resize:vertical;color:var(--ink)}
.work-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.work-intro{font:18px/1.8 var(--serif)}.puzzle-panel{border:1px solid #2a443238;background:#f4ecda66;padding:22px;margin-top:22px}.puzzle-panel h3{font-size:25px;margin-bottom:14px}label{display:block;font-size:13px;line-height:1.5}input,select,textarea{color:#152a20}select,.time-input{width:100%;border:1px solid #2a453a55;border-radius:0;background:#f6efdf;padding:11px 10px;margin-top:6px;min-height:44px}.time-input{font:17px monospace}.clock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.clock-face{width:110px;height:110px;border:3px double #46604a;border-radius:50%;margin:0 auto 13px;position:relative;background:#e0d7bd;box-shadow:inset 0 0 0 5px #e8dfc9}.clock-face span{position:absolute;top:7px;left:50%;transform:translateX(-50%);font:12px var(--serif)}.clock-face:before,.clock-face:after{content:'';position:absolute;left:50%;bottom:50%;transform-origin:bottom;width:2px;background:#2b4737;height:34px;transform:rotate(var(--minute,0deg))}.clock-face:after{height:25px;width:3px;transform:rotate(-90deg)}.clock-label{text-align:center;font:17px var(--serif);margin-bottom:9px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}.work-actions .primary{background:#1a3b2a;color:#ede4d1;border-color:#1a3b2a}.hint-button{background:none;color:#344d3d;font-size:12px;text-decoration:underline}.hint-list p{font-size:14px;border-left:2px solid #b1a174;padding-left:13px;margin-top:16px}.feedback{font-size:14px;font-weight:bold;color:#8c3e2a;margin:18px 0 0;min-height:1em}.verified{display:inline-flex;border:1px solid #54784e;padding:4px 10px;color:#315c35;font:11px monospace;letter-spacing:1px;transform:rotate(-2deg);margin-bottom:14px}.rail-drawing{width:100%;height:230px;background:#132b20;border:1px solid #8e9674;margin:15px 0;color:#ead9ad}.rail-drawing text{font-family:var(--sans);font-size:13px;fill:#eadfc8}.rail-drawing .car{transition:transform .45s ease}.leg-picker{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:18px}.leg-picker button{padding:8px 15px;background:#c4cbb7;color:#28432e;font:12px monospace}.leg-picker button.selected{background:#294733;color:#f0e6ce}.route-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:14px;border-bottom:1px solid #213b2a30;padding:12px 0}.route-row span{font-size:13px}.route-row select{margin-top:0}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.key-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.key-slot{display:grid;grid-template-columns:33px 1fr;gap:12px;align-items:center}.key-slot svg{width:29px;height:56px;color:#8d743f}.key-slot small{grid-column:2;color:#6a715c;font-size:11px}.answer-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.answer-form .full{grid-column:1/-1}.answer-form .primary{background:#1c3d2b;color:#eee4ca}.solution-step{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #1e40292b}.solution-step>span{font:18px monospace;color:#84724c}.solution-step h3{font-size:25px;margin:0 0 8px}.solution-step p{font:18px/1.8 var(--serif);margin-bottom:8px}.afterword{font:21px/1.85 var(--serif);border-left:2px solid #8a7448;padding:10px 0 0 25px;margin:30px 0}.support-box{border:1px solid #28453055;padding:22px;background:#dadbc5;margin:25px 0}.support-box p{font-size:14px}.support-box .primary{background:#244532;color:var(--paper);border:0}.sound-sheet{padding:35px;position:relative}.sound-sheet .eyebrow{color:#7b653d}.sound-sheet h2{font-size:31px}audio{width:100%;margin:15px 0}.sound-sheet .primary{background:#244532;color:var(--paper);border:0}#sound{max-width:550px}#toast{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);z-index:20;background:#e3d6b5;color:#14251a;padding:10px 20px;box-shadow:0 4px 25px #0004;font-size:13px;display:none;max-width:90vw}#toast.visible{display:block}
@media(min-width:1450px){.cover-copy{max-width:750px}.cover{min-height:800px}.cover h1{font-size:110px}.cover .premise{font-size:16px;max-width:450px}.game-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){.game-grid{grid-template-columns:1fr}.desk-side{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.desk-side>h2,.desk-side>.eyebrow,.desk-side>.case-progress,.desk-side>.quiet,.sidebar-foot{display:none}.objective{padding:10px 0}.objective strong{font-size:17px}.game-layout{padding-top:20px}.dock button{padding:9px 17px}.cover-copy{padding-left:7vw;max-width:590px}.cover:before{background-position:66% center}}
@media(max-width:600px){body{font-size:14px}#header{height:76px;padding:10px 15px;gap:10px}.brand{gap:9px}.brand img{width:42px;height:42px}.brand strong{font-size:13px;letter-spacing:1.6px}.brand small{font-size:8px;letter-spacing:1px}.header-actions{gap:12px}.small-button{font-size:11px;letter-spacing:0}.music-button{gap:5px}.cover{min-height:720px;align-items:flex-end}.cover:before{background-image:linear-gradient(0deg,#101b18 1%,#101b18df 35%,#101b1890 65%,#101b1830),url('platform.jpg');background-position:100% top}.cover-copy{padding:210px 25px 35px;max-width:none;width:100%}.cover h1{font-size:64px;letter-spacing:-2px;line-height:1.04;margin-bottom:20px}.cover .hook{font-size:20px}.cover .premise{font-size:14px;line-height:1.75}.case-number{margin-bottom:18px;font-size:11px}.cover-meta{gap:10px;font-size:9px;margin:22px 0}.cover-side{display:none}.cover-footer{padding:17px 25px 25px;align-items:flex-start;flex-direction:column}.cover-footer .credit{max-width:280px}.location-row{align-items:flex-start}.location-row h1{font-size:25px}.location-row .quiet{font-size:11px;max-width:120px;text-align:right}.location-row .eyebrow{font-size:9px;letter-spacing:1.5px}.game-layout{padding:18px 12px 95px}.game-grid{gap:16px}.scene{aspect-ratio:3/2}.scene img{object-fit:cover}.scene-caption{font-size:10px;left:8px;bottom:5px;max-width:90%}.hotspot{width:34px;height:34px;font-size:10px}.hotspot span{display:none!important}.room-tabs button{font-size:11px;padding:13px 4px}.field-index{gap:7px;margin-top:10px}.field-index button{font-size:10px}.desk-side{gap:12px}.objective strong{font-size:15px;line-height:1.5}.objective small{font-size:9px}.dock{padding:9px 4px}.dock button{font-size:11px;padding:10px 10px;flex:1}.clock-grid{grid-template-columns:1fr;gap:20px}.clock-box{display:grid;grid-template-columns:82px 1fr;gap:5px 15px;align-items:center}.clock-face{grid-row:1/3;width:78px;height:78px;margin:0}.clock-face:before{height:23px}.clock-face:after{height:18px}.clock-label{text-align:left;margin:0}.clock-box select{margin:0}.form-grid{grid-template-columns:1fr}.archive,.comparison,.answer-form{grid-template-columns:1fr}.comparison section+section{border-left:0;border-top:1px solid #23412c40;padding-left:0;padding-top:24px}.key-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr 1fr;gap:12px}.route-row{grid-template-columns:70px 1fr 70px;gap:7px}.route-row span{font-size:11px}.route-row select{font-size:12px;padding:8px 4px}.rail-drawing{height:150px}.rail-drawing text{font-size:25px}.puzzle-panel{padding:16px 12px}dialog{width:calc(100% - 16px);max-height:calc(100svh - 20px)}#paper{padding:32px 19px}.paper-head h2{font-size:28px}.paper-head .eyebrow{font-size:10px}.document p{font-size:17px;line-height:1.8}.document p:first-child{font-size:19px}.work-intro{font-size:17px}.work-tabs{gap:5px}.tab{font-size:11px;padding:9px}.paper-nav{gap:10px;flex-wrap:wrap}.paper-nav button{font-size:11px}.work-actions{gap:12px}.work-actions .primary{font-size:12px;padding:12px 16px}.solution-step{grid-template-columns:22px 1fr;gap:9px}.solution-step h3{font-size:23px}.solution-step p{font-size:17px}.afterword{font-size:19px;padding-left:15px}.entry{min-width:0;width:100%;max-width:350px}.sound-sheet{padding:33px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail-drawing .car{transition:none}}