@font-face{font-family:system;src:local("Arial")}*{box-sizing:border-box}:root{--ink:#e9eddf;--muted:#a5b1ad;--panel:#13232df2;--line:#ffffff21;--accent:#8bd6b8;--gold:#f0cb85;--red:#e78887;font:14px/1.45 system-ui,sans-serif;color:var(--ink);background:#15262d}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{background:#263a43;border:1px solid var(--line);padding:8px 11px;border-radius:6px;cursor:pointer;transition:background .15s}button:hover{background:#3c555b}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.selected,.primary{background:#95dabd;color:#172d2b;border-color:#b5f0d4}.subtle{background:transparent;color:var(--muted)}input,select,textarea{background:#0d1c24;border:1px solid #5e777b;padding:8px;border-radius:5px;max-width:100%}textarea{width:100%;resize:vertical}select{max-width:260px}h1,h2,h3,p{margin:0 0 12px}h2{font-size:20px}h3{font-size:17px}small{font-size:11px}#game,#overlay{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;touch-action:none}#overlay{pointer-events:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}[hidden]{display:none!important}.hud{position:absolute;left:24px;top:22px;display:flex;gap:24px;align-items:flex-start;pointer-events:none!important}.wordmark{font-weight:950;letter-spacing:-1.5px;font-size:28px;line-height:1.1;width:150px;text-shadow:0 2px 5px #0008}.wordmark:after{content:"CITY STORIES";display:block;letter-spacing:4px;font-size:9px;font-weight:500;margin-top:7px;color:#c9e2cc}.vitals{display:grid;gap:3px;width:190px;background:#14252de8;padding:10px 14px;border:1px solid var(--line);border-radius:9px}.vitals span{font-weight:700}.vitals small{color:#c4d6cf}meter,progress{width:100%;height:6px;border:0;accent-color:#93d2ae;background:#ffffff20;border-radius:3px}meter::-webkit-meter-bar{background:#ffffff20;border:0}meter::-webkit-meter-optimum-value{background:#93d2ae}progress::-webkit-progress-bar{background:#ffffff20}progress::-webkit-progress-value{background:#efc987}.quest-card{position:absolute;right:22px;top:22px;width:270px;background:var(--panel);padding:17px 20px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 25px #0002}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:9px;font-weight:800;margin-bottom:8px}.quest-card p{margin:0;font-size:12px;color:#c2cdc6}.quest-card h3{margin-bottom:6px}.minimap{position:absolute;right:24px;top:155px;border:5px solid #15262de6;border-radius:9px;image-rendering:pixelated;box-shadow:0 5px 20px #0003}.nav{position:absolute;right:22px;bottom:22px;display:flex;gap:6px}.nav button{background:#16262ded;font-size:12px}.chat{position:absolute;bottom:22px;left:22px;width:320px;font-size:12px}.chat-log{height:112px;overflow:auto;padding:8px 12px;background:linear-gradient(transparent,#11212adc);border-radius:8px;text-shadow:0 1px 2px #000}.chat-log b{color:var(--accent);font-size:10px;margin-right:6px}.chat input{width:100%;background:#13232de3;font-size:12px}.hotbar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:5px;padding:6px;background:#102128cc;border:1px solid var(--line);border-radius:10px}.slot{width:45px;height:45px;padding:5px;position:relative;display:grid;place-items:center;background:#20363fde}.slot small{position:absolute;right:3px;bottom:0;font-size:10px;color:var(--gold)}.slot canvas{width:28px;height:28px;image-rendering:pixelated}.panel{position:absolute;top:120px;left:50%;transform:translate(-50%);width:440px;max-width:calc(100vw - 24px);max-height:calc(100vh - 145px);overflow:auto;background:var(--panel);border:1px solid #8da89d70;border-radius:12px;padding:20px;box-shadow:0 15px 70px #0008;z-index:20;backdrop-filter:blur(14px)}.panel>button{margin:4px 4px 4px 0}.toolbar{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.toolbar button{padding:5px 8px;font-size:12px}.field{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:8px 0;font-size:12px}.field input[type=number]{width:85px}.field input[type=checkbox]{accent-color:var(--accent)}.inventory-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:14px 0}.inventory-grid .slot{width:100%;height:42px}.equipment{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.equip-slot{font-size:10px;padding:8px 4px;min-height:44px;color:#bccec6}.dialogue{top:auto;bottom:105px;width:520px;border-top:3px solid var(--gold)}.dialogue p{font-size:15px;line-height:1.65}.tile-editor{left:auto;right:14px;top:14px;transform:none;width:390px;max-height:calc(100vh - 28px);z-index:30;padding:16px}.tile-editor .palette{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin:10px 0;max-height:300px;overflow:auto}.tile{padding:0;background:#2f4043;border-radius:1px;line-height:0}.tile canvas{image-rendering:pixelated;width:100%;height:auto}.tile-editor p{font-size:11px;margin-bottom:8px}.tile-editor select{max-width:240px}.animation-editor{width:570px;z-index:35}.animation-editor>canvas:first-of-type{float:left;border:1px solid var(--line);margin:0 18px 15px 0;background:#314a4b;image-rendering:pixelated}.sheet-grid{clear:both;display:block;width:256px;max-width:100%;image-rendering:pixelated;border:1px solid var(--line);background:#34494d;margin:12px 0}.timeline{display:flex;gap:4px;overflow:auto;clear:both;padding:7px 0}.timeline canvas{background:#294045;border:1px solid #75998d;image-rendering:pixelated;cursor:grab}.toast{position:absolute;top:110px;left:50%;transform:translate(-50%);background:#edf2dc;color:#18382b;border-radius:7px;padding:10px 18px;z-index:90;box-shadow:0 5px 20px #0005}.login{inset:0;position:absolute;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#0b1e27f5,#1429339e 65%,#13242a88);z-index:50}.login-card{width:min(560px,90vw);padding:40px;border:1px solid #a5c2b545;background:#13272edb;border-radius:20px;box-shadow:0 30px 90px #0005}.login h1{font-size:clamp(46px,9vw,80px);font-weight:950;line-height:.9;letter-spacing:-5px;margin:20px 0}.login .subtitle{color:var(--gold);font-size:22px;letter-spacing:5px;font-weight:300;margin:12px 0 25px}.login p{color:#c2d2c7;max-width:380px;line-height:1.8}.login input{width:100%;padding:12px;margin:14px 0 10px}.login button{width:100%;padding:13px;font-weight:700}.login small{display:block;margin-top:16px;color:#a7b9b1}.touch-controls{display:none;position:absolute;left:20px;bottom:105px;gap:5px;z-index:10}.touch-controls button{width:48px;height:48px;touch-action:none;background:#192d35cc}.touch-actions{display:none;position:absolute;right:20px;bottom:105px;gap:10px}.touch-actions button{width:65px;height:55px;touch-action:none}.footer-hint{position:absolute;bottom:84px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px;color:#e0e8d3;text-shadow:0 2px 4px #000;pointer-events:none!important}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shop-grid button{text-align:left;font-size:12px}.npc-script{width:520px}.fatal{position:absolute;inset:15%;padding:30px;background:var(--panel);color:#ffc8b2;white-space:pre-wrap;overflow:auto;z-index:100}@media(pointer:coarse){.touch-controls,.touch-actions{display:flex}.chat,.footer-hint{display:none}.hotbar{bottom:18px}}@media(max-width:760px){.hud{left:12px;top:12px;gap:10px}.wordmark{font-size:21px;width:115px}.vitals{width:155px;padding:7px 10px;font-size:11px}.quest-card{right:12px;top:112px;width:205px;padding:12px}.minimap{display:none}.nav{right:10px;bottom:78px;gap:3px}.nav button{font-size:10px;padding:7px}.hotbar{bottom:16px}.chat{width:220px;bottom:88px;left:10px}.chat-log{height:70px}.footer-hint{display:none}.panel{top:100px;max-height:calc(100vh - 115px)}.tile-editor{top:10px;width:330px;max-height:calc(100vh - 20px)}.dialogue{top:auto;bottom:155px}.login-card{padding:28px}.login h1{letter-spacing:-3px}.touch-controls{left:12px;bottom:145px}.touch-actions{bottom:145px;right:12px}.quest-card{pointer-events:none!important}}.account-panel,.account-signed-in{display:grid;gap:10px;min-width:0}.account-panel h2{margin:0;font-size:18px}.account-form{display:grid;gap:10px}.account-form input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#0b1620;color:var(--ink)}.account-form button.link,.account-panel button.link{background:none;border:0;color:var(--accent);padding:4px 0;text-align:left;cursor:pointer;font:inherit}.account-message{margin:0;min-height:1.2em;color:var(--accent)}.account-message.error{color:var(--red)}.account-signed-in p{margin:0}.panel.city-panel{top:90px;max-height:calc(100dvh - 110px);padding-top:50px}.panel.city-guide{width:970px}.city-close{position:absolute;right:15px;top:12px}.city-guide-layout{display:grid;grid-template-columns:minmax(250px,1fr) 300px;gap:20px}.city-guide-map{display:block;width:100%;height:auto;image-rendering:pixelated;border:1px solid #7aa08c;border-radius:8px;cursor:crosshair}.city-directory{max-height:510px;overflow:auto}.city-directory input{width:100%;margin-bottom:10px;position:sticky;top:0}.city-directory button{display:block;width:100%;text-align:left;margin-bottom:6px}.city-directory small{display:block;color:#a9bdb0;margin-top:3px}.job-entry{border-top:1px solid #ffffff20;padding:14px 0}.job-entry p{color:#c1d1c6;font-size:12px;margin-bottom:6px}.job-entry small{color:#efca89;display:block}.job-entry button{margin-top:8px}.fishing-bar{position:relative;width:100%;height:32px;background:#33474f;overflow:hidden;border-radius:6px;margin:20px 0}.fishing-zone{position:absolute;left:42%;width:32%;height:100%;background:#89bf93}.fishing-cursor{position:absolute;left:0;top:0;width:4px;height:100%;background:#fff2ce;box-shadow:0 0 4px #0d2224}.location-badge{position:absolute;right:24px;top:294px;max-width:280px;background:#14252de8;border:1px solid #ffffff21;border-radius:6px;padding:7px 11px;color:#f2d8a3;font-size:11px;pointer-events:none!important}@media(max-width:760px){.panel.city-panel{top:90px;max-height:calc(100dvh - 105px)}.city-guide-layout{grid-template-columns:1fr}.city-guide-map{width:min(100%,350px);margin:auto}.city-directory{max-height:240px}.location-badge{top:90px;left:12px;right:auto;max-width:calc(100vw - 24px);font-size:10px}.nav{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 20px)}}