*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#a8c4d8;font-family:system-ui,-apple-system,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#game{display:block;width:100%;height:100%;touch-action:none}#ui{position:fixed;top:0;left:0;right:0;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;color:#2c3e50;text-shadow:0 1px 4px rgba(255,255,255,.5)}#score{font-size:1.5rem;font-weight:700;letter-spacing:.02em}#hint{font-size:.9rem;opacity:.8;text-align:right;max-width:300px}#objectives{position:fixed;top:4.5rem;left:1.5rem;padding:.75rem 1rem;background:#ffffffb8;border-radius:.6rem;color:#2c3e50;font-size:.9rem;line-height:1.55;pointer-events:none;box-shadow:0 2px 10px #2c3e5026}.objectives-tier{font-weight:700;margin-bottom:.3rem;letter-spacing:.02em}.objectives-tier:not(:first-child){margin-top:.55rem}.objectives-tier.tier-done{opacity:.55}.objective.done{opacity:.55;text-decoration:line-through}.objective-check{display:inline-block;width:1.1rem;color:#2e7d32;font-weight:700}.objective-count{opacity:.7;font-variant-numeric:tabular-nums}#toast{position:fixed;left:50%;bottom:3.5rem;transform:translate(-50%) translateY(.8rem);padding:.6rem 1.2rem;background:#2c3e50eb;color:#fff;border-radius:2rem;font-size:1rem;font-weight:600;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1e2d3c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}#screen-overlay[hidden]{display:none}.screen-panel{max-width:26rem;padding:2rem 2.5rem;background:#fffffff2;border-radius:1rem;text-align:center;color:#2c3e50;box-shadow:0 8px 40px #00000059}.screen-panel h1{font-size:1.8rem;margin-bottom:.5rem}.screen-tagline{font-weight:600;margin-bottom:.8rem}.screen-help{font-size:.9rem;opacity:.8;line-height:1.6;margin-bottom:.8rem}.screen-buttons{display:flex;gap:.8rem;justify-content:center;margin-top:.5rem}.screen-btn{padding:.6rem 1.4rem;font-size:1rem;font-weight:700;font-family:inherit;color:#fff;background:#2e7d32;border:none;border-radius:2rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.screen-btn:hover{background:#1b5e20;transform:translateY(-1px)}.screen-btn+.screen-btn{background:#546e7a}.screen-btn+.screen-btn:hover{background:#37474f}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;color:#2c3e50}#touch-joystick-zone{position:absolute;left:0;bottom:0;top:34%;width:50%;pointer-events:auto;touch-action:none}#touch-joystick{position:absolute;left:calc(1.25rem + env(safe-area-inset-left));bottom:calc(1.5rem + env(safe-area-inset-bottom));width:8.5rem;height:8.5rem;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;pointer-events:none;touch-action:none}#touch-joystick-knob{width:3.4rem;height:3.4rem;border-radius:50%;background:#fff9;box-shadow:0 2px 8px #00000040;pointer-events:none}#touch-slam{position:absolute;right:calc(1.5rem + env(safe-area-inset-right));bottom:calc(2.25rem + env(safe-area-inset-bottom));width:5.5rem;height:5.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.04em;color:#fff;background:#d35400d1;box-shadow:0 3px 14px #0000004d;pointer-events:auto;touch-action:none}#touch-slam:active{transform:scale(.92);background:#e6640af2}#touch-icons{position:absolute;top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));display:flex;gap:.5rem;pointer-events:none}.touch-icon{width:2.6rem;height:2.6rem;border-radius:50%;border:none;font-size:1.1rem;line-height:1;background:#ffffffa6;color:#2c3e50;box-shadow:0 2px 8px #2c3e5033;pointer-events:auto;touch-action:none}.touch-icon:active{transform:scale(.92);background:#ffffffe6}@media(pointer:coarse){#hint{display:none}#ui{padding:calc(.9rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .9rem calc(1rem + env(safe-area-inset-left))}#score{font-size:1.15rem}#objectives{top:3.4rem;left:1rem;max-width:min(46vw,18rem);padding:.5rem .7rem;font-size:.72rem;line-height:1.45}#toast{bottom:calc(11rem + env(safe-area-inset-bottom))}}