*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#35151c;color:#fff6e7;font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #edc887;outline-offset:4px}button svg{pointer-events:none}#game{width:100%;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,9,11,.48),transparent 20%,transparent 73%,rgba(28,10,13,.55))}.hud{position:absolute;top:max(25px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-shadow:0 2px 10px #2f151a70}.brand>svg{width:30px;height:34px;fill:none;stroke:#f0d3a2;stroke-width:1.6}.brand>div{display:flex;align-items:baseline;gap:7px}.brand span{font-family:Georgia,serif;letter-spacing:.13em;font-size:20px}.brand em{font-family:Georgia,serif;font-size:25px;color:#e8c691;font-weight:normal}.wallet{display:flex;gap:10px;align-items:center;background:#32161bc9;padding:10px 16px;border:1px solid #e9c38d40;border-radius:16px;min-width:112px;box-shadow:0 4px 16px #21101410}.wallet svg{width:24px;height:24px;fill:#e6bd7e;stroke:#f5dbaf;stroke-width:1}.wallet small{display:block;font-size:8px;font-weight:600;letter-spacing:.17em;color:#d7bb9d;margin-bottom:2px}.wallet strong{font-size:20px;line-height:1;font-variant-numeric:tabular-nums;font-weight:600}.utilities{position:absolute;left:max(30px,env(safe-area-inset-left));top:103px;display:flex;gap:7px}.utility{border:1px solid #f6dfba38;border-radius:12px;background:#361c22b3;color:#f5e7d6;height:40px;display:flex;align-items:center;gap:8px;padding:0 13px;font-size:12px;box-shadow:0 3px 10px #35131a12}.utility svg{height:18px;width:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.utility.square{width:40px;justify-content:center;padding:0}.utility:hover{background:#5c2733}.utility[aria-pressed=false]#sound{opacity:.6}.bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:max(18px,env(safe-area-inset-bottom));width:min(420px,calc(100% - 32px));text-align:center;pointer-events:none}.hint{margin:0 0 12px;display:inline-block;background:#31191fbd;padding:8px 14px;border-radius:20px;color:#f5e8d7;font-size:11px;line-height:1.5;letter-spacing:.015em;box-shadow:0 3px 20px #22151d14;max-width:100%}.tools{display:flex;gap:6px;background:#f9f1e4ed;border-radius:22px;padding:7px;box-shadow:0 8px 32px #27101750,0 0 0 1px #fff3dd33;pointer-events:auto}.tool{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;background:transparent;border:1px solid transparent;border-radius:17px;color:#684450;transition:background .16s,transform .16s,color .16s;font-size:12px;font-weight:600;letter-spacing:.01em;min-height:86px}.tool svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool.active{background:#852d40;color:#fff4df;border-color:#9d4053;box-shadow:0 3px 8px #57263120}.tool:not(.active):hover{background:#eadccd}.tool:active{transform:scale(.96)}.key{position:absolute;top:8px;right:10px;font-size:8px;opacity:.45;font-weight:normal}.camera-hint{font-size:9px;letter-spacing:.035em;color:#ebd7c6b0;margin:11px 0 0}.toast{position:absolute;top:158px;left:50%;transform:translate(-50%,-8px);max-width:calc(100% - 32px);margin:0;background:#fff5e8ec;color:#673145;border-radius:12px;padding:10px 17px;box-shadow:0 4px 16px #1a0b1518;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}#floating{position:absolute;inset:0;pointer-events:none}.gain{position:absolute;font-family:Georgia,serif;font-weight:bold;color:#ffe4aa;text-shadow:0 2px 4px #6e2f27;font-size:22px;animation:gain .85s ease-out forwards}@keyframes gain{to{transform:translate(-5px,-70px);opacity:0}}.loading,.paused{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 32%,#963848,#4a1624);transition:opacity .35s}.loading.done{opacity:0;pointer-events:none}.loader-emblem{font:76px Georgia,serif;color:#ebce9d;position:relative;border-bottom:1px solid #e6c99860;line-height:1.25;padding:0 16px}.loader-emblem span{position:absolute;font:italic 23px Georgia,serif;bottom:8px;right:-3px;color:#fff4df}.loading h1{font:normal 28px Georgia,serif;letter-spacing:.02em;margin:22px 0 8px}.loading p{font-size:12px;color:#e4c7be}.load-track{width:160px;height:2px;background:#f0d7bc25;margin-top:24px;overflow:hidden}.load-track i{display:block;width:45%;height:100%;background:#e7ca97;animation:loading 1.3s ease-in-out infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(330%)}}.paused{background:#26131ac4;backdrop-filter:blur(6px);text-align:center}.paused[hidden]{display:none}.paused small{font-size:9px;letter-spacing:.24em;color:#e6c296}.paused h2{font:normal 46px Georgia,serif;margin:16px 0 28px}.paused button{border:1px solid #ecbe9840;border-radius:13px;background:#a3384c;padding:15px 30px;color:#fff3dd;font-size:14px}.paused button span{margin-left:24px}.loading.error .load-track{display:none}.loading.error p{max-width:280px;text-align:center;line-height:1.7}noscript{position:absolute;top:40%;left:15%;width:70%;z-index:6;text-align:center}
@media(max-width:600px){.hud{top:max(18px,env(safe-area-inset-top));left:18px;right:18px;gap:8px}.brand{gap:8px}.brand>svg{width:23px}.brand span{font-size:14px;letter-spacing:.1em}.brand em{font-size:20px}.wallet{min-width:95px;padding:8px 12px;gap:8px;border-radius:14px}.wallet strong{font-size:18px}.wallet svg{width:20px}.wallet small{font-size:7px}.utilities{top:max(82px,calc(env(safe-area-inset-top) + 66px));left:18px}.utility{height:36px;border-radius:11px}.utility.square{width:36px}.bottom{bottom:max(12px,env(safe-area-inset-bottom))}.tool{min-height:80px;padding-top:12px}.key{display:none}.hint{font-size:10px}.camera-hint{font-size:8px}.toast{top:136px}}
@media(max-height:520px) and (orientation:landscape){.hud{top:12px;left:20px;right:20px}.utilities{top:70px;left:20px}.bottom{left:auto;right:16px;bottom:12px;transform:none;width:285px}.tool{min-height:64px;padding:8px 4px;font-size:10px;gap:4px}.tool svg{height:25px}.camera-hint{display:none}.hint{font-size:9px;margin-bottom:6px;padding:5px 10px}.wallet{padding:7px 12px}.toast{top:75px}}
@media(prefers-reduced-motion:reduce){button,.toast{transition:none}.gain{animation-duration:.3s}}

