:root{--ui-font: "Nunito", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a3a50}#app{position:fixed;inset:0}canvas{display:block}.title-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d2538,#1a3a50,#0d2538);color:#e8f0f5;font-family:var(--ui-font)}.title-screen h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;letter-spacing:.15em;color:#4addff;text-shadow:0 0 30px rgba(74,221,255,.4)}.title-sub{font-size:.85rem;letter-spacing:.4em;color:#fff6;margin-bottom:40px;text-transform:uppercase}.start-btn{padding:14px 48px;font-size:1.1rem;font-weight:700;border:2px solid #4addff;background:#4addff1a;color:#4addff;border-radius:4px;cursor:pointer;font-family:var(--ui-font);letter-spacing:.1em;transition:all .3s;text-transform:uppercase}.start-btn:hover{background:#4addff;color:#0d2538;box-shadow:0 0 30px #4addff80}.controls-hint{margin-top:32px;font-size:.75rem;color:#ffffff59;letter-spacing:.05em}.lang-btn{position:fixed;top:16px;right:16px;z-index:150;width:40px;height:40px;border-radius:8px;border:1px solid rgba(74,221,255,.3);background:#0a1423cc;color:#4addff;font-size:.7rem;font-weight:700;cursor:pointer;font-family:var(--ui-font);backdrop-filter:blur(8px)}.delivery-hud{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;background:#0a1423d9;border:1px solid rgba(74,221,255,.25);border-radius:10px;padding:8px 20px;color:#e8f0f5;font-family:var(--ui-font);font-size:14px;font-weight:600;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px}.delivery-icon{font-size:18px}.delivery-item{color:#4addff}.delivery-arrow{color:#fff6}.delivery-target{color:gold}.quest-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .4s ease;font-family:var(--ui-font)}.quest-overlay--visible{opacity:1}.quest-overlay__panel{text-align:center;padding:24px 48px;border-radius:16px;background:#0f172ad1;box-shadow:0 8px 32px #0006;max-width:80vw}.quest-overlay--completion .quest-overlay__panel{border:2px solid #fbbf24}.quest-overlay__label{font-size:14px;font-weight:800;letter-spacing:.2em;color:#4addff;text-transform:uppercase;margin-bottom:8px}.quest-overlay__text{font-size:22px;font-weight:800;color:#fff;letter-spacing:.04em;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.5)}.quest-overlay--completion .quest-overlay__text{color:#fbbf24;font-size:20px}.ending-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a1423f2;color:#e8f0f5;font-family:var(--ui-font)}.ending-screen h1{font-size:clamp(2rem,6vw,3rem);font-weight:900;color:#4addff;text-align:center;margin-bottom:16px;text-shadow:0 0 30px rgba(74,221,255,.4)}.ending-screen p{font-size:1.1rem;color:#fff9;margin-bottom:40px;text-align:center}.restart-btn{padding:12px 36px;font-size:1rem;font-weight:700;border:2px solid #4addff;background:#4addff1a;color:#4addff;border-radius:4px;cursor:pointer;font-family:var(--ui-font);letter-spacing:.1em;text-transform:uppercase}.restart-btn:hover{background:#4addff;color:#0d2538}@media(max-width:768px){.title-screen h1{letter-spacing:.08em}.controls-hint{font-size:.65rem}.delivery-hud{font-size:12px;padding:6px 14px;max-width:90vw}.quest-overlay__text{font-size:18px}}