:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#253b36;font-synthesis:none;--ink:#253b36;--paper:#fffdf5;--accent:#bd5638}*{box-sizing:border-box;letter-spacing:0}body{margin:0;overflow:hidden;background:#bddee2}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #cb643b;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}.topbar{position:fixed;inset:20px 26px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4;pointer-events:none}.topbar>*{pointer-events:auto}.brand{text-decoration:none;color:#263e3b;font-size:14px;font-weight:700;line-height:1.6;text-shadow:0 1px 6px #ffffff85}.brand span{display:block;font-size:20px;font-weight:800}.journey{display:flex;list-style:none;gap:28px;padding:11px 22px;margin:0;border-radius:6px;background:#fffcf0e8;box-shadow:0 3px 20px #274e4812;font-size:13px;font-weight:600;counter-reset:steps}.journey li{display:flex;align-items:center;gap:7px;color:#6e7e72;counter-increment:steps}.journey li:before{content:counter(steps);width:23px;height:23px;border:1px solid #b9c5b8;border-radius:50%;display:grid;place-items:center;font-size:12px}.journey li.current{color:#a44a30}.journey li.current:before{background:#c35f3e;color:#fff;border-color:#c35f3e}.journey li.done:before{content:'✓';background:#497d69;color:#fff;border-color:#497d69}.top-actions{display:flex;gap:7px}.top-actions button{border:1px solid #ffffff80;border-radius:6px;background:#fffdf1ca;min-height:38px;padding:7px 11px;font-size:12px;font-weight:600}.top-actions button[aria-pressed=true]{background:#355e51;color:#fff}#mission{position:fixed;top:110px;left:28px;z-index:3;max-width:275px;pointer-events:none}#mission-kicker{font-size:11px;font-weight:800;color:#5d756b;display:block;margin-bottom:7px}#mission-title{display:block;font-size:20px;text-shadow:0 1px 7px #fff8}#mission-counts{display:flex;gap:18px;margin-top:12px;padding:10px 14px;background:#fffdf0e8;border-radius:6px;width:max-content;font-size:12px}#mission-counts b{font-size:23px;font-weight:800;display:block;line-height:1.25}#trip-record{display:flex;gap:5px;margin-top:8px}#trip-record span{font-size:12px;background:#355d50e8;color:#fff;padding:5px 8px;border-radius:4px}#chapter{position:fixed;top:19%;left:8%;pointer-events:none;transition:opacity .5s,transform .5s}#chapter span{display:block;font-size:14px;margin-bottom:12px;color:#486b62}#chapter strong{display:block;font-size:44px;font-weight:800;color:#2e5449}body.started #chapter{opacity:0;transform:translateY(-12px)}.dialogue{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 48px));display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:19px;align-items:center;z-index:5;background:#fffdf5f5;border:1px solid #ffffff;border-radius:8px;padding:19px 24px;box-shadow:0 12px 55px #274c4929;backdrop-filter:blur(10px)}.speaker{display:flex;align-items:center;gap:12px;margin-bottom:7px;font-size:11px;font-weight:700;color:#677c71}.speaker #speaker{color:#9c503a}.speaker #mode-label{font-weight:500}h1{margin:0;font-size:21px;line-height:1.4;font-weight:750}#message{font-size:14px;line-height:1.7;margin:6px 0 0;max-width:580px;color:#58665c}.dialogue-actions{min-width:160px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.primary{border:0;background:var(--accent);color:#fff;border-radius:6px;padding:13px 18px;min-height:46px;font-size:14px;font-weight:700;box-shadow:0 3px 0 #91452e;display:flex;align-items:center;justify-content:center;gap:15px}.primary:hover:enabled{background:#a84a2e}.primary:active:enabled{transform:translateY(2px);box-shadow:0 1px 0 #91452e}.minor-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.minor-actions button{border:0;background:none;padding:3px 0;color:#687568;font-size:11px;min-height:28px}.minor-actions button:hover,.minor-actions button[aria-pressed=true]{color:#a24e32;text-decoration:underline}.portrait{width:62px;height:58px;position:relative;background:#f7f0d8;border:2px solid #282e2b;border-radius:46% 46% 44% 44%;transform:rotate(-5deg)}.ear{position:absolute;top:-10px;width:24px;height:23px;background:#252c29;border:2px solid #252c29;border-radius:50%;z-index:-1}.ear.left{left:-5px}.ear.right{right:-5px}.eye{position:absolute;top:19px;width:14px;height:19px;background:#272f2c;border-radius:50%;transform:rotate(20deg)}.eye.left{left:11px}.eye.right{right:11px;transform:rotate(-20deg)}.eye:after{content:'';position:absolute;width:4px;height:5px;background:#fff;left:5px;top:4px;border-radius:50%}.nose{position:absolute;width:8px;height:5px;left:25px;top:35px;background:#272f2c;border-radius:50%}.glasses{position:absolute;inset:16px 5px 15px;border-top:2px solid #3330}.glasses:before,.glasses:after{content:'';position:absolute;width:22px;height:25px;border:2px solid #292f2b;top:-1px;border-radius:50%}.glasses:before{left:0}.glasses:after{right:0}#equation{margin-top:10px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}#equation b{font-size:24px;font-weight:750}#equation span{font-size:11px;color:#657668}#teacher-note{font-size:12px;line-height:1.6;color:#436f60;background:#e9efe5;border-radius:4px;padding:8px 12px;margin-top:8px}.world-label{position:fixed;left:0;top:0;transform:translate(-50%,-50%);z-index:2;border:1px solid #ffffffc9;background:#fffcf2ed;box-shadow:0 4px 14px #213c3620;padding:7px 11px;border-radius:6px;min-height:40px;min-width:70px;font-size:12px;font-weight:650;text-align:center;white-space:nowrap;pointer-events:auto}.world-label strong{display:block;font-size:17px;line-height:1.4}.world-label .detail{font-size:10px;font-weight:500;display:block;color:#69796c}.world-label.action{background:#386b58;color:#fff;border-color:#73a78d;box-shadow:0 3px 0 #204b3b}.world-label.action .detail{color:#e3efdc}.world-label.attention{animation:invitation 1.8s ease-in-out infinite}.world-label.readonly{pointer-events:none}.world-label.supply{background:#ffefd2;color:#765533}.world-label.return{background:#fff9ec;color:#80684b;font-size:11px;min-height:30px;min-width:42px;padding:3px 6px}.world-label:disabled{opacity:.7}#world-labels{position:fixed;inset:0;pointer-events:none}#toast{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:7;background:#365d50;color:#fff;padding:10px 18px;font-size:14px;border-radius:6px;max-width:90%;text-align:center;box-shadow:0 5px 20px #23413225}#boot,#fatal{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef1df;color:#35594b;gap:15px}#boot strong{font-size:24px}#boot span{font-size:14px}#fatal button{padding:12px 24px}.travelling .world-label{visibility:hidden}@keyframes invitation{0%,100%{box-shadow:0 3px 0 #204b3b,0 0 0 0 #f8d77880}50%{box-shadow:0 3px 0 #204b3b,0 0 0 6px #f8d77800}}
@media(max-width:1050px){.topbar{inset:16px 18px auto;gap:12px}.journey{gap:14px;padding:9px 13px}.dialogue{padding:17px;gap:14px;grid-template-columns:52px minmax(0,1fr) 150px}.portrait{transform:scale(.85);transform-origin:left center}.dialogue h1{font-size:19px}#mission{top:100px;left:20px}}
@media(max-width:650px){.topbar{inset:max(12px,env(safe-area-inset-top)) 14px auto;flex-wrap:wrap;gap:10px}.brand{font-size:10px}.brand span{font-size:16px}.top-actions{gap:5px}.top-actions button{font-size:11px;padding:6px 9px;min-height:33px}.journey{order:3;width:100%;justify-content:center;gap:19px;background:#fffdf0d9;padding:7px 9px;font-size:10px}.journey li{gap:5px}.journey li:before{width:18px;height:18px;font-size:10px}#chapter{top:24%;left:8%}#chapter strong{font-size:32px}#chapter span{font-size:12px}.dialogue{width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:42px 1fr;gap:9px 10px;padding:13px 15px}.portrait{transform:scale(.66);transform-origin:left top;align-self:start;margin-top:12px;width:62px;height:58px;grid-row:1}.speech{min-width:0}.speaker{gap:8px;font-size:10px;margin-bottom:5px}.dialogue h1{font-size:17px}#message{font-size:12px;line-height:1.65;margin-top:5px}.dialogue-actions{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;min-width:0}.primary{min-width:137px;min-height:42px;padding:10px 12px;font-size:12px;gap:7px}.minor-actions{flex:1;gap:8px;justify-content:flex-end}.minor-actions button{font-size:10px;min-height:32px}#mission{top:118px;left:16px;max-width:220px}#mission-kicker{font-size:9px;margin-bottom:3px}#mission-title{font-size:16px}#mission-counts{gap:15px;padding:7px 10px;margin-top:7px;font-size:10px}#mission-counts b{font-size:20px}#trip-record{margin-top:5px}#trip-record span{font-size:10px;padding:4px 5px}.world-label{font-size:10px;min-width:58px;padding:5px 8px;min-height:38px}.world-label strong{font-size:15px}.world-label .detail{font-size:9px}#equation{gap:6px;margin-top:6px}#equation b{font-size:20px}#equation span{font-size:10px}#teacher-note{font-size:11px;padding:6px 8px}#toast{top:110px;font-size:12px;width:max-content;max-width:90%}}
@media(max-height:560px) and (min-width:651px){.topbar{inset:10px 16px auto}.brand span{font-size:16px}.journey{padding:6px 12px}.dialogue{bottom:10px;width:min(900px,calc(100% - 32px));padding:10px 16px;gap:12px;grid-template-columns:44px 1fr 155px}.portrait{transform:scale(.65);height:58px}.speaker{margin-bottom:3px}.dialogue h1{font-size:16px}#message{font-size:12px;line-height:1.5}.primary{padding:8px 12px;min-height:38px;font-size:12px}.minor-actions button{font-size:10px}#mission{top:70px}#mission-title{font-size:16px}#mission-counts{margin-top:5px;padding:6px 9px}#chapter{top:21%}#chapter strong{font-size:30px}}
@media(max-width:650px){.world-label.return{min-height:44px}.minor-actions{column-gap:13px;row-gap:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}