:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#213f37;background:#d5e7e1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible{outline:3px solid #e5a453;outline-offset:3px}[hidden]{display:none!important}#app{position:fixed;inset:0}canvas{display:block}#interface{position:fixed;inset:0;pointer-events:none}.topbar{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:12px}.mark{width:46px;height:46px;display:grid;place-items:center;background:#244c41;color:#fff2d5;border-radius:13px;font-size:25px;font-weight:900;transform:rotate(-7deg)}.brand strong{font-size:23px;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:4px}.tag{font-size:10px;border:1px solid #718975;padding:5px 9px;border-radius:20px;margin-left:6px}.clock{background:#fff8e9ef;border-radius:16px;padding:14px 24px;min-width:196px;box-shadow:0 4px 20px #18392a0b;text-align:center}.clock span{font-size:11px;display:block;letter-spacing:2px}.clock b{font:700 38px ui-monospace,monospace;letter-spacing:2px;display:block;margin:3px 0}.clock i{font-size:10px;font-style:normal;color:#8c8270}.urgent{color:#c3513e;background:#fff0e0}.panel{background:#fff9ebe8;border:1px solid #fff9eaaa;border-radius:14px;box-shadow:0 4px 20px #18392a09;padding:15px}.roster{position:absolute;top:108px;left:30px;width:208px}.panel-title{font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:6px}.panel-title b{font-size:10px;color:#6d8271}.roster-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #cfcebd66}.avatar{width:27px;height:32px;border-radius:9px 9px 12px 12px;background:#d5a363;color:#fff8e8;display:grid;place-items:center;font-style:normal;font-weight:700}.avatar.pickup{background:#80a0b5}.avatar.food{background:#90a27b}.roster-row div{flex:1}.roster-row b{font-size:12px;display:flex;justify-content:space-between}.roster-row small{font-size:9px;font-weight:400;color:#7b8576}.roster-row span{font-size:10px;color:#648575}.roster-row em{font-style:normal;color:#bd8b50}.roster-row .state-LOST,.roster-row .state-INTEREST,.roster-row .state-SCARED{color:#bc684a}.legend{font-size:10px;line-height:1.7;color:#7b8371;margin-top:11px}.route{position:absolute;right:30px;top:164px;width:210px}.route canvas{margin:10px auto;border-radius:9px;width:100%;height:auto}#objective{font-size:10px;line-height:1.7;color:#627567}#notice{position:absolute;bottom:144px;left:50%;transform:translate(-50%);background:#224a3feb;color:#fff5de;padding:12px 24px;border-radius:25px;font-size:12px;max-width:70%;text-align:center;box-shadow:0 6px 25px #1d453622}footer{position:absolute;bottom:23px;left:50%;transform:translate(-50%);width:min(960px,95vw)}.controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:13px;font-size:10px;color:#254a40;text-shadow:0 1px #eef3e0}.controls button{background:transparent;font-size:10px;color:inherit;pointer-events:auto}kbd{font:600 11px ui-monospace,monospace;border:1px solid #a3afa1;border-radius:4px;padding:2px 5px;background:#fbf6eccc;color:#385344}.tools{display:grid;grid-template-columns:repeat(4,1fr);background:#fff7e9f5;border-radius:17px;padding:8px;gap:5px;box-shadow:0 8px 40px #243d2922;pointer-events:auto}.tools button{display:flex;align-items:center;gap:9px;padding:12px 10px;text-align:left;border-radius:11px;background:transparent;color:#315448;position:relative}.tools button:hover{background:#e9e9d9}.tools button.active{background:#e1e9d8}.tools kbd{font-size:16px;min-width:29px;text-align:center;padding:6px}.tools span{font-size:12px;font-weight:700}.tools small{display:block;font-size:9px;font-weight:400;color:#7f8774;margin-top:6px}.tools b{font-size:9px;position:absolute;right:10px;top:3px;color:#a27948}#labels{position:absolute;inset:0}.npc-label{position:absolute;top:0;left:0;white-space:nowrap;font-size:10px;padding:4px 7px;border-radius:6px;background:#fcf7eae8;color:#345644;border:1px solid #fff8}.npc-label[data-state=INTEREST],.npc-label[data-state=SCARED]{background:#f9c58e;color:#67422c}#debug{position:absolute;right:255px;top:110px;width:320px;max-height:calc(100vh - 290px);overflow:auto;pointer-events:auto}#debug-content{white-space:pre-wrap;font:10px/1.6 monospace;margin:10px 0}#debug button{padding:8px;background:#dfd9bb;border-radius:5px;font-size:11px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#193e3447;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;padding:20px}.intro-card,.results-card{background:#fff9ec;border:1px solid #fffdf7;border-radius:23px;padding:38px 44px;width:min(600px,92vw);box-shadow:0 25px 90px #122b3844;text-align:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#9b7a50}h1{font-size:39px;letter-spacing:2px;line-height:1.35;margin:19px 0 15px;color:#244f40}h1 span{display:block;font-size:19px;font-weight:400;letter-spacing:8px;margin-top:8px}p{font-size:13px;line-height:1.9;color:#798271}.mission{display:flex;gap:14px;border-top:1px solid #e5dfcd;padding-top:20px;margin:24px 0}.mission span{flex:1;font-size:12px;font-weight:600}.mission b{display:block;font:22px Georgia,serif;color:#c69761;margin-bottom:8px}.mission small{display:block;font-size:10px;line-height:1.7;color:#8d8e7b;font-weight:400;margin-top:5px}#start,#restart{background:#254f40;color:#fff4dc;padding:16px 30px;border-radius:10px;font-size:14px;font-weight:700;width:100%;transition:background .2s}#start:hover,#restart:hover{background:#386b50}.intro-note{display:block;margin-top:16px;font-size:10px;color:#8a907f;line-height:1.9}.results-card{width:min(660px,92vw)}.results-card h1{font-size:29px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0}.stats div{background:#eceee1;border-radius:11px;padding:14px}.stats b{display:block;font:700 30px ui-monospace,monospace;color:#466849}.stats span{font-size:11px;color:#798474}.receipt{border-top:1px dashed #b8baa7;border-bottom:1px dashed #b8baa7;padding:14px;font-size:12px}.receipt b{font-size:27px;color:#bb8048;margin:0 8px}.receipt span{display:block;font-size:10px;color:#8a8e7c;margin-top:8px}.small{font-size:10px}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none}@media(max-width:1000px){.roster{left:15px;width:170px}.route{right:15px;width:170px}.topbar{left:15px;right:15px}.brand .tag{display:none}.tools small{font-size:8px}.tools button{padding:12px 5px;gap:5px}.tools span{font-size:11px}#notice{max-width:90%;width:max-content}#debug{right:190px;width:270px}}@media(max-height:700px){.roster-row{padding:6px 0}.legend{display:none}.roster{top:90px}.route{top:145px}.intro-card{padding:24px 35px}.mission{margin:18px 0}.clock{padding:8px 20px}}:root #depart{pointer-events:auto;display:block;width:100%;margin-top:10px;border-radius:7px;padding:10px 4px;background:#315e47;color:#fff4d9;font-size:11px}:root{color:#faf3dc}.topbar{top:25px;left:30px;right:30px}.brand{color:#fffae8;text-shadow:0 2px 8px #243d4066}.brand .mark{background:#ecab68;color:#214137}.brand strong{font-size:19px;letter-spacing:2px}.brand small{font-size:10px}.tag{border-color:#fffae877}.clock{background:#203e418c;color:#fffae8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;min-width:140px;padding:10px 18px}.clock b{font-size:30px}.clock i{display:none}.clock span{font-size:9px;letter-spacing:1px}.roster,.route{display:none}.debug-open .roster,.debug-open .route{display:block;color:#284739}.debug-open .route{top:150px}.debug-open #debug{color:#284739}#journey{position:absolute;top:89px;left:31px;color:#fff7e0;font-size:12px;text-shadow:0 2px 5px #203d44;padding:9px 12px;border-left:3px solid #eab16f;background:linear-gradient(90deg,#233f4266,transparent)}footer{bottom:20px;width:auto;min-width:720px}.controls{color:#fff8e5;text-shadow:0 1px 4px #123b42;gap:18px;margin-bottom:10px}.controls kbd{background:#25464777;color:#fff6df;border-color:#e5ebd544}.tools{background:#203c427a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:none;border:1px solid #ffffff22;border-radius:10px;padding:4px;gap:3px}.tools button{color:#fff6df;gap:10px;padding:12px 14px;border-radius:6px;min-width:165px}.tools button:hover,.tools button.active{background:#eab16f26}.tools kbd{background:none;border-color:#fff5d955;color:#fff5d9;font-size:13px;min-width:22px;padding:3px}.tools small{display:none}.tools span{font-size:11px}.tools b{font-size:8px;color:#f3c594;top:2px;right:7px}#notice{bottom:119px;border-radius:5px;background:#18323a99;font-size:12px;max-width:650px;padding:10px 18px;box-shadow:none}#crosshair{display:none;position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#fffbea;box-shadow:0 0 0 2px #22423966}.playing #crosshair{display:block}#crosshair.targeted{width:13px;height:13px;background:transparent;border:2px solid #f5cd85}#focus{position:absolute;left:50%;top:calc(50% + 30px);transform:translate(-50%);white-space:nowrap;font-size:13px;letter-spacing:.5px;color:#fff8de;text-shadow:0 2px 4px #142b36;background:#1a353977;border-radius:5px;padding:7px 12px}#focus:empty{display:none}.npc-label{font-size:11px;background:#fdf5e9ed;border:0;border-radius:10px 10px 10px 2px;color:#30473d;box-shadow:0 4px 15px #18323a22;padding:6px 10px}.overlay{background:#182f3855;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.intro-card{width:min(740px,90vw);border:1px solid #ffffff25;background:#193f45e8;text-align:left;color:#fff6df;border-radius:9px;padding:42px 50px;box-shadow:0 30px 90px #0d273c44}.intro-card h1{color:#fff0d4;font-size:55px;letter-spacing:5px;margin:22px 0}.intro-card h1 span{font-size:24px;letter-spacing:3px;color:#e7b77a;font-weight:600}.intro-card p{color:#d1e0d7;line-height:2}.intro-card .eyebrow{color:#e7b77a}.mission{border-top-color:#dee9dd33}.mission b{color:#e7b77a}.mission small{color:#b6d0c9}.intro-card #start{background:#e7b77a;color:#243f41;width:auto;min-width:330px;border-radius:5px}.intro-card #start:hover{background:#efc893}.intro-note{color:#afc8c0;text-align:left}.pause-card{padding:40px;background:#193f45f2;border:1px solid #ffffff33;border-radius:12px;color:#fff3d9;text-align:center}.pause-card h2{font-size:30px}.pause-card p{color:#bacec6}.pause-card button{padding:13px 50px;background:#e7b77a;border-radius:5px;color:#243e3b}.results-card{color:#274238}#depart{position:absolute;bottom:162px;left:50%;transform:translate(-50%);max-width:280px;pointer-events:auto}#flash{z-index:20;mix-blend-mode:screen}@media(max-width:900px){footer{min-width:0;width:96vw}.tools button{min-width:0;padding:12px 8px}.tools span{font-size:10px}.controls{gap:10px;font-size:9px}.intro-card{padding:28px}.intro-card h1{font-size:40px}#journey{font-size:10px;max-width:80%}.brand small{font-size:8px}}@media(max-height:650px){.intro-card{padding:20px 35px}.intro-card h1{font-size:38px;margin:12px 0}.intro-card p{margin:8px 0}.mission{margin:12px 0;padding-top:12px}.intro-note{margin-top:10px}}#notice{display:none}.debug-open #notice{display:block}.npc-label{border-radius:50%;font-size:17px;min-width:29px;min-height:29px;text-align:center;padding:4px;box-shadow:0 2px 8px #1e313b22}.debug-open .npc-label{border-radius:5px;font-size:10px;padding:5px}#rewards{position:absolute;right:30px;top:116px;white-space:pre-line;background:#234345a6;border:1px solid #f4d39433;border-radius:9px;color:#ffe1a3;font-size:12px;line-height:1.9;padding:12px 16px;min-width:185px}#toy-controls{position:absolute;bottom:113px;left:50%;transform:translate(-50%);background:#2949489c;padding:8px 15px;border-radius:6px;color:#ffe6ba;font-size:12px;white-space:nowrap}#depart{bottom:157px!important}.debug-open #notice{bottom:153px}.brand{display:none}.topbar{justify-content:flex-end;top:26px;right:32px}.clock{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:0;padding:0;text-align:right;text-shadow:0 2px 8px #172e45aa}.clock b{font-size:34px;font-weight:500;letter-spacing:1px}.clock span{font-size:10px;opacity:.7}.clock.urgent{color:#ffb09a}#journey{top:31px;left:32px;border:0;background:none;padding:0;font-size:15px;letter-spacing:2px}#rewards{top:99px;right:32px;min-width:0;padding:0;border:0;background:none;font:14px ui-monospace,monospace;text-shadow:0 2px 8px #172e45aa;color:#ffe1a3}footer{bottom:24px;min-width:0;width:auto}.tools{display:flex;border:0;background:#152e374d;box-shadow:none;border-radius:5px;padding:3px 6px;gap:5px}.tools button{min-width:0;padding:9px 12px;gap:8px}.tools button.active{background:#fff1ca1c}.tools span{font-weight:400;font-size:12px}.tools b{display:none}.tools kbd{font-size:11px;border:0;background:#ffffff14;padding:3px;min-width:19px}#toy-controls{bottom:83px;background:none;font-size:12px;padding:0;text-shadow:0 2px 6px #142b36}#toy-controls:empty{display:none}#focus{background:none;font-size:12px;padding:0;top:calc(50% + 27px);text-shadow:0 1px 5px #122734,0 1px 3px #122734}#depart{bottom:111px!important;width:auto!important;background:#e7b77a!important;color:#203c3c!important;padding:10px 20px!important}.overlay{background:linear-gradient(90deg,#10272fe6,#10272f88);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.intro-card{width:min(660px,90vw);padding:48px;background:none;border:0;box-shadow:none;border-radius:0}.intro-card h1{font-size:60px;letter-spacing:5px;margin:20px 0}.intro-card p{font-size:16px;margin:0 0 44px;color:#d1ded7}.intro-card #start{min-width:210px;font-size:15px;padding:15px 32px;width:auto}.intro-note{margin-top:18px;font-size:11px;opacity:.7}.pause-card{width:min(560px,92vw);border:0;border-radius:6px;padding:32px 40px;background:#17323bea;text-align:left}.pause-card h2{font-size:28px;margin:12px 0 26px}.pause-card p span{display:block;font-size:12px;line-height:2.5}.pause-card p small{display:block;font-size:11px;color:#e7b77a;margin:16px 0 22px}#pause>.controls{position:absolute;bottom:28px}#pause>.controls>span{display:none}.results-card{background:#17323bf5;color:#e8edde;border:1px solid #ffffff18;border-radius:6px;text-align:left}.results-card h1{color:#fff1d5;font-size:29px}.results-card>p,.receipt span{display:none}.stats{gap:8px}.stats div{background:#ffffff08;border-radius:3px;text-align:center}.stats b{color:#fff1d5}.stats span{color:#bed0c7}.receipt{border-color:#fff2;margin-bottom:24px}.receipt b{color:#e7b77a}#restart{background:#e7b77a;color:#203c3c;border-radius:4px}#interface:not(.playing)>.topbar,#interface:not(.playing)>#journey,#interface:not(.playing)>#rewards,#interface:not(.playing)>footer,#interface:not(.playing)>#focus,#interface:not(.playing)>#toy-controls{display:none}@media(max-width:700px){.intro-card{padding:24px}.intro-card h1{font-size:40px}.tools button{padding:8px}.topbar,#rewards{right:20px}#journey{left:20px;font-size:12px}}