:root{font-family:Arial,Helvetica,sans-serif;color:#203b36;background:#b4d7d6;--cream:#fff9e9;--ink:#183f36;--red:#c83a2d;--gold:#ebba53}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;min-height:46px;border:0;border-radius:8px;padding:12px 18px;font-weight:700;color:var(--ink);background:var(--cream);transition:background .16s,transform .16s}button:hover{background:#f0ddb0;transform:translateY(-1px)}button:focus-visible{outline:3px solid #f5bc42;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}button.primary{background:var(--red);color:white;width:100%;padding:17px 24px;text-align:left;font-size:18px}button.primary:hover{background:#a92c24}.secondary{margin-top:12px;background:#e7e2d3;width:100%}[hidden]{display:none!important}#game{position:fixed;width:100%;height:100%;inset:0;display:block}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}header{display:flex;align-items:center;gap:20px;padding:24px 30px}.brand{display:flex;flex-direction:column;color:var(--ink);text-shadow:0 1px 10px #eaffef}.brand b{font-size:36px;letter-spacing:-2px;line-height:1}.brand em{font-style:normal;color:var(--red)}.brand span{font-size:8px;letter-spacing:1.4px;margin-top:6px;font-weight:800}.district{margin-left:auto;text-align:right;font-size:13px;font-weight:800;letter-spacing:1.5px}.district small{display:block;font-size:10px;letter-spacing:1px;margin-top:6px}#pause{font-size:22px;width:48px;padding:8px;background:#fff9e9dd}#route{position:absolute;left:30px;top:113px;width:278px;background:#fff9e9ef;padding:22px;border-radius:12px;box-shadow:0 8px 30px #16372c15}.eyebrow{font-weight:800;font-size:10px;letter-spacing:2px;color:#617761}h2{font-size:23px;line-height:1.13;margin:9px 0 21px;letter-spacing:-.8px}.task{display:flex;justify-content:space-between;font-size:13px;line-height:2.3}.progress{height:5px;background:#dfe4ce;border-radius:8px;margin:12px 0}.progress i{display:block;width:0;height:100%;background:#38896a;border-radius:8px;transition:width .3s}#objective{font-size:12px;line-height:1.5;color:#596552;min-height:36px}.stats{border-top:1px solid #dedecd;padding-top:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px}.stats b{font-size:19px;display:block;letter-spacing:-.5px;margin-bottom:3px}#mapPanel{position:absolute;right:30px;top:113px;background:#fff9e9e8;padding:8px;border-radius:12px;box-shadow:0 8px 30px #16372c15}#mapPanel canvas{width:132px;height:161px;display:block}#mapPanel div{font-size:8px;font-weight:800;padding:5px}#mapPanel span{margin-left:10px;color:#994336}footer{position:absolute;bottom:22px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#fff9e9;text-shadow:0 1px 3px #183f36}footer>div{padding:12px 16px;border-radius:8px;background:#183f36d9}kbd{font:700 10px Arial;padding:3px 6px;background:#fff9e928;border:1px solid #fff9e949;border-radius:3px;margin:0 4px 0 12px}kbd:first-child{margin-left:0}#sound{font-size:11px;background:#fff9e9e8}#prompt{position:absolute;bottom:102px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#183f36ed;color:var(--cream);border-radius:9px;text-align:center;font-size:15px;box-shadow:0 8px 30px #16372c33;max-width:90vw}#prompt kbd{background:var(--cream);color:var(--ink);font-size:13px}#toast{position:absolute;top:95px;left:50%;transform:translateX(-50%);background:#183f36e8;color:var(--cream);padding:14px 22px;border-radius:8px;max-width:440px;font-size:14px;line-height:1.4;text-align:center;opacity:0;transition:opacity .25s}#toast.show{opacity:1}.overlay{position:fixed;inset:0;display:flex;align-items:center;padding:6vw;background:linear-gradient(90deg,#e9eed9f7 0%,#e9eed9f2 29%,#e9eed995 51%,#e9eed900 75%)}.intro{width:min(470px,100%)}h1{font-size:clamp(42px,5.4vw,78px);line-height:.99;letter-spacing:-4px;margin:25px 0 22px;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:normal;font-style:italic;color:#456643;letter-spacing:-3px}.intro>p{font-size:17px;line-height:1.6;margin:0 0 26px;max-width:400px}.character{display:flex;align-items:center;gap:14px;border-top:1px solid #b9c7ae;padding:20px 0}.portrait{width:65px;height:76px;background:#888 url('assets/jason-reference.png') 76% 46%/auto 120%;border-radius:10px;box-shadow:0 3px 10px #203b3615}.character strong{font-size:15px;letter-spacing:2px;display:block}.character span{display:block;font-size:12px;margin:5px 0;color:#475e4c}.character small{font-size:10px;letter-spacing:.3px;color:#647763}.intro p.hint,.hint{font-size:11px;line-height:1.7;color:#687961;margin:16px 0 0}.intro #loadstatus{font-size:11px;margin:10px 0 0;color:#536c4f}.intro-note{position:absolute;right:5vw;bottom:9vh;color:#fff9e9;text-shadow:0 2px 16px #183f36}.intro-note span{font-size:10px;font-weight:700;letter-spacing:2px}.intro-note h3{font:italic 31px Georgia;line-height:1.12;margin:13px 0}.intro-note p{font-size:12px}.modal{background:#183f3677;backdrop-filter:blur(5px);justify-content:center;padding:24px}.dialog-card{background:var(--cream);padding:34px;border-radius:16px;width:min(510px,100%);max-height:90dvh;overflow:auto;box-shadow:0 18px 80px #082c3a33}.dialog-card h2{font-size:32px;letter-spacing:-1px;margin:12px 0 16px}.dialog-card p{font-size:15px;line-height:1.6}.dialog-card .hint{font-size:11px}#choices{display:grid;gap:9px;margin-top:23px}#choices button{background:#e9eadb;text-align:left;font-size:14px;font-weight:600;line-height:1.4}#choices button:hover{background:#d6dfc9}#stars{font-size:40px;letter-spacing:10px;color:#ae7317;margin:22px 0}#resultStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0 28px}#resultStats strong{font-size:27px;display:block}#resultStats span{font-size:10px;letter-spacing:1px}#touch{display:none}@media(max-width:850px){header{padding:16px}.brand b{font-size:28px}.brand span{font-size:6px}.district{font-size:10px}#route{left:16px;top:85px;width:210px;padding:15px}#route h2{font-size:19px}#mapPanel{right:16px;top:85px}#mapPanel canvas{width:90px;height:110px}#mapPanel div{font-size:6px;padding:2px}footer{left:16px;right:16px;bottom:16px}footer>div{display:none}#sound{margin-left:auto}.intro-note{display:none}.overlay{padding:30px;background:linear-gradient(90deg,#e9eed9f7,#e9eed9cf 60%,#e9eed920)}h1{letter-spacing:-2px}.intro{max-width:440px}#toast{top:auto;bottom:165px;width:80%;font-size:12px}#prompt{bottom:105px;font-size:12px;padding:12px 16px}.dialog-card{padding:24px}.dialog-card h2{font-size:27px}}@media(pointer:coarse){#touch{display:flex;position:absolute;bottom:24px;left:18px;right:18px;align-items:end;gap:12px;pointer-events:auto}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:5px;margin-right:auto}.dpad button{padding:8px;min-height:44px;background:#fff9e9c9;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}#touchAction,#touchCar{background:#fff9e9db;touch-action:none}footer{bottom:130px}#prompt{bottom:148px}}@media(max-height:670px){.intro h1{font-size:45px;margin:15px 0}.intro>p{font-size:14px;margin-bottom:10px}.character{padding:12px 0}.intro p.hint{margin-top:9px}.portrait{height:55px;width:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}