:root{--evo-a: #4fc3f7;--evo-b: #81d4fa;--hp-a: #ff4d6d;--hp-b: #ff8fa3;--gold: #ffd166;--panel: rgba(16, 22, 30, .72);--panel-line: rgba(255, 255, 255, .16);--text: #f4f7fb;--shadow: 0 6px 18px rgba(0, 0, 0, .35);--radius: 14px;--hud-font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1016;font-family:var(--hud-font);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hud-layer{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-layer button{pointer-events:auto}.hud-layer.hidden{display:none}.hud-topleft{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;border:1px solid var(--panel-line);border-radius:12px;background:var(--panel);color:var(--text);font-size:22px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);box-shadow:var(--shadow);transition:transform .12s ease,background .12s ease}.icon-btn:active{transform:scale(.93)}.scoreboard{display:flex;gap:8px}.score-item{display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;font-size:15px;font-weight:700;backdrop-filter:blur(6px);box-shadow:var(--shadow);font-variant-numeric:tabular-nums}.score-icon{font-size:15px}.booster-panel{position:absolute;left:max(12px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.booster-btn{position:relative;display:flex;align-items:center;gap:10px;width:210px;padding:10px 12px;border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;overflow:hidden;backdrop-filter:blur(6px);box-shadow:var(--shadow);transition:transform .12s ease,border-color .2s ease}.booster-btn:active{transform:scale(.97)}.booster-ad{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ff5f6d,#ff2d55);font-size:13px;box-shadow:0 2px 8px #ff2d5566}.booster-body{display:flex;flex-direction:column;gap:2px;min-width:0}.booster-title{font-size:12.5px;font-weight:800;letter-spacing:.3px}.booster-sub{font-size:11px;opacity:.78;font-weight:700}.booster-timer{margin-left:auto;font-size:13px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.booster-fill{position:absolute;left:0;bottom:0;height:3px;width:0%;background:linear-gradient(90deg,var(--gold),#ffe9a8);transition:width .25s linear}.booster-btn.active{border-color:var(--gold);box-shadow:0 0 0 1px #ffd16659,var(--shadow)}.booster-btn.active .booster-ad{background:linear-gradient(135deg,#ffd166,#ffb703);box-shadow:0 2px 8px #ffb70373}.booster-btn.pending{opacity:.55;pointer-events:none}.hud-bottom{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 12px;width:min(620px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;backdrop-filter:blur(8px);box-shadow:var(--shadow)}.level-box{flex:0 0 auto;display:grid;grid-template-areas:"label num" "species species";align-items:center;gap:0 6px;padding:6px 12px;border-radius:12px;background:linear-gradient(135deg,#4fc3f738,#4fc3f70f);border:1px solid rgba(79,195,247,.35);min-width:104px}.level-label{grid-area:label;font-size:10px;font-weight:800;opacity:.7;letter-spacing:1px}.level-num{grid-area:num;font-size:20px;font-weight:900;line-height:1;color:var(--evo-b);font-variant-numeric:tabular-nums}.level-species{grid-area:species;font-size:12px;font-weight:700;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-width:0}.bar{position:relative;height:20px;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.12);overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:10px 0 0 10px;transition:width .28s cubic-bezier(.22,1,.36,1)}.evo-bar .bar-fill{background:linear-gradient(90deg,var(--evo-a),var(--evo-b));box-shadow:0 0 12px #4fc3f7b3}.hp-bar .bar-fill{background:linear-gradient(90deg,var(--hp-a),var(--hp-b));box-shadow:0 0 10px #ff4d6d8c}.evo-bar .bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:evo-shine 2.4s ease-in-out infinite}@keyframes evo-shine{0%,60%{transform:translate(-100%)}to{transform:translate(200%)}}.bar-text{position:absolute;inset:0;display:grid;place-items:center;font-size:11.5px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.85);font-variant-numeric:tabular-nums}.atk-box{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.14);transition:border-color .2s ease,color .2s ease}.atk-icon{font-size:16px}.atk-value{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.atk-box.boosted{border-color:var(--gold);color:var(--gold);box-shadow:0 0 14px #ffd16659}.weapon-select{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 96px);display:flex;flex-direction:column;gap:8px}.weapon-btn{position:relative;display:flex;align-items:center;gap:8px;padding:9px 12px;width:132px;border:1px solid var(--panel-line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;backdrop-filter:blur(6px);box-shadow:var(--shadow);opacity:.6;transition:opacity .15s ease,border-color .15s ease,transform .12s ease}.weapon-btn:active{transform:scale(.96)}.weapon-btn.active{opacity:1;border-color:var(--gold);box-shadow:0 0 0 1px #ffd1664d,var(--shadow)}.weapon-icon{font-size:17px}.weapon-name{font-size:12px;font-weight:800;letter-spacing:.4px}.weapon-key{margin-left:auto;font-size:10px;font-weight:800;padding:2px 6px;border-radius:5px;background:#ffffff24}.healthbar-layer,.damage-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mob-bar{position:absolute;top:0;left:0;width:76px;margin-left:-38px;text-align:center;will-change:transform}.mob-bar-name{display:block;font-size:10.5px;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.9);margin-bottom:2px;white-space:nowrap}.mob-bar-track{height:5px;border-radius:3px;background:#0009;border:1px solid rgba(0,0,0,.5);overflow:hidden}.mob-bar-fill{height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#6ee36e,#a8f0a8)}.mob-bar.hostile .mob-bar-fill{background:linear-gradient(90deg,#ff5252,#ff8a80)}.mob-bar.neutral .mob-bar-fill{background:linear-gradient(90deg,#ffb74d,#ffd699)}.dmg-num{position:absolute;top:0;left:0;font-size:17px;font-weight:900;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.95);will-change:transform,opacity;white-space:nowrap}.dmg-num.crit{font-size:23px;color:var(--gold)}.dmg-num.heal{color:#7bed9f}.dmg-num.player-hurt{color:var(--hp-b)}.touch-layer{position:absolute;inset:0}.touch-layer[hidden]{display:none}.joystick.joystick-zone{position:absolute;left:0;bottom:0;width:50vw;height:62vh;pointer-events:auto;touch-action:none;background:transparent}.joystick-base{position:absolute;width:130px;height:130px;border-radius:50%;background:#ffffff17;border:2px solid rgba(255,255,255,.22);backdrop-filter:blur(3px);opacity:0;transition:opacity .12s ease;pointer-events:none}.joystick-knob{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffffd9;box-shadow:0 4px 14px #0006;will-change:transform;opacity:0;transition:opacity .12s ease;pointer-events:none}.attack-btn{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 78px);width:92px;height:92px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:radial-gradient(circle at 35% 30%,#ff8a5c,#e63946);color:#fff;font-size:34px;cursor:pointer;box-shadow:0 6px 20px #e6394673;touch-action:none;transition:transform .1s ease}.attack-btn:active{transform:scale(.9)}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#080e14b8,#04080ced);backdrop-filter:blur(5px);animation:overlay-in .22s ease-out}.overlay.hidden{display:none}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.panel{width:min(440px,100%);padding:28px 26px;border-radius:20px;background:linear-gradient(160deg,#18202af5,#0e141cf5);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px #0009;text-align:center;display:flex;flex-direction:column;gap:14px;animation:panel-pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes panel-pop{0%{transform:scale(.9) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-title{font-size:clamp(30px,8vw,46px);font-weight:900;line-height:.92;letter-spacing:-1px;background:linear-gradient(180deg,#ffd166,#ff8a3c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 22px rgba(255,138,60,.35)}.game-title span{display:block;color:transparent}.tagline{font-size:14px;opacity:.78;font-weight:600}.panel h2{font-size:22px;font-weight:900;letter-spacing:1px}.primary-btn{padding:15px 22px;border:none;border-radius:14px;background:linear-gradient(135deg,#7ec850,#4fa83c);color:#06240a;font-family:inherit;font-size:17px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 20px #7ec85066;transition:transform .12s ease,filter .15s ease}.primary-btn:hover{filter:brightness(1.08)}.primary-btn:active{transform:scale(.96)}.ghost-btn{padding:12px 20px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:transparent;color:var(--text);font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.6px;cursor:pointer;transition:background .15s ease,transform .12s ease}.ghost-btn:hover{background:#ffffff17}.ghost-btn:active{transform:scale(.96)}.menu-row{padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0d;color:var(--text);font-family:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:background .15s ease}.menu-row:hover{background:#ffffff1a}.menu-row b{float:right;color:var(--gold)}.controls-hint{font-size:12px;opacity:.66;line-height:1.6}.controls-hint b{padding:1px 6px;border-radius:5px;background:#ffffff24;font-weight:800}.gameover-title{color:#ff6b81}.gameover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0}.gameover-stats div{padding:12px 6px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:3px}.gameover-stats span{font-size:22px;font-weight:900;color:var(--evo-b);font-variant-numeric:tabular-nums}.gameover-stats small{font-size:10px;font-weight:800;letter-spacing:.8px;opacity:.62}.transition-overlay{background:#04080ce6;pointer-events:none}.biome-card{text-align:center;animation:biome-in .5s cubic-bezier(.22,1,.36,1)}.biome-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:4px;opacity:.6;margin-bottom:6px}.biome-card h2{font-size:clamp(34px,10vw,58px);font-weight:900;letter-spacing:2px;background:linear-gradient(180deg,#ffe9a8,#ffb703);-webkit-background-clip:text;background-clip:text;color:transparent}.biome-card p{margin-top:8px;font-size:14px;opacity:.8;font-weight:600}@keyframes biome-in{0%{transform:translateY(20px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ad-overlay{background:#020408f2;z-index:60}.ad-panel{width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:14px}.ad-label{font-size:11px;font-weight:800;letter-spacing:3px;opacity:.55}.ad-fake{width:100%;aspect-ratio:16 / 10;border-radius:16px;background:linear-gradient(135deg,#1d2733,#10161e);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.ad-fake p{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--gold)}.ad-spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.14);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.start-progress{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.3px}.start-progress[hidden]{display:none}.danger-btn{border-color:#ff6b8173;color:#ff8fa3}.danger-btn:hover{background:#ff4d6d24}.mobile-only{display:none}.desktop-only,body.is-touch .mobile-only{display:block}body.is-touch .desktop-only,body.is-touch .weapon-key{display:none}@media(max-width:860px){.booster-btn{width:176px;padding:9px 10px}.booster-title{font-size:11.5px}.booster-sub{font-size:10px}.hud-bottom{gap:8px;padding:9px 10px}.level-box{min-width:92px;padding:5px 9px}.level-num{font-size:18px}.weapon-btn{width:118px;padding:8px 10px}}@media(max-width:560px){.hud-bottom{width:calc(100vw - 16px);gap:7px;padding:8px 9px;border-radius:14px}.level-box{min-width:76px;padding:5px 8px}.level-label{font-size:9px}.level-num{font-size:16px}.level-species{font-size:10.5px;max-width:72px}.bar{height:17px}.bar-text{font-size:10px}.atk-box{padding:6px 9px}.atk-value{font-size:15px}.atk-icon{font-size:13px}.score-item{padding:6px 9px;font-size:13px}.icon-btn{width:40px;height:40px;font-size:19px}.booster-btn{width:auto;padding:8px}.booster-body,.booster-timer{display:none}.booster-btn.active:after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px var(--gold)}.weapon-select{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 182px);gap:6px}.weapon-btn{width:auto;padding:8px 10px}.weapon-name{display:none}.weapon-icon{font-size:19px}.mob-bar{width:62px;margin-left:-31px}.mob-bar-name{font-size:9.5px}.dmg-num{font-size:15px}.dmg-num.crit{font-size:20px}.panel{padding:22px 18px;gap:12px}.gameover-stats span{font-size:19px}}@media(max-height:480px)and (orientation:landscape){.booster-panel{top:max(10px,env(safe-area-inset-top));left:auto;right:max(10px,env(safe-area-inset-right));transform:none;flex-direction:row}.booster-btn{width:auto;padding:7px}.booster-body,.booster-timer{display:none}.hud-bottom{bottom:max(8px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 230px));padding:6px 8px}.bar{height:15px}.bar-text{font-size:9.5px}.joystick.joystick-zone{height:78vh}.joystick-base{width:106px;height:106px}.joystick-knob{width:46px;height:46px;margin:-23px 0 0 -23px}.attack-btn{width:74px;height:74px;font-size:27px;bottom:max(12px,env(safe-area-inset-bottom))}.weapon-select{right:calc(max(24px,env(safe-area-inset-right)) + 88px);bottom:max(12px,env(safe-area-inset-bottom));flex-direction:row}.weapon-btn{width:auto;padding:7px 9px}.weapon-name{display:none}.panel{padding:16px 18px;gap:9px}.game-title{font-size:clamp(24px,6vh,34px)}.tagline,.controls-hint{display:none}.ad-fake{aspect-ratio:16 / 7}}@media(prefers-reduced-motion:reduce){.evo-bar .bar-fill:after{animation:none}.overlay,.panel,.biome-card{animation:none}.bar-fill{transition:none}}