*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07131d;color:#f8fafc;font-family:Inter,system-ui,sans-serif}canvas{display:block}canvas.webgl-game{position:fixed;inset:0;width:100vw!important;height:100vh!important;z-index:0}.hidden{display:none!important}button,input{font:inherit}.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#020617c9;padding:18px}.welcome{z-index:60;background:radial-gradient(circle at 70% 20%,#17405a,#07131d 55%)}.welcomeCard{width:min(760px,100%);text-align:center;background:#0c1823e8;border:1px solid #365066;border-radius:22px;padding:clamp(22px,5vw,42px);box-shadow:0 30px 80px #0008}.brand{font-size:clamp(2.8rem,9vw,5.8rem);font-weight:1000;line-height:.8;letter-spacing:-.07em}.brand span{color:#fbbf24}.edition,.tag{color:#fbbf24;font-size:.72rem;font-weight:900;letter-spacing:.22em;margin-top:12px}.welcome h1{font-size:clamp(1.7rem,5vw,2.7rem);margin:22px 0 8px}.welcome p{color:#b7c6d4;line-height:1.6;max-width:650px;margin:0 auto 22px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left;margin:20px 0}.how>div{display:flex;gap:10px;background:#111f2b;border:1px solid #2d4355;padding:13px;border-radius:12px}.how b{display:grid;place-items:center;min-width:31px;height:31px;background:#fbbf24;color:#111827;border-radius:50%}.how strong,.how span{display:block}.how strong{font-size:.72rem;color:#fbbf24}.how span{font-size:.78rem;color:#cbd5e1}.how em{color:#fbbf24}.welcome label{display:grid;gap:6px;text-align:left;max-width:400px;margin:15px auto;color:#94a3b8;font-size:.8rem}.welcome input,.panel input{width:100%;padding:13px;border:1px solid #496075;background:#07111a;color:white;border-radius:10px}.welcome button,.panel button,.story button,.dialog button{border:0;border-radius:10px;background:#fbbf24;color:#111827;padding:13px 18px;font-weight:900;cursor:pointer}.welcome small{display:block;color:#708496;margin-top:17px;line-height:1.5}#loading{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:#07131d;font-weight:900}#ui{position:fixed;inset:0;z-index:10;pointer-events:none}#mission,#stats{position:absolute;background:#0b1722e8;border:1px solid #3c5365;border-radius:12px;box-shadow:0 7px 24px #0006}#mission{left:16px;top:16px;width:min(350px,57vw);padding:12px}.case{font-size:.67rem;color:#fbbf24;font-weight:900;letter-spacing:.1em}#objective{display:block;margin-top:5px;font-size:.85rem}.progress{height:5px;background:#334155;margin-top:9px;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:#22c55e;width:0;transition:.3s}#stats{left:16px;top:112px;padding:8px 10px;font-size:.76rem;display:flex;align-items:center;gap:10px}#stats button{pointer-events:auto;border:0;background:#334155;color:white;padding:6px 8px;border-radius:6px;font-size:.65rem;font-weight:800}#minimap{position:absolute;right:16px;top:16px;width:150px;height:150px;border:3px solid #e2e8f0;border-radius:50%;background:#0f172d;box-shadow:0 6px 20px #0008}#prompt{position:absolute;pointer-events:auto;left:50%;bottom:95px;transform:translateX(-50%);background:#111827e8;border:2px solid #fbbf24;border-radius:8px;padding:9px 13px;font-weight:900}#joystick{pointer-events:auto;position:absolute;left:24px;bottom:22px;width:112px;height:112px;border-radius:50%;background:#fff1;border:2px solid #fff4;touch-action:none}#stick{position:absolute;left:31px;top:31px;width:48px;height:48px;border-radius:50%;background:#fff6}#lookHint{position:absolute;right:24px;bottom:28px;color:#fff7;font-size:.7rem}.story,.panel{width:min(650px,100%);background:#f8fafc;color:#0f172a;border-radius:18px;padding:clamp(22px,5vw,35px);box-shadow:0 24px 70px #0008}.story h2,.panel h2{font-size:clamp(1.5rem,5vw,2.4rem);margin:10px 0}.story p,.panel p{line-height:1.55;color:#475569}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.controls span{background:#e2e8f0;border-radius:10px;padding:11px;text-align:center;font-weight:900}.controls small{font-size:.62rem;color:#64748b}.dialog{display:grid;grid-template-columns:100px 1fr;gap:18px;width:min(620px,100%);background:#f8fafc;color:#111827;border-radius:18px;padding:22px}.portrait{width:90px;height:90px;border-radius:50%;background:#cbd5e1;border:5px solid #334155}.speaker{font-weight:1000;color:#1d4ed8}.dialog p{line-height:1.5}.secondary{background:#cbd5e1!important}.danger{background:#dc2626!important;color:white!important}form{display:grid;grid-template-columns:1fr auto;gap:8px}#choices,#suspects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#choices button,#suspects button{margin:0;background:#334155;color:white}.note{background:#e2e8f0;border-left:4px solid #f59e0b;padding:10px;margin:8px 0}.correct{color:#15803d!important;font-weight:900}.wrong{color:#b91c1c!important;font-weight:900}.center{text-align:center}@media(max-width:650px){.how{grid-template-columns:1fr}.welcomeCard{max-height:94vh;overflow:auto}.controls{grid-template-columns:1fr 1fr}#minimap{width:108px;height:108px}#stats{top:124px;flex-wrap:wrap;width:190px}.dialog{grid-template-columns:1fr}.portrait{width:65px;height:65px}form{grid-template-columns:1fr}#choices{grid-template-columns:1fr}#lookHint{display:none}}
#worldCanvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;background:#8fc7e8;touch-action:none}