*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;font-family:Nunito,sans-serif;background:#2d6a3a}#app{width:100%;height:100%;position:relative}#game-canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none;pointer-events:auto}#ps1-filter{display:none}@media(max-width:768px),(pointer:coarse){#game-canvas{pointer-events:none}}#aim-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}#mobile-controls{position:absolute;bottom:20px;left:0;right:0;padding:0 22px;display:flex;justify-content:space-between;align-items:flex-end;z-index:20;pointer-events:none}.control-pad{pointer-events:auto;position:relative;width:clamp(100px,26vw,130px);height:clamp(100px,26vw,130px);touch-action:none}#shoot-pad{width:clamp(124px,32vw,168px);height:clamp(124px,32vw,168px)}.pad-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(255,255,255,.55);background:#00000061;box-shadow:inset 0 0 18px #00000059}.control-pad.active .pad-bg{border-color:#ffffffd9;background:#0000007a}#move-pad.active .pad-bg{box-shadow:inset 0 0 18px #74acdf66,0 0 16px #74acdf59}#shoot-pad.active .pad-bg{box-shadow:inset 0 0 18px #f6d32d66,0 0 16px #f6d32d59}.pad-stick{position:absolute;top:50%;left:50%;width:44%;height:44%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(255,255,255,.75);box-shadow:0 2px 8px #00000073;pointer-events:none}#move-stick{background:#74acdfeb}#shoot-stick{background:#f6d32deb}.pad-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;pointer-events:none}@media(min-width:769px)and (pointer:fine){#mobile-controls{display:none!important}}.hidden{display:none!important}#hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}#score-panel,#wave-panel{background:#ffffffed;border:3px solid #1a1a2e;border-radius:16px;padding:8px 16px;box-shadow:3px 3px #1a1a2e;text-align:center;min-width:80px}.hud-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:800}#goals-count,#wave-count{font-size:28px;font-weight:900;color:#1a1a2e;line-height:1.1}#hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}#player-panel{background:#ffffffed;border:3px solid #f6d32d;border-radius:12px;padding:8px 14px;font-weight:800;color:#1a1a2e;box-shadow:3px 3px #1a1a2e;max-width:min(42vw,180px);text-align:right;overflow-wrap:anywhere}#controls-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0000008c;color:#ddd;font-size:12px;padding:6px 14px;border-radius:20px;pointer-events:none;z-index:5;opacity:1;transition:opacity .45s ease}#controls-hint.fade-out{opacity:0}#pause-btn{position:static;z-index:12;pointer-events:auto;width:44px;height:44px;border-radius:12px;border:3px solid #1a1a2e;background:#ffffffed;box-shadow:3px 3px #1a1a2e;font-size:18px;font-weight:900;cursor:pointer;line-height:1;flex-shrink:0}#pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#0000008c;display:flex;align-items:center;justify-content:center}.pause-content{background:#fffffff7;border:4px solid #1a1a2e;border-radius:20px;padding:28px 32px;box-shadow:6px 6px #1a1a2e;text-align:center;min-width:min(280px,88vw)}.pause-content h2{margin-bottom:18px;color:#1a1a2e;font-size:28px}.pause-content button{display:block;width:100%;margin-top:10px;pointer-events:auto;cursor:pointer;font-family:inherit;border-radius:50px}#resume-btn{background:#f6d32d;color:#1a1a2e;border:3px solid #1a1a2e;padding:14px 36px;font-size:1.1rem;font-weight:900;box-shadow:4px 4px #1a1a2e;margin-bottom:4px}#survival-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;background:#000000a6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#survival-intro .pause-content p{color:#444;font-size:.95rem;line-height:1.45;margin-bottom:10px}#survival-intro-btn{background:#f6d32d;color:#1a1a2e;border:3px solid #1a1a2e;padding:14px 36px;font-size:1.1rem;font-weight:900;box-shadow:4px 4px #1a1a2e;margin-top:8px;width:100%;border-radius:50px;cursor:pointer;font-family:inherit}#pause-menu-btn{background:transparent;color:#1a1a2e;border:3px solid #1a1a2e;padding:10px 28px;font-size:.95rem;font-weight:800}.desktop-hint{display:block}.mobile-hint{display:none}@media(max-width:768px),(pointer:coarse){.desktop-hint{display:none}.mobile-hint{display:block}#controls-hint{bottom:clamp(130px,34vw,158px);font-size:11px}#mobile-controls{display:flex!important}}#joystick-zone,#action-btn{display:none!important}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#6ec6f5,#b8e4f9 35%,#3a8f3a);display:flex;align-items:flex-start;justify-content:center;z-index:100;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.start-content{text-align:center;padding:8px 20px 24px;max-width:420px;width:100%;flex-shrink:0}.start-content h1{font-size:clamp(1.75rem,7vw,2.8rem);font-weight:900;color:#1a1a2e;text-shadow:3px 3px 0 #fff;line-height:1.15;margin-top:4px;overflow-wrap:anywhere}.tagline{font-size:1.1rem;font-weight:800;color:#1a1a2e;margin:10px 0}.subtitle{color:#333;font-size:.9rem;line-height:1.5;margin-bottom:20px}#player-name{width:100%;padding:14px 18px;font-size:1rem;font-family:inherit;font-weight:700;border:3px solid #1a1a2e;border-radius:14px;margin-bottom:8px;outline:none;text-align:center;-webkit-user-select:text;user-select:text;pointer-events:auto}#player-name:read-only{background:#eef6ff;color:#333}.name-hint{font-size:.8rem;color:#335;margin-bottom:8px;line-height:1.3}.name-error{font-size:.85rem;color:#b00020;font-weight:800;background:#ffdcdcf2;border:2px solid #b00020;border-radius:10px;padding:8px 12px;margin-bottom:10px}.mode-picker{margin:14px 0 12px;text-align:left}.mode-picker-title{font-size:.82rem;font-weight:800;margin-bottom:8px;color:#333}.mode-btn{display:block;width:100%;margin-bottom:8px;padding:11px 14px;border:3px solid #1a1a2e;border-radius:14px;background:#ffffffd9;font-family:inherit;font-size:.92rem;font-weight:800;cursor:pointer;text-align:left;box-shadow:2px 2px #1a1a2e}.mode-btn.selected{background:#f6d32d}.online-panel{margin-bottom:12px;padding:12px;border:2px dashed #1a1a2e;border-radius:12px;background:#ffffffbf}.online-hint{font-size:.78rem;margin-bottom:8px;color:#444}.online-setup-hint{font-size:.76rem;margin-bottom:8px;color:#5a3d00;line-height:1.35}.online-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#room-code{grid-column:1 / -1;text-align:center;letter-spacing:.2em;text-transform:uppercase;font-weight:800;padding:10px;border:3px solid #1a1a2e;border-radius:12px}.room-status{margin-top:8px;font-size:.82rem;font-weight:800;color:#1a5c2e}.opp-name-hud{font-size:.78rem;margin-top:4px;opacity:.9}#versus-score-panel{background:#ffffffed;border:3px solid #1a1a2e;border-radius:16px;padding:8px 16px;box-shadow:3px 3px #1a1a2e;text-align:center;min-width:80px}#start-btn,#retry-btn{pointer-events:auto;cursor:pointer;background:#f6d32d;color:#1a1a2e;border:3px solid #1a1a2e;padding:14px 36px;font-size:1.1rem;font-weight:900;font-family:inherit;border-radius:50px;box-shadow:4px 4px #1a1a2e;width:100%;margin-bottom:10px}#start-btn.is-loading,#retry-btn.is-loading{opacity:.85;cursor:wait;box-shadow:2px 2px #1a1a2e}#start-btn:disabled,#retry-btn:disabled{pointer-events:none}#menu-btn,.secondary{background:transparent;color:#1a1a2e;border:3px solid #1a1a2e;padding:10px 28px;font-size:.95rem;font-weight:800;font-family:inherit;border-radius:50px;cursor:pointer;width:100%;margin-top:8px}#share-buttons{display:flex;flex-direction:column;gap:8px;margin:16px 0 12px}.share-btn{border:3px solid #1a1a2e;border-radius:14px;padding:12px;font-family:inherit;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:3px 3px #1a1a2e}.share-btn.wa{background:#25d366;color:#fff}.share-btn.ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366);color:#fff}.share-btn.native{background:#74acdf;color:#1a1a2e}#leaderboard-preview{margin-top:24px;background:#ffffffe6;border:3px solid #1a1a2e;border-radius:16px;padding:16px;text-align:left;box-shadow:4px 4px #1a1a2e}#leaderboard-preview h3{text-align:center;margin-bottom:4px;font-size:1rem}.ranking-note{margin:0 0 10px;font-size:.78rem;color:#666;font-weight:600}#leaderboard-list{list-style:none;font-size:.9rem}#leaderboard-list li{padding:8px 0;border-bottom:1px solid #eee;display:flex;align-items:flex-start;gap:8px}#leaderboard-list .rank-body{flex:1;min-width:0}#leaderboard-list .rank-top{display:flex;align-items:center;justify-content:space-between;gap:8px}#leaderboard-list .rank-meta{margin-top:2px;font-size:.72rem;color:#777;line-height:1.3}#leaderboard-list li.empty{text-align:center;color:#888;border:none}#leaderboard-list .medal{min-width:28px;flex-shrink:0}#leaderboard-list .pts{color:#666;font-weight:700;font-size:.82rem;white-space:nowrap}.text-btn{pointer-events:auto;display:block;width:100%;margin-top:12px;padding:10px 8px;background:transparent;border:none;color:#555;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}.text-btn:active{color:#1a1a2e}#game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border:4px solid #1a1a2e;border-radius:24px;padding:28px 32px;text-align:center;max-width:360px;margin:16px;box-shadow:6px 6px #1a1a2e}.modal-content h2{font-size:1.4rem;margin-bottom:12px;color:#1a1a2e}.modal-content p{color:#555;margin-bottom:10px;line-height:1.4}#goal-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none;background:#f6d32d40;animation:flash .4s ease}.goal-text{font-size:clamp(2rem,10vw,3.5rem);font-weight:900;color:#1a1a2e;text-shadow:4px 4px 0 #f6d32d,-2px -2px 0 #fff;animation:pop .5s ease}@keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}#toast{position:absolute;top:max(12px,env(safe-area-inset-top,12px));left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:10px 18px;border-radius:12px;font-size:.88rem;font-weight:700;z-index:60;border:2px solid #f6d32d;text-align:center;max-width:min(92%,360px);pointer-events:none}#toast.hidden{opacity:0;pointer-events:none;transition:opacity .3s}