:root{--gold:#ffd54a;--ink:#15331a;--panel: rgba(12, 34, 16, .82);--panel-border: rgba(160, 230, 120, .35);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{overflow:hidden;background:#0b1a0d;-webkit-user-select:none;user-select:none}#root{position:fixed;top:0;right:0;bottom:0;left:0}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}.ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.ui>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:12px 16px;pointer-events:none}.hud-top>*{pointer-events:auto}.stat{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--panel-border);border-radius:14px;padding:6px 14px 6px 8px;color:#fff;font-weight:700;font-size:22px;box-shadow:0 6px 18px #00000059}.stat img{width:30px;height:30px;image-rendering:pixelated}.stat .mob-ico{font-size:24px;line-height:1}.wave-box{margin-left:auto;background:var(--panel);border:2px solid var(--panel-border);border-radius:14px;padding:6px 16px;color:#fff;text-align:center;box-shadow:0 6px 18px #00000059;min-width:120px}.wave-label{font-size:11px;letter-spacing:3px;opacity:.7}.wave-num{font-size:20px;font-weight:700}.wave-num span{color:var(--gold)}.wave-timer{margin-top:5px;height:6px;border-radius:4px;background:#ffffff26;overflow:hidden}.wave-bar{height:100%;background:linear-gradient(90deg,#9ee37d,#ffd54a);transition:width .2s linear}.ghost-btn{background:var(--panel);border:2px solid var(--panel-border);color:#fff;border-radius:12px;width:46px;height:46px;font-size:20px;cursor:pointer}.ghost-btn:hover{filter:brightness(1.2)}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:14px;flex-wrap:wrap}.plant-card{position:relative;width:96px;height:104px;background:var(--panel);border:3px solid var(--panel-border);border-radius:16px;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;transition:transform .12s,border-color .12s,filter .12s;box-shadow:0 8px 20px #00000059}.plant-card .icon{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;position:absolute;top:6px;left:50%;transform:translate(-50%)}.plant-card .pc-name{font-size:13px;font-weight:700}.plant-card .pc-cost{display:flex;align-items:center;gap:3px;font-size:13px;color:var(--gold);font-weight:700}.plant-card .pc-cost img{width:16px;height:16px}.plant-card:hover{transform:translateY(-4px);filter:brightness(1.12)}.plant-card.selected{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 0 0 3px #ffd54a66,0 10px 22px #0006}.plant-card.too-poor{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.plant-card.deselect{width:80px}.plant-card.deselect .icon{width:40px;height:40px;top:14px}.plant-card.shovel{width:84px}.shovel-icon{width:48px;height:48px;top:10px}.plant-card.shovel.selected{border-color:#ffb24a;box-shadow:0 0 0 3px #ffb24a66,0 10px 22px #0006}.pc-cost.refund{color:#9ee37d}.view-toggle{position:absolute;right:16px;bottom:18px;display:flex;gap:4px;padding:5px;background:var(--panel);border:2px solid var(--panel-border);border-radius:14px;cursor:pointer;box-shadow:0 6px 18px #00000059}.vt-opt{font-size:15px;font-weight:700;color:#9fc78a;padding:5px 12px;border-radius:10px;transition:background .15s,color .15s}.vt-opt.on{background:linear-gradient(180deg,#7ed957,#4a9e2f);color:#fff}.upgrade-panel{position:absolute;left:16px;top:84px;width:236px;display:flex;flex-direction:column;gap:8px;background:var(--panel);border:2px solid var(--panel-border);border-radius:16px;padding:10px;box-shadow:0 8px 22px #0006;animation:cardPop .35s ease}.upgrade-title{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-align:center;opacity:.9;margin-bottom:2px}.upgrade-card{display:flex;align-items:center;gap:9px;text-align:left;background:#ffffff0d;border:2px solid var(--panel-border);border-radius:12px;padding:8px 10px;color:#fff;cursor:pointer;transition:transform .1s,border-color .12s,background .12s}.upgrade-card:hover:not(.disabled){transform:translateY(-2px);border-color:#9ee37d;background:#6ee84a1f}.upgrade-card.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.up-icon{font-size:24px;line-height:1;flex:0 0 28px;text-align:center}.up-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.up-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.up-level{font-size:11px;font-weight:700;color:#9ee37d;background:#6ee84a26;border-radius:999px;padding:1px 7px}.up-desc{font-size:10.5px;line-height:1.25;opacity:.7}.up-cost{display:flex;align-items:center;gap:3px;font-size:14px;font-weight:700;color:var(--gold);flex:0 0 auto;white-space:nowrap}.up-cost img{width:15px;height:15px;image-rendering:pixelated}.up-max{font-size:11px;color:#9ee37d;letter-spacing:1px}@media (max-width:560px){.upgrade-panel{width:188px;top:78px;padding:8px}.up-desc{display:none}}.banner{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:54px;font-weight:900;color:#fff;text-shadow:0 4px 0 var(--ink),0 0 30px rgba(120,255,90,.6);pointer-events:none;opacity:0;text-align:center;letter-spacing:1px}.banner.show{animation:bannerPop 1.6s ease forwards}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(1)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#143c1999,#040a05eb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.card{background:var(--panel);border:3px solid var(--panel-border);border-radius:24px;padding:36px 40px;text-align:center;color:#fff;max-width:560px;box-shadow:0 20px 60px #0009;animation:cardPop .4s ease}@keyframes cardPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.card h1{font-size:54px;line-height:1;margin-bottom:6px;color:#9ee37d;text-shadow:0 3px 0 var(--ink)}.card h1 span{color:var(--gold)}.subtitle{font-size:18px;opacity:.85;margin-bottom:22px}.legend{text-align:left;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.legend div{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.3}.legend img{width:40px;height:40px;image-rendering:pixelated;flex:0 0 40px}.big-btn{background:linear-gradient(180deg,#7ed957,#4a9e2f);border:none;border-bottom:4px solid #2f6b1d;color:#fff;font-size:22px;font-weight:700;padding:14px 34px;border-radius:16px;cursor:pointer;transition:transform .1s,filter .1s}.big-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.big-btn:active{transform:translateY(1px);border-bottom-width:2px}.credit{margin-top:20px;font-size:12px;opacity:.55}.mode-picker{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.mode-picker.compact{margin-top:8px}.mode-btn{flex:1 1 220px;max-width:260px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0d;border:3px solid var(--panel-border);border-radius:18px;padding:18px 16px;color:#fff;cursor:pointer;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.mode-btn:hover{transform:translateY(-4px);border-color:#9ee37d;background:#6ee84a1f;box-shadow:0 10px 26px #0006}.mode-btn.endless:hover{border-color:#ffd54a;background:#ffd54a1f}.mode-icon{font-size:40px;line-height:1}.mode-name{font-size:22px;font-weight:700}.mode-desc{font-size:13px;opacity:.78;line-height:1.3;text-align:center}.big-btn.ghost{background:#ffffff14;border:2px solid var(--panel-border);border-bottom:2px solid var(--panel-border);color:#dfffce}.big-btn.ghost:hover{background:#ffffff29}.pause-card{max-width:440px}.pause-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.pause-actions .big-btn{width:100%}.pause-toggles{display:flex;justify-content:center;gap:12px;margin-bottom:6px}.pause-toggles .ghost-btn{width:auto;min-width:46px;padding:0 16px;font-weight:700}.end-emoji{font-size:72px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:floaty 2.4s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.end-title{font-size:64px;line-height:1;margin-bottom:10px;text-shadow:0 4px 0 var(--ink)}.end-card.win .end-title{color:#9ee37d}.end-card.lose .end-title{color:#ff7a6b}.end-text{font-size:19px;margin-bottom:26px;line-height:1.45;opacity:.92}.menu-card{max-width:780px;width:calc(100vw - 32px);max-height:92vh;overflow-y:auto}.codex{margin:6px 0 22px}.codex-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:16px}.codex-tab{background:#ffffff0f;border:2px solid var(--panel-border);color:#cfe9bf;font-weight:700;font-size:15px;padding:8px 18px;border-radius:999px;cursor:pointer;transition:transform .1s,background .15s,color .15s,border-color .15s}.codex-tab:hover{transform:translateY(-2px)}.codex-tab.on{background:#6ee84a2e;border-color:#6ee84a;color:#dfffce}.codex-tab.on.threat{background:#ff5a4a2e;border-color:#ff5a4a;color:#ffd8d2}.codex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.codex-card{background:#ffffff0d;border:2px solid var(--panel-border);border-radius:16px;padding:12px;text-align:left;transition:transform .12s,border-color .12s,background .12s;animation:cardIn .4s ease both}.codex-card:nth-child(2){animation-delay:.07s}.codex-card:nth-child(3){animation-delay:.14s}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.codex-card:hover{transform:translateY(-4px);border-color:#c8f0a0b3;background:#ffffff17}.codex-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.codex-head img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;flex:0 0 46px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.codex-name{font-weight:700;font-size:16px;color:#fff}.codex-badge{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:13px;font-weight:700;color:var(--gold)}.codex-badge.reward{color:#9ee37d}.codex-badge img{width:15px;height:15px;image-rendering:pixelated}.codex-stats{display:flex;flex-direction:column;gap:6px}.stat-row{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:7px;font-size:11.5px}.stat-label{color:#bcd4ad}.stat-track{height:8px;background:#00000059;border-radius:999px;overflow:hidden}.stat-fill{display:block;height:100%;border-radius:999px;transform-origin:left;animation:grow .55s ease both}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stat-val{color:#fff;font-weight:700;min-width:38px;text-align:right}.codex-desc{margin-top:10px;font-size:12px;line-height:1.35;color:#cfe0c2;opacity:.9}@media (max-width:620px){.codex-grid{grid-template-columns:1fr}.codex-card{display:flex;flex-direction:column}}.spinner{width:54px;height:54px;border:6px solid rgba(255,255,255,.2);border-top-color:#9ee37d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{flex-direction:column}.loading p{color:#fff;margin-top:18px;font-size:16px;opacity:.8}@media (max-width:560px){.card h1{font-size:40px}.plant-card{width:78px;height:92px}.plant-card .icon{width:44px;height:44px}.stat{font-size:18px}.banner{font-size:38px}}