*{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;max-height:calc(100vh - 6rem);overflow-y:auto}.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}.objectives-tier.tier-upcoming{opacity:.4;font-weight:600}.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;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}#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.win-panel{width:min(92vw,32rem);max-width:32rem;padding:1.5rem;overflow:hidden;background:#f8f7f2fa;border:1px solid rgba(255,255,255,.72);border-radius:1.5rem;box-shadow:0 1.5rem 4rem #0923284d}.win-card-image{display:block;width:auto;height:min(49vh,27.5rem);max-width:100%;margin:.9rem auto .55rem;aspect-ratio:4 / 5;object-fit:contain;border-radius:1rem;background:#f3f1e9;box-shadow:0 .6rem 1.8rem #102f352e}.share-status{min-height:1.3em;color:#66777a;font-size:.78rem;font-weight:650}.share-btn{display:block;width:min(100%,22rem);min-height:3rem;margin:.45rem auto .7rem;padding:.75rem 1.25rem;border:0;border-radius:999px;color:#fff;background:#176b72;box-shadow:0 .4rem 1rem #176b7238;font:800 .95rem/1 system-ui,-apple-system,sans-serif;cursor:pointer;touch-action:manipulation;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.share-btn:hover{transform:translateY(-1px);background:#115b61;box-shadow:0 .55rem 1.2rem #176b7247}.share-btn:active{transform:translateY(0)}.share-btn:disabled{color:#6e7e80;background:#dce3e0;box-shadow:none;cursor:wait}.win-card-footer{margin-top:.9rem;padding-top:.7rem;border-top:1px solid rgba(44,62,80,.14);color:#6a787b;font-size:.72rem}.win-card-footer a{color:#176b72;font-weight:750}.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))}}@media(max-height:760px),(max-width:520px){#screen-overlay{align-items:flex-start}.screen-panel.win-panel{width:100%;margin:auto;padding:1rem;border-radius:1.2rem}.screen-panel.win-panel h1{font-size:clamp(1.25rem,6vw,1.5rem);margin-bottom:.25rem}.screen-panel.win-panel .screen-tagline{margin-bottom:.35rem;font-size:.88rem}.win-card-image{width:auto;height:min(40vh,21rem);margin-top:.55rem}.screen-panel.win-panel .screen-buttons{margin-top:.25rem;gap:.5rem}.screen-panel.win-panel .screen-btn{min-height:2.75rem;padding:.55rem .85rem;font-size:.86rem;touch-action:manipulation}.win-card-footer{margin-top:.65rem;padding-top:.55rem}}