:root{color:#f8efd3;background:#10262b;font-family:Noto Sans CJK SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:linear-gradient(90deg,transparent 31px,rgba(116,162,141,.035) 32px) 0 0 / 32px 32px,linear-gradient(transparent 31px,#74a28d09 32px) 0 0 / 32px 32px,#10262b}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid #ffe39a;outline-offset:3px}.app-shell{width:100%;height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.game-frame{position:relative;width:100%;max-width:1500px;height:100%;margin:0 auto;overflow:hidden;isolation:isolate;border:2px solid #6f9182;border-radius:6px;background:#2f6259;box-shadow:0 0 0 3px #1a3b3d,0 0 0 5px #f0d79d2e,14px 18px #0712165c,0 34px 80px #040f127a}.game-frame:before,.game-frame:after{position:absolute;z-index:12;width:16px;height:16px;border-color:#ffe7aeb8;pointer-events:none;content:""}.game-frame:before{top:5px;left:5px;border-top:2px solid;border-left:2px solid}.game-frame:after{right:5px;bottom:5px;border-right:2px solid;border-bottom:2px solid}.canvas-host,.town-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.town-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.vignette,.morning-grain{position:absolute;z-index:2;inset:0;pointer-events:none}.vignette{background:linear-gradient(180deg,rgba(15,38,42,.23) 0,transparent 92px),linear-gradient(0deg,rgba(10,31,34,.34) 0,transparent 126px),linear-gradient(90deg,rgba(9,28,31,.2) 0,transparent 82px,transparent calc(100% - 82px),rgba(9,28,31,.2))}.morning-grain{opacity:.11;background:linear-gradient(90deg,transparent 0 7px,rgba(255,235,176,.15) 8px) 0 0 / 16px 16px,linear-gradient(transparent 0 7px,#183d391f 8px) 0 0 / 16px 16px;mix-blend-mode:soft-light}.hud-card{border:1px solid rgba(247,226,173,.42);border-radius:4px;background:#183538f0;box-shadow:4px 5px #0b1f2261,inset 0 0 0 2px #759c892e,inset 0 1px #fff4d31a}.town-header{position:absolute;z-index:5;top:18px;left:18px;display:flex;align-items:center;min-width:264px;min-height:68px;padding:10px 14px 10px 10px}.town-header:after{position:absolute;right:-5px;bottom:8px;width:4px;height:17px;background:#d7815e;box-shadow:0 -22px #efc96f;content:""}.brand-mark{position:relative;flex:0 0 48px;width:48px;height:48px;margin-right:12px;overflow:hidden;border:2px solid #efd99d;border-radius:3px;background:#67936c;box-shadow:inset 0 -13px #bba875,inset 0 -16px #d4c18e,3px 3px #091e2073}.brand-mark span{position:absolute;display:block}.brand-mark span:nth-child(1){top:14px;left:20px;width:7px;height:24px;background:#704f3f;box-shadow:inset 2px 0 #967057}.brand-mark span:nth-child(2){top:7px;left:7px;width:34px;height:13px;background:#376e53;box-shadow:4px -4px #4e865e,-2px 8px #5b9565,20px 7px #2e614b}.brand-mark span:nth-child(3){right:5px;bottom:6px;width:6px;height:6px;background:#f0c86d;box-shadow:-7px 3px #d77f69}.brand-mark span:nth-child(4){bottom:4px;left:5px;width:22px;height:3px;background:#fff2c5a6}.town-heading{min-width:0}.eyebrow{margin:0 0 3px;color:#efca75;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.16em;line-height:1.2}.town-header h1{margin:0;color:#fff1ce;font-size:22px;font-weight:850;letter-spacing:.12em;line-height:1;text-shadow:2px 2px 0 #203d3e}.location-line{display:flex;gap:6px;align-items:center;max-width:180px;margin:6px 0 0;overflow:hidden;color:#f6ebcfba;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.live-dot{flex:0 0 6px;width:6px;height:6px;background:#80bb78;box-shadow:0 0 0 2px #284e49,0 0 0 3px #80bb7861}.town-clock{position:absolute;z-index:5;top:18px;right:18px;display:flex;gap:10px;align-items:center;min-width:214px;min-height:62px;padding:9px 11px}.weather-icon{position:relative;display:block;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(248,216,131,.34);background:#284e4b;box-shadow:inset 0 -5px #213f40}.weather-icon:before{position:absolute;top:8px;left:12px;width:14px;height:14px;background:#f2c968;box-shadow:0 -5px 0 -3px #ffe29a,0 5px 0 -3px #ffe29a,-5px 0 0 -3px #ffe29a,5px 0 0 -3px #ffe29a;content:""}.weather-icon i{position:absolute;right:4px;bottom:7px;width:17px;height:6px;background:#bdd5c8;box-shadow:-4px 2px #bdd5c8,3px 2px #bdd5c8}.town-clock>div{display:grid;min-width:100px}.town-clock strong{color:#fff0c8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:21px;font-weight:900;line-height:1;letter-spacing:.02em}.town-clock div span{margin-top:5px;color:#f2e8cdab;font-size:9px;white-space:nowrap}.temperature{align-self:stretch;padding:5px 0 0 9px;border-left:1px solid rgba(240,219,166,.18);color:#efcb77;font-family:ui-monospace,monospace;font-size:12px;font-weight:800}.arrival-card{position:absolute;z-index:5;top:98px;right:18px;width:248px;padding:15px}.quest-heading{display:flex;gap:11px;align-items:center}.quest-index{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid #c57559;color:#ffe4a0;background:#6f473f;box-shadow:inset 0 -5px #593c38;font-family:ui-monospace,monospace;font-size:14px;font-weight:900}.arrival-card h2{margin:2px 0 0;color:#fff0cb;font-size:15px;line-height:1.2}.quest-progress{height:5px;margin:13px 0 14px;background:#102f32;box-shadow:inset 0 0 0 1px #496d64}.quest-progress span{display:block;width:34%;height:100%;background:#e8bd63;box-shadow:inset 0 -2px #b97a4f}.arrival-card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}.arrival-card li{display:flex;gap:9px;align-items:center;color:#f8efd5b3}.arrival-card li>span:last-child{display:grid;min-width:0}.arrival-card li strong{font-size:10px;font-weight:780}.arrival-card li small{margin-top:2px;overflow:hidden;color:#ece3c978;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.arrival-card li.is-current strong{color:#fff0c9}.arrival-card li.is-current small{color:#d4c08a}.arrival-card .check,.arrival-card .step{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;border:1px solid #56796c;background:#1e4243;font-family:ui-monospace,monospace;font-size:9px;font-weight:900}.arrival-card .check{color:#1b3e3e;border-color:#82b777;background:#82b777}.arrival-card .step{color:#e8c873}.arrival-card .is-current .step{border-color:#d08a5f;color:#ffe2a0;background:#71483f}.quest-foot{display:flex;gap:7px;align-items:center;margin:14px 0 0;padding-top:11px;border-top:1px solid rgba(240,221,174,.14);color:#f2e7ca94;font-family:ui-monospace,monospace;font-size:8px}.quest-foot span{width:7px;height:7px;background:#e5bb63;box-shadow:2px -2px #f4d989}.town-status{position:absolute;z-index:5;right:18px;bottom:18px;display:flex;gap:9px;align-items:center;min-width:248px;padding:8px 10px}.status-avatar{position:relative;flex:0 0 32px;width:32px;height:32px;background:#d59a72;box-shadow:inset 0 8px #27343b,inset 0 -7px #e1a24d,0 0 0 2px #e5ce93}.status-avatar i,.status-avatar b{position:absolute;top:14px;width:3px;height:3px;background:#29373b}.status-avatar i{left:8px}.status-avatar b{right:8px}.town-status>span:not(.status-avatar){display:grid}.town-status small{color:#f0e3c285;font-size:7px}.town-status strong{margin-top:2px;color:#f8e8bf;font-size:9px}.status-rule{width:1px;height:27px;margin-left:auto;background:#f1deae29}.town-status .wallet strong{color:#efca72;font-family:ui-monospace,monospace}.message-panel{position:absolute;z-index:6;bottom:34px;left:50%;display:grid;grid-template-columns:52px minmax(0,1fr) 12px;gap:13px;align-items:center;width:min(610px,calc(100% - 570px));min-width:450px;min-height:86px;padding:12px 14px;transform:translate(-50%);border:2px solid #f0dba5;border-radius:3px;color:#34403c;background:#f1e2bd;box-shadow:0 0 0 3px #7c6850,7px 8px #18302e7a,inset 0 0 0 2px #fffae2b8,inset 0 -6px #dfcda7}.message-panel:before,.message-panel:after{position:absolute;width:7px;height:7px;background:#7c6850;content:""}.message-panel:before{top:-5px;left:-5px}.message-panel:after{right:-5px;bottom:-5px}.message-portrait{position:relative;width:50px;height:50px;overflow:hidden;border:2px solid #365957;background:#6a9b74;box-shadow:inset 0 -12px #c3a971,3px 3px #40403333}.message-portrait span{position:absolute;top:16px;left:14px;width:22px;height:24px;background:#d99a70;box-shadow:0 -8px #273039,-4px -3px #273039,4px -3px #273039,0 12px #e2a44d}.message-portrait i,.message-portrait b{position:absolute;z-index:1;top:24px;width:3px;height:3px;background:#24343a}.message-portrait i{left:19px}.message-portrait b{left:29px}.message-copy{min-width:0}.speaker-line{display:flex;gap:8px;align-items:baseline;margin-bottom:5px}.speaker-line strong{overflow:hidden;color:#315853;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.speaker-line span{flex:0 0 auto;color:#987557;font-family:ui-monospace,monospace;font-size:7px;font-weight:800;letter-spacing:.1em}.message-panel p{margin:0;font-size:11px;font-weight:620;line-height:1.55}.message-next{align-self:end;margin-bottom:3px;color:#b66b50;font-size:8px;animation:next-pulse 1.2s steps(2,end) infinite}.interaction-prompt{position:absolute;z-index:7;bottom:138px;left:50%;display:flex;gap:9px;align-items:center;max-width:calc(100% - 40px);padding:7px 11px 7px 7px;transform:translate(-50%,8px);border:1px solid rgba(248,225,172,.4);border-radius:3px;color:#fff4d7c2;background:#163436eb;box-shadow:3px 4px #0c202259;opacity:.7;transition:.14s steps(2,end);font-size:10px;pointer-events:none;white-space:nowrap}.interaction-prompt.is-visible{transform:translate(-50%);color:#fff1cb;opacity:1}.key-cap{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border:1px solid #b48c5f;color:#34514d;background:#f0d999;box-shadow:inset 0 -4px #c7a96d;font-family:ui-monospace,monospace;font-size:10px;font-weight:900}.touch-controls,.action-button{display:none}.desktop-help,.weather-note{position:absolute;z-index:5;left:18px;display:flex;gap:9px;align-items:center;padding:7px 9px;color:#f8eac7a3;font-size:8px}.desktop-help{bottom:18px}.desktop-help kbd{color:#f3d681;font-family:ui-monospace,monospace;font-size:8px}.desktop-help i{width:3px;height:3px;background:#f2da9d80}.weather-note{bottom:57px}.wind-pixels{width:18px;height:2px;background:#a9cbbb;box-shadow:5px -4px #a9cbbb,-3px 4px #6fa08c}.loading-screen,.error-screen{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;color:#f5e6bd;background:#18383a}.loading-screen:before{width:100px;height:4px;margin-bottom:18px;background:#274e4d;box-shadow:inset 0 0 0 1px #426d61;content:""}.loading-screen p{margin:18px 0 0;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.08em}.loading-pixels{width:10px;height:10px;background:#ecc66e;box-shadow:16px 0 #78a96f,32px 0 #d77f62;animation:pixel-hop .8s steps(2,end) infinite}.error-screen{gap:8px;padding:30px;color:#f8d9c8;background:#4a302e;text-align:center}.error-screen span{max-width:560px;color:#f8dfd2b3;font-size:10px}@keyframes pixel-hop{50%{transform:translateY(-7px)}}@keyframes next-pulse{50%{transform:translateY(3px)}}@media(max-width:920px),(pointer:coarse){.arrival-card,.town-status,.desktop-help,.weather-note{display:none}.message-panel{bottom:122px;width:min(500px,calc(100% - 190px));min-width:0}.interaction-prompt{bottom:222px}.touch-controls{position:absolute;z-index:8;bottom:18px;left:18px;display:grid;grid-template:repeat(3,46px) / repeat(3,46px);gap:2px;touch-action:none}.move-button,.move-center{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(248,224,169,.46);border-radius:3px;color:#f9e8bb;background:#183738f0;box-shadow:inset 0 -6px #173e40,3px 4px #091d1f57;touch-action:none;user-select:none}.move-button{cursor:pointer}.move-button:active{transform:translateY(3px);color:#274946;background:#e5c873;box-shadow:inset 0 -3px #ba945c}.move-button:disabled,.action-button:disabled{opacity:.45}.move-north{grid-area:1 / 2}.move-west{grid-area:2 / 1}.move-center{grid-area:2 / 2;border-color:#f8e0a933;background:linear-gradient(90deg,transparent 20px,rgba(239,204,119,.2) 21px 24px,transparent 25px),linear-gradient(transparent 20px,rgba(239,204,119,.2) 21px 24px,transparent 25px),#143032e8}.move-east{grid-area:2 / 3}.move-south{grid-area:3 / 2}.move-button span{font-family:ui-monospace,monospace;font-size:11px;text-shadow:1px 2px #183638}.action-button{position:absolute;z-index:8;right:24px;bottom:32px;display:grid;gap:2px;width:78px;height:78px;place-content:center;border:2px solid #f0d58d;border-radius:50%;color:#fff0c5;background:#477462;box-shadow:inset 0 -9px #315c55,inset 0 0 0 4px #75a3896b,5px 6px #091e1f57;touch-action:manipulation}.action-button:before,.action-button:after{position:absolute;width:8px;height:8px;background:#efc970;content:""}.action-button:before{top:6px;left:8px}.action-button:after{right:8px;bottom:8px}.action-button:active{transform:translateY(3px);box-shadow:inset 0 -5px #315c55,inset 0 0 0 4px #75a3896b,3px 3px #091e1f57}.action-button span:last-child{font-size:9px}.action-glyph{font-family:ui-monospace,monospace;font-size:19px;font-weight:900}}@media(max-width:600px){.app-shell{padding:0}.game-frame{border:0;border-radius:0;box-shadow:none}.game-frame:before,.game-frame:after{display:none}.town-header{top:max(10px,env(safe-area-inset-top));left:10px;min-width:0;min-height:54px;padding:7px 9px 7px 7px}.town-header:after{display:none}.brand-mark{flex-basis:38px;width:38px;height:38px;margin-right:8px}.brand-mark span:nth-child(1){top:12px;left:16px;width:6px;height:19px}.brand-mark span:nth-child(2){top:6px;left:5px;width:28px;height:10px;box-shadow:4px -3px #4e865e,-1px 7px #5b9565,16px 6px #2e614b}.town-header h1{font-size:17px}.town-header .eyebrow{font-size:6px}.location-line{max-width:108px;margin-top:4px;font-size:8px}.town-clock{top:max(10px,env(safe-area-inset-top));right:10px;min-width:0;min-height:54px;padding:8px 9px}.weather-icon,.temperature{display:none}.town-clock>div{min-width:84px}.town-clock strong{font-size:17px}.town-clock div span{max-width:84px;overflow:hidden;font-size:7px;text-overflow:ellipsis}.message-panel{right:12px;bottom:calc(166px + env(safe-area-inset-bottom));left:12px;grid-template-columns:42px minmax(0,1fr) 8px;gap:9px;width:auto;min-height:84px;padding:10px 11px;transform:none}.message-portrait{width:40px;height:46px}.message-portrait span{top:15px;left:11px;width:18px;height:22px}.message-portrait i{top:23px;left:15px}.message-portrait b{top:23px;left:24px}.message-panel p{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:3}.speaker-line{margin-bottom:3px}.speaker-line strong{font-size:9px}.speaker-line span{display:none}.interaction-prompt{bottom:calc(270px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);overflow:hidden;font-size:9px;text-overflow:ellipsis}.touch-controls{bottom:max(14px,env(safe-area-inset-bottom));left:14px}.action-button{right:18px;bottom:max(28px,calc(18px + env(safe-area-inset-bottom)))}}@media(max-width:380px){.town-header .eyebrow,.location-line{display:none}.town-header{padding-right:10px}.town-clock>div,.town-clock div span{max-width:72px;min-width:72px}}@media(prefers-reduced-motion:reduce){.loading-pixels,.message-next{animation:none}.interaction-prompt{transition:none}}html.blind-review body *:not(canvas),html.blind-review body *:not(canvas):before,html.blind-review body *:not(canvas):after{color:transparent!important;text-shadow:none!important;caret-color:transparent!important}