:root{color:#f8f1db;background:#102b29;font-family:Inter,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:radial-gradient(circle at 50% -10%,rgba(100,161,132,.22),transparent 45%),#102b29}button{color:inherit;font:inherit}.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:1px solid rgba(238,232,199,.26);border-radius:24px;background:#173c38;box-shadow:0 32px 90px #04131285,inset 0 0 0 1px #ffffff0a}.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{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,35,32,.22),transparent 18%,transparent 76%,rgba(7,24,23,.4)),radial-gradient(circle at 50% 48%,transparent 58%,rgba(9,30,28,.32) 100%)}.hud-card{border:1px solid rgba(251,241,211,.22);background:#13312ee0;box-shadow:0 16px 40px #071d1b47,0 4px 12px #071d1b29,inset 0 1px #ffffff0f;backdrop-filter:blur(14px)}.town-header{position:absolute;z-index:5;top:18px;left:18px;display:flex;align-items:center;min-width:248px;padding:13px 16px 13px 13px;border-radius:16px}.brand-mark{position:relative;width:44px;height:44px;margin-right:12px;overflow:hidden;border:2px solid #eadcaa;border-radius:11px;background:#74a764;box-shadow:inset 0 -12px #c9b079,inset 0 1px #ffffff26,0 2px 8px #00000026;image-rendering:pixelated}.brand-mark span{position:absolute;display:block;background:#f5e5b9}.brand-mark span:nth-child(1){top:8px;left:18px;width:8px;height:25px;background:#7b5540}.brand-mark span:nth-child(2){top:6px;left:9px;width:26px;height:17px;border-radius:8px 8px 3px 3px;background:#3f7d50}.brand-mark span:nth-child(3){right:4px;bottom:5px;width:7px;height:7px;background:#f0cc6b}.eyebrow{margin:0 0 2px;color:#e4c978;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.16em}.town-header h1{margin:0;color:#fff8df;font-size:23px;font-weight:780;letter-spacing:.08em;line-height:1.05}.location-line{display:flex;gap:6px;align-items:center;margin:5px 0 0;color:#f4eed9b8;font-size:11px}.live-dot{width:6px;height:6px;border-radius:1px;background:#8fc982;box-shadow:0 0 0 3px #8fc98221}.town-clock{position:absolute;z-index:5;top:18px;right:18px;display:flex;gap:10px;align-items:center;min-width:178px;padding:12px 14px;border-radius:16px}.weather-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,226,139,.26);border-radius:10px;color:#ffdc78;background:#e1b0411f;font-size:21px}.town-clock div{display:grid}.town-clock strong{color:#fff5d4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;line-height:1}.town-clock span:last-child{margin-top:5px;color:#f4eed9b3;font-size:10px}.arrival-card{position:absolute;z-index:5;top:102px;right:18px;width:218px;padding:16px;border-radius:18px}.arrival-card h2{margin:5px 0 14px;color:#fff8df;font-size:16px}.arrival-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.arrival-card li{display:flex;gap:9px;align-items:center;color:#f8f2dcd1;font-size:11px}.arrival-card .check,.arrival-card .step{display:grid;flex:0 0 21px;width:21px;height:21px;place-items:center;border:1px solid rgba(244,232,191,.25);border-radius:6px;font-family:ui-monospace,monospace;font-size:10px}.arrival-card .check{color:#173c38;border-color:#8cc67d;background:#8cc67d}.arrival-card .step{color:#e8d290}.prototype-note{margin:14px 0 0;padding-top:11px;border-top:1px solid rgba(248,236,202,.12);color:#f2ead080;font-size:9px}.asset-boundary{position:absolute;z-index:5;right:18px;bottom:18px;display:flex;gap:8px;align-items:center;padding:8px 11px;border-radius:10px;color:#faf2d7a3;font-size:9px}.pixel-swatch{width:10px;height:10px;background:#e8c870;box-shadow:4px -4px #6aa06a}.message-panel{position:absolute;z-index:6;bottom:34px;left:50%;width:min(500px,calc(100% - 500px));min-width:360px;padding:17px 20px 16px;transform:translate(-50%);border:2px solid #ead9a8;border-radius:14px;color:#3d392f;background:linear-gradient(180deg,#f8efd5,#f3e8c9);box-shadow:0 2px #d9c594,0 11px #3e433442,0 20px 38px #0a1f1c47,inset 0 1px #fff6,inset 0 0 0 3px #725b3b1f}.speaker-chip{position:absolute;top:-12px;left:15px;padding:4px 10px;border:2px solid #ead9a8;border-radius:7px;color:#f8edcf;background:linear-gradient(180deg,#4d7569,#42685d);box-shadow:0 1px #5a8577,0 2px #3a5750,0 3px #2f4742,0 5px 8px #0f232059,inset 0 1px #fff3,inset 0 -1px #00000040;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.message-panel p{margin:0;font-size:12px;font-weight:580;line-height:1.55}.interaction-prompt{position:absolute;z-index:7;bottom:120px;left:50%;display:flex;gap:9px;align-items:center;padding:8px 12px 8px 8px;transform:translate(-50%,8px);border:2px solid rgba(252,241,207,.35);border-radius:999px;color:#fff9e4b8;background:#143330e0;opacity:.74;backdrop-filter:blur(10px);box-shadow:0 2px #00000026,0 4px 12px #081c1a66,inset 0 1px #ffffff1f,inset 0 -1px #0003;transition:.14s ease;font-size:11px;pointer-events:none}.interaction-prompt.is-visible{transform:translate(-50%);color:#fff7dc;opacity:1;box-shadow:0 3px #0003,0 6px 16px #081c1a80,inset 0 1px #ffffff2e,inset 0 -1px #00000040}.key-cap{display:grid;width:25px;height:25px;place-items:center;border:2px solid #ead6a0;border-radius:7px;color:#3f4b3e;background:linear-gradient(180deg,#f5e5be,#f0dfb2,#e8d4a3);box-shadow:0 1px #d9c28a,0 2px #c5ae79,0 3px #b39b68,0 5px 8px #483a204d,inset 0 1px #fff9,inset 0 -1px #00000026;font-family:ui-monospace,monospace;font-size:10px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.5)}.touch-controls,.action-button{display:none}.desktop-help{position:absolute;z-index:5;bottom:18px;left:18px;display:flex;gap:9px;align-items:center;padding:8px 10px;border-radius:10px;color:#faf2d7ad;background:#122a2780;backdrop-filter:blur(6px);box-shadow:0 2px 6px #08161440,inset 0 1px #ffffff14;font-size:9px}.desktop-help i{width:3px;height:3px;border-radius:50%;background:#f2e2b173}.loading-screen,.error-screen{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;color:#f5e9c6;background:#183d39}.loading-screen p{margin:18px 0 0;font-size:12px;letter-spacing:.08em}.loading-pixels{width:12px;height:12px;background:#e6ca73;border-radius:2px;box-shadow:18px 0 #79aa6c,36px 0 #db8a61,0 1px 2px #0000004d,18px 1px 2px #0000004d,36px 1px 2px #0000004d;animation:pixel-hop .8s steps(2,end) infinite}.error-screen{gap:8px;padding:30px;color:#f8dfd2;background:#472f2c;text-align:center}.error-screen span{max-width:560px;color:#f8dfd2b3;font-size:11px}@keyframes pixel-hop{50%{transform:translateY(-8px)}}@media(max-width:920px),(pointer:coarse){.arrival-card,.asset-boundary,.desktop-help{display:none}.message-panel{bottom:116px;width:min(460px,calc(100% - 188px));min-width:0}.interaction-prompt{bottom:197px}.touch-controls{position:absolute;z-index:8;bottom:18px;left:18px;display:grid;grid-template:repeat(3,42px) / repeat(3,42px);gap:3px;touch-action:none}.move-button,.move-center{display:grid;width:42px;height:42px;place-items:center;border:2px solid rgba(248,235,199,.35);color:#fff6dbe6;background:linear-gradient(180deg,#163633d9,#12302dd1);box-shadow:0 1px #0003,0 3px 8px #05141259,inset 0 1px #ffffff1a,inset 0 -4px #051a184d;backdrop-filter:blur(10px);touch-action:none;user-select:none;transition:80ms ease}.move-button{cursor:pointer}.move-button:active{transform:translateY(3px);color:#2d5650;background:linear-gradient(180deg,#f0d9a0,#e5ce8f);box-shadow:0 0 #0003,0 1px 3px #0514124d,inset 0 1px #ffffff80,inset 0 -2px #48412b47;text-shadow:0 1px 0 rgba(255,255,255,.3)}.move-button:disabled,.action-button:disabled{opacity:.45}.move-north{grid-area:1 / 2;border-radius:10px 10px 5px 5px}.move-west{grid-area:2 / 1;border-radius:10px 5px 5px 10px}.move-center{grid-area:2 / 2;border-radius:5px;opacity:.82}.move-east{grid-area:2 / 3;border-radius:5px 10px 10px 5px}.move-south{grid-area:3 / 2;border-radius:5px 5px 10px 10px}.move-button span{font-family:ui-monospace,monospace;font-size:11px}.action-button{position:absolute;z-index:8;right:24px;bottom:32px;display:grid;gap:3px;width:74px;height:74px;place-content:center;border:3px solid rgba(255,239,194,.6);border-radius:50%;color:#f9edc9;background:linear-gradient(180deg,#4d7569,#44695b,#3d6154);box-shadow:0 2px #0003,0 4px #00000026,0 6px #0000001a,0 10px 20px #081f1c59,inset 0 2px #ffffff26,inset 0 -7px #13353066;touch-action:manipulation;transition:80ms ease;text-shadow:0 1px 3px rgba(0,0,0,.5)}.action-button:active{transform:translateY(4px);box-shadow:0 0 #0003,0 1px #00000026,0 2px #0000001a,0 4px 12px #081f1c4d,inset 0 1px #ffffff1f,inset 0 -3px #13353066}.action-button span:last-child{font-size:10px}.action-glyph{font-family:ui-monospace,monospace;font-size:18px;font-weight:900}}@media(max-width:600px){.app-shell{padding:0}.game-frame{border:0;border-radius:0}.town-header{top:max(10px,env(safe-area-inset-top));left:10px;min-width:0;padding:9px 11px 9px 9px;border-radius:13px}.brand-mark{width:36px;height:36px;margin-right:9px;border-radius:8px}.brand-mark span:nth-child(1){top:7px;left:14px;width:7px;height:20px}.brand-mark span:nth-child(2){top:5px;left:7px;width:22px;height:15px}.town-header h1{font-size:18px}.eyebrow{font-size:7px}.location-line{margin-top:3px;font-size:9px}.town-clock{top:max(10px,env(safe-area-inset-top));right:10px;min-width:0;padding:9px 10px;border-radius:13px}.weather-icon{display:none}.town-clock strong{font-size:17px}.town-clock span:last-child{max-width:80px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.message-panel{right:12px;bottom:calc(149px + env(safe-area-inset-bottom));left:12px;width:auto;min-height:72px;padding:15px 15px 13px;transform:none}.message-panel p{display:-webkit-box;overflow:hidden;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.interaction-prompt{bottom:calc(229px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);white-space:nowrap}.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 span:last-child{max-width:62px}.interaction-prompt{overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.loading-pixels{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}