@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0a0e0c;--panel:#131b16;--line:#344036;--text:#f4f7ee;--muted:#b4c1b2;--accent:#c3f750;--accent-rgb:195,247,80;--font:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;color-scheme:dark;font-size:16px}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:none}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:hover:not(:disabled){filter:brightness(1.17)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button span{font:inherit}button{min-height:42px}.header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:30px}.brand{font:700 31px 'Space Grotesk',sans-serif;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.brand-symbol{font-size:39px;color:var(--accent)}.brand-dot{font-size:13px;align-self:flex-start;margin-top:4px}.header nav{display:flex;align-self:stretch;align-items:center;gap:28px;margin-right:auto;margin-left:30px;font-size:16px}.header nav .active{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--accent);color:var(--accent)}.header nav button{color:var(--muted);padding:0}.header-end{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.header-end>span:not(.live-dot){display:none}.header-end #sound{border:1px solid var(--line);padding:8px 12px;border-radius:6px;font-size:14px}.live-dot{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #c3f75045}.language-picker{display:flex;gap:3px;border:1px solid #51614e;padding:3px;border-radius:7px}.language-picker button{min-width:45px;min-height:36px;padding:5px 9px;font-size:15px;border-radius:4px}.language-picker .selected{background:var(--accent);color:#122209;font-weight:600}
main{max-width:1700px;margin:auto;padding:32px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px}.eyebrow{font:500 13px 'Space Grotesk',sans-serif;letter-spacing:1.6px;color:var(--accent)}h1{font-size:42px;letter-spacing:-1.4px;line-height:1.15;margin:12px 0;font-weight:500}h1>span:last-child:not([data-i18n]){color:var(--accent);margin-left:15px;font-family:'Space Grotesk'}.intro p{font-size:16px;color:var(--muted);margin:0;max-width:680px}.edition{display:flex;flex-direction:column;gap:7px;text-align:right;font-size:13px;color:var(--muted);flex-shrink:0}.edition strong{font:500 17px 'Space Grotesk';color:var(--text)}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:28px}.play-column{min-width:0}.game-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:14px;flex-wrap:wrap}.mode-tabs{display:flex;background:#1b241b;padding:4px;border-radius:7px;gap:3px}.mode-tabs button{padding:10px 14px;border-radius:4px;color:var(--muted);font-size:16px;display:flex;gap:8px;align-items:center;white-space:nowrap}.mode-tabs button>span:first-child:not([data-i18n]){font-size:21px;line-height:1}.mode-tabs small{display:none}.mode-tabs .selected{background:var(--accent);color:#17210a;font-weight:600}.view-actions{display:flex;align-items:center;gap:17px}.minimal{font-size:15px;color:var(--muted);white-space:nowrap;padding:6px 0}.zoom-controls{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.zoom-controls button{min-width:39px;padding:1px 8px;font-size:24px;line-height:1}.zoom-controls button+button{border-left:1px solid var(--line)}
.stage{position:relative;background:#13201a;border:1px solid #506147;border-radius:8px;overflow:hidden;isolation:isolate}.stage-top{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:15px;color:#e0ebd7;pointer-events:none;z-index:3}.stage-top>span{background:#102018e8;padding:5px 8px;border-radius:4px}.stage-top b{font-weight:500;margin-left:8px}.stage-top>span:last-child{font-size:13px;max-width:47%;text-align:right}.stage canvas{width:100%;height:clamp(540px,63vh,760px);display:block;touch-action:none;outline-offset:-4px}.scene-role{position:absolute;top:66px;left:20px;border:1px solid #657b60;border-radius:5px;background:#102019ed;padding:7px 10px;color:#ecf6e1;font-size:14px;pointer-events:none;z-index:3}.stage-bottom{position:absolute;bottom:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none;z-index:3}.stage-bottom #status{font-size:15px;line-height:1.5;color:#e1ecd9;background:#0e1b15f0;border:1px solid #456043;border-radius:5px;padding:9px 12px;max-width:calc(100% - 46px)}.axis{border:1px solid #79916b;border-radius:50%;background:#122019d9;width:38px;height:38px;flex:none;display:grid;place-items:center;font:14px 'Space Grotesk'}
.world-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.world-label{position:absolute;font:600 16px/1.35 var(--font);white-space:nowrap;border-radius:6px;padding:6px 11px;background:#0a1815f5;border:2px solid #cedfbb;box-shadow:0 3px 12px #0006;color:#f5faee;max-width:calc(100% - 24px)}.world-label.rat{border-color:#ff8fc8;color:#ffc4e1}.world-label.bot{border-color:#6ce8d9;color:#b7fff2}.world-label.active:before{content:'●';margin-right:7px}.world-label.target{border-color:var(--accent);color:var(--accent);white-space:normal;max-width:340px;text-align:center}.world-label.interaction{border-color:#ffe0a0;color:#ffe0a0;white-space:normal;max-width:300px}.mobile-mission{display:none}
.controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 0;color:var(--muted);font-size:14px}.controls>div{display:flex;align-items:center;gap:8px}kbd{background:#1a2519;border:1px solid #52604c;border-bottom-width:2px;border-radius:4px;padding:4px 7px;font:13px 'Space Grotesk',sans-serif;color:#e3edd9}.touch-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.touch-controls>div{display:flex;gap:6px;flex-wrap:wrap}.touch-controls button{min-width:46px;min-height:46px;border:1px solid #495844;border-radius:5px;font-size:15px;padding:8px 11px;background:#151f15;touch-action:none}.touch-controls .direction-pad button{font-size:23px}.mode-note{font-size:14px;color:var(--muted);margin:8px 0 23px;line-height:1.65}.chapter-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;font-size:16px}.chapter-heading small{font:13px 'Space Grotesk';color:var(--muted);margin-left:10px}.chapter-heading>span:last-child{font-size:14px;color:var(--muted);white-space:nowrap}.chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px}.chapter{border:1px solid var(--line);padding:12px 10px;text-align:left;border-radius:5px;min-width:0;cursor:default}.chapter.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.chapter.completed{border-color:#526e40}.chapter span{display:flex;justify-content:space-between;font:14px 'Space Grotesk';color:#c0cdb5;margin-bottom:9px}.chapter.selected span,.chapter.completed span{color:var(--accent)}.chapter strong{font-weight:500;font-size:15px;line-height:1.4;display:block;overflow-wrap:anywhere}.chapter small{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}
.sidebar{border-left:1px solid var(--line);padding-left:27px;min-width:0}.mission-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px}.mission-top>span:last-child{font:14px 'Space Grotesk';color:var(--muted);white-space:nowrap}.sidebar h2{font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:21px 0 14px}.sidebar>p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.objective-callout{margin:22px 0 25px;border-left:3px solid var(--accent);padding:2px 0 2px 14px}.objective-callout>span{display:block;color:var(--accent);font-size:13px;font-weight:600;margin-bottom:8px}.objective-callout strong{font-size:16px;font-weight:500;line-height:1.6}.character-heading{display:flex;justify-content:space-between;gap:8px;font-size:16px;margin:0 0 13px;flex-wrap:wrap}.character-heading small{color:var(--muted);font-size:14px}.character{display:flex;align-items:center;width:100%;text-align:left;padding:11px 9px;border:1px solid #4a5b45;border-radius:6px;margin-bottom:10px;gap:9px;cursor:pointer;min-height:80px}.character.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.075)}.character.danger{border-color:#fba176}.character canvas{width:53px;height:53px;flex-shrink:0}.character>span{flex:1;min-width:0}.character strong{display:block;font:600 17px 'Space Grotesk',var(--font);margin-bottom:6px}.character em{font:normal 14px var(--font);color:var(--muted);margin-left:5px}.character small{font-size:13px;line-height:1.5;color:var(--muted);display:block;overflow-wrap:anywhere}.character i{font:500 13px var(--font);color:var(--muted);white-space:nowrap;flex-shrink:0}.character.selected i{color:var(--accent)}
.alert-panel{border-top:1px solid var(--line);padding-top:19px;margin-top:23px}.alert-panel>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:16px}.alert-panel b{font-weight:400;color:var(--accent);font-size:15px}.progress{height:5px;background:#35472f;margin:13px 0}.progress i{display:block;height:100%;background:var(--accent);width:0%;transition:width .2s}.alert-panel p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.map-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font-size:16px;margin:22px 0 12px}.map-heading small{font-size:13px;color:var(--muted)}#minimap{display:block;width:100%;height:auto;background:#101813;border:1px solid #4c604e;border-radius:5px}.checkpoint{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:12px;color:var(--muted)}.checkpoint strong{font-weight:500;color:#e2ecd8;text-align:right}.hint-box{margin-top:23px;background:#182312;border:1px solid #415832;border-radius:6px;padding:17px}.hint-label{color:var(--accent);font-size:16px}.hint-box p{font-size:15px;line-height:1.7;color:#d0debf;margin:11px 0 14px}.hint-box button{font-size:15px;color:var(--text);padding:0;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left}.hint-box button span:last-child{color:var(--accent)}.best{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:14px;color:var(--muted)}.best strong{font-weight:500;color:#e0ead5}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0;margin-top:29px;border-top:1px solid var(--line);font:13px/1.6 'Space Grotesk',var(--font);letter-spacing:.5px;color:#a1b29b}.footer-dot{margin:0 10px;color:var(--accent)}
.overlay{position:absolute;inset:0;background:#080f0beb;backdrop-filter:blur(7px);z-index:5;display:grid;place-items:center;text-align:center;padding:30px}.overlay h2{font-size:34px;font-weight:500;margin:18px 0;line-height:1.25}.overlay p{font-size:17px;color:var(--muted);max-width:420px;line-height:1.7}.primary{background:var(--accent);color:#15230b;padding:14px 25px;border-radius:5px;font-weight:600;font-size:17px;margin-top:15px}.touch-controls button:disabled{opacity:.4}dialog{background:#111d15;border:1px solid #5a7052;color:var(--text);border-radius:12px;max-width:780px;width:calc(100% - 32px);max-height:90vh;padding:35px;overflow-y:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:30px;font-weight:500;line-height:1.3}dialog p{font-size:16px;line-height:1.75;color:#c0ceba}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-grid h3{color:var(--accent);font-size:18px;line-height:1.4}.close{position:absolute;right:12px;top:8px;font-size:29px;color:var(--muted);width:42px}body.puzzle{--accent:#cdbbff;--accent-rgb:205,187,255}.puzzle .mode-tabs .selected{color:#251641}.puzzle .hint-box{background:#211b2a;border-color:#524265}.puzzle .primary{color:#231733}
@media(min-width:1600px){.game-layout{grid-template-columns:minmax(0,1fr) 380px;gap:35px}.sidebar{padding-left:32px}.stage canvas{height:700px}.sidebar h2{font-size:34px}}
@media(max-width:1250px){.header{padding:0 3%;gap:20px}.header nav{margin-left:5px;gap:18px}.header nav button{font-size:15px}main{padding-left:3%;padding-right:3%}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.sidebar{padding-left:20px}.edition{font-size:13px}.edition strong{font-size:15px}.intro p{max-width:550px}.sidebar h2{font-size:27px}.view-actions{gap:14px}.game-toolbar{gap:10px}.chapter small{display:none}.chapter strong{font-size:14px}.chapter{padding:12px 7px}.character i{display:none}.stage-top>span:last-child{display:none}.character canvas{width:45px;height:45px}}
@media(max-width:1020px){.header nav{display:none}.header-end{margin-left:auto}.intro{align-items:flex-start}.edition{display:none}.game-layout{grid-template-columns:1fr}.stage canvas{height:650px}.sidebar{border-left:0;padding:27px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px}.mission-top,.sidebar h2,.sidebar>p,.objective-callout{grid-column:1}.character-heading,.character{grid-column:2}.character-heading{grid-row:1}.character[data-character=rat]{grid-row:2;align-self:start}.character[data-character=bot]{grid-row:3;align-self:start}.alert-panel{grid-column:2;grid-row:4}.map-heading{grid-column:1;grid-row:5}#minimap{grid-column:1;grid-row:6}.checkpoint{grid-column:1;grid-row:7}.hint-box{grid-column:2;grid-row:5 / span 3;align-self:start}.best{grid-column:1 / span 2}.character i{display:block}.character canvas{width:50px;height:50px}.mobile-mission{display:block;font-size:16px;line-height:1.6;color:#edf5df;border-left:3px solid var(--accent);padding:4px 12px;margin:1px 0 16px}.world-label.target{max-width:310px}.chapter small{display:block}.controls{font-size:15px}.stage-top>span:last-child{display:block}}
@media(max-width:600px){.header{height:74px;padding:0 16px;gap:12px}.brand{font-size:25px;gap:5px}.brand-symbol{font-size:32px}.brand-dot{font-size:11px}.header-end{gap:9px}.header-end .live-dot,.header-end #sound{display:none}.language-picker button{min-width:42px;padding:5px 7px;font-size:15px}.language-picker{padding:2px}main{padding:24px 16px 0}.intro{margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:34px;line-height:1.13;letter-spacing:-.9px;margin:13px 0}.intro p{font-size:15px;line-height:1.6}.mode-tabs{width:100%}.mode-tabs button{justify-content:center;flex:1;font-size:16px;padding:10px 7px;gap:7px}.view-actions{width:100%;justify-content:flex-end;gap:24px}.view-actions .minimal{font-size:15px}.zoom-controls{margin-right:auto}.zoom-controls button{min-width:44px;min-height:42px}.game-toolbar{margin-bottom:13px}.mobile-mission{font-size:15px;line-height:1.5;padding-left:11px;margin-bottom:15px}.stage canvas{height:510px}.stage-top{left:10px;right:10px;top:12px;font-size:14px}.stage-top>span:last-child{display:none}.scene-role{left:10px;top:53px;padding:6px 8px;font-size:14px}.stage-bottom{left:9px;right:9px;bottom:10px}.stage-bottom #status{font-size:14px;line-height:1.5;padding:8px 9px;max-width:100%}.axis{display:none}.world-label{font-size:14px;line-height:1.35;padding:5px 8px;max-width:calc(100% - 20px)}.world-label.target,.world-label.interaction{max-width:240px}.controls{gap:12px;font-size:14px;justify-content:flex-start;padding:15px 0}.controls>div{gap:6px}.controls .minimal{font-size:14px}kbd{font-size:13px;padding:4px 6px}.touch-controls{gap:12px;justify-content:center}.touch-controls>div{gap:7px;justify-content:center}.touch-controls button{font-size:14px;min-height:46px;min-width:46px}.mode-note{font-size:14px;margin-bottom:22px}.chapter-heading{font-size:15px;align-items:flex-start}.chapter-heading small{display:none}.chapter-heading>span:last-child{font-size:14px}.chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chapter strong{font-size:14px;overflow-wrap:normal}.chapter small{display:none}.chapter{padding:12px}.chapter span{font-size:14px}.sidebar{display:block;margin-top:5px;padding-top:25px}.sidebar h2{font-size:29px;margin:19px 0 13px}.sidebar>p{font-size:16px}.mission-top>span:last-child{font-size:14px}.objective-callout>span{font-size:13px}.objective-callout strong{font-size:16px}.character-heading{font-size:16px;gap:5px}.character-heading small{font-size:14px}.character canvas{width:56px;height:56px}.character{padding:12px;gap:12px}.character strong{font-size:18px}.character small{font-size:14px}.character i{font-size:14px}.character em{font-size:14px}.alert-panel p{font-size:15px}.map-heading small{font-size:14px}.checkpoint{font-size:14px}.hint-box p{font-size:16px}.hint-box button{font-size:16px}.best{font-size:14px}footer{font-size:12px;gap:12px;padding:23px 0}.guide-grid{grid-template-columns:1fr;gap:0}dialog{padding:28px 22px}dialog h2{font-size:28px}dialog p{font-size:16px}.overlay{padding:22px}.overlay h2{font-size:28px}.overlay p{font-size:16px}.primary{font-size:16px}.overlay .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.progress i{transition:none}}
.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:12px;font-size:14px;color:var(--muted)}.map-legend b{font:500 14px 'Space Grotesk';color:var(--accent);margin-right:5px}.map-legend>span{line-height:1.45}@media(min-width:601px) and (max-width:1020px){.map-legend{grid-column:1;grid-row:7}.checkpoint{grid-row:8}.hint-box{grid-row:5 / span 4}}

/* Fullscreen and viewport fallback share one layout; controls have their own row. */
.view-actions{flex-wrap:wrap}
@media(max-width:600px){.view-actions{gap:12px}.zoom-controls{margin-right:0}}
body.fullscreen-mode{overflow:hidden}
body.fullscreen-mode .header,body.fullscreen-mode .intro,body.fullscreen-mode .sidebar,body.fullscreen-mode footer{display:none}
body.fullscreen-mode main{position:fixed;inset:0;z-index:10;max-width:none;height:100vh;height:100dvh;padding:0;background:var(--bg)}
body.fullscreen-mode .game-layout{display:block;height:100%}
body.fullscreen-mode .play-column{height:100%;display:flex;flex-direction:column;min-height:0}
body.fullscreen-mode .game-toolbar{flex:none;margin:0;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:#0d1510;gap:8px}
body.fullscreen-mode .view-actions{gap:12px}
body.fullscreen-mode .stage{flex:1;min-height:0;border:0;border-radius:0}
body.fullscreen-mode .stage canvas{position:absolute;inset:0;height:100%;min-height:0}
body.fullscreen-mode .mobile-mission,body.fullscreen-mode .controls,body.fullscreen-mode .mode-note,body.fullscreen-mode .chapter-heading,body.fullscreen-mode .chapters{display:none}
body.fullscreen-mode .touch-controls{flex:none;margin:0;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#0d1510;gap:8px}
body.fullscreen-mode .touch-controls button{background:#151f15}
@media(max-width:600px){
 body.fullscreen-mode .view-actions{gap:8px;justify-content:space-between}
 body.fullscreen-mode .view-actions .minimal{font-size:14px}
 body.fullscreen-mode .stage-top{top:10px}
 body.fullscreen-mode .scene-role{top:50px}
 body.fullscreen-mode .touch-controls>div{gap:6px}
}
@media(max-height:500px) and (min-width:601px){
 body.fullscreen-mode .mode-tabs button{font-size:14px;padding:6px 8px}
 body.fullscreen-mode .game-toolbar{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px}
 body.fullscreen-mode .view-actions{gap:10px}
 body.fullscreen-mode .stage-top>span:last-child{display:none}
 body.fullscreen-mode .touch-controls{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
}