.character-picker{position:absolute;inset:0;z-index:6;background:#27151cba;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.character-picker[hidden]{display:none}.character-panel{position:relative;background:#faf2e5;color:#57343c;padding:28px 23px 17px;border:1px solid #fff9ee;border-radius:25px;width:min(410px,100%);box-shadow:0 22px 80px #1b101e70;text-align:center}.character-panel>small{font-size:8px;letter-spacing:.22em;color:#9b6e6d}.character-panel h2{font:normal 31px Georgia,serif;margin:12px 0 7px;color:#642639}.character-panel>p{font-size:11px;color:#947777;margin:0 0 22px}.close-picker{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#8c676b;font-size:27px;width:34px;height:34px;border-radius:50%}.close-picker:hover{background:#eaded1}.character-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.character-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 0 13px;background:#fffaf2;border:1px solid #e0cebd;border-radius:16px;overflow:hidden;color:#5c3540}.character-card:hover{border-color:#b56b7b;background:#fffdf7}.character-card.selected{border:2px solid #9a3d52;box-shadow:0 3px 10px #6f2d3d13}.character-art{display:flex;width:100%;height:145px;align-items:flex-end;justify-content:center;margin-bottom:13px;background:radial-gradient(ellipse at center,#f6e6d0,#dfc7b1)}.character-art svg{width:115px;height:135px}.police-art{background:radial-gradient(ellipse at center,#e2e7ec,#bccbd6)}.character-card strong{font-size:13px;font-weight:600}.character-description{font-size:9px;line-height:1.6;margin:5px 4px 12px;color:#9b7c7e}.character-choice{font-size:10px;letter-spacing:.02em;color:#8b3147}.character-panel .choice-note{font-size:10px;margin:18px 0 0;color:#a18381}@media(max-width:600px){.character-utility{width:36px;justify-content:center;padding:0}.character-utility span{display:none}.character-panel{padding:26px 17px 18px}.character-options{gap:9px}.character-art{height:130px}.character-art svg{height:122px;width:105px}.character-panel h2{font-size:29px}}@media(max-height:520px) and (orientation:landscape){.character-panel{width:430px;padding:15px 24px 12px}.character-panel>small{display:none}.character-panel h2{font-size:23px;margin:0 0 3px}.character-panel>p{margin:0 0 9px}.character-art{height:90px;margin-bottom:6px}.character-art svg{height:94px;width:85px}.character-card{padding-bottom:8px}.character-description{margin:2px 3px 4px}.character-panel .choice-note{margin-top:9px}}