*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:#1a1a2e;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#game-container canvas{width:100%;height:100%;display:block}#ui-overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#loading{color:#fff;letter-spacing:2px;opacity:1;font-size:18px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading.hidden{opacity:0}#controls-hint{color:#fff9;opacity:0;align-items:center;gap:6px;font-size:13px;transition:opacity 1s 2s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}#controls-hint.visible{opacity:1}#controls-hint kbd{color:#fffc;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;display:inline-block}#task-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:auto;background:#00000073;border:1px solid #ffffff1a;border-radius:12px;width:220px;padding:16px;transition:opacity .8s 1s;position:absolute;top:20px;right:20px}#task-panel.visible{opacity:1}#task-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}#task-title{color:#fff;font-size:14px;font-weight:500}#task-progress{color:#fff9;font-variant-numeric:tabular-nums;font-size:12px}#task-list{flex-direction:column;gap:8px;display:flex}.task-item{background:#ffffff0d;border-radius:8px;align-items:flex-start;gap:10px;padding:8px;transition:all .3s;display:flex}.task-item.completed{opacity:.5;background:#4caf501a}.task-item.completed .task-title{color:#fff6;text-decoration:line-through}.task-status{color:#fff9;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.task-item.completed .task-status{color:#4caf50;background:#4caf504d}.task-info{flex:1;min-width:0}.task-title{color:#ffffffd9;margin-bottom:2px;font-size:12px;line-height:1.4}.task-target{color:#fff6;font-size:11px}#direction-hud{opacity:0;flex-direction:column;align-items:center;gap:6px;transition:opacity .8s 1.5s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}#direction-hud.visible{opacity:1}#direction-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffca28;background:#00000073;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .3s;display:flex}#distance-text{color:#fff9;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:10px;padding:2px 8px;font-size:11px}#task-toast{opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}#task-toast.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.toast-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0009;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:12px;padding:16px 24px;display:flex}.toast-icon{font-size:28px}.toast-title{color:#fff;font-size:16px;font-weight:500}.toast-desc{color:#fff9;margin-top:2px;font-size:13px}@media (pointer:coarse){#controls-hint{display:none}}.touch-joystick{pointer-events:auto;touch-action:none;background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;width:120px;height:120px;display:none;position:absolute}.touch-joystick.active{display:block}.touch-joystick:after{content:"";background:#fff3;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}