:root{color:#fff7dd;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#fff7dd;--ink-muted:#bfd0cf;--panel:#0a161fdb;--border:#fff7dd2e;--yellow:#f8c947;--green:#48c774;--cyan:#5ed9e9;--coral:#ff6a4a;--focus:#fff0a4;--shadow:0 14px 34px #030b1257;background:#152238;font-family:Segoe UI,Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;letter-spacing:0}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed}.game-shell{isolation:isolate;background:#152238;width:100%;height:100svh;min-height:520px;position:relative;overflow:hidden}.game-viewport{z-index:0;position:absolute;inset:0}.game-viewport canvas{touch-action:none;width:100%;height:100%;display:block}.hud-top{z-index:10;pointer-events:none;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:start;gap:16px;display:grid;position:absolute;top:14px;left:16px;right:16px}.brand-lockup,.battle-meter,.game-controls,.plant-deck,.battle-status{pointer-events:auto}.brand-lockup{min-height:52px;color:var(--ink);text-shadow:0 2px 12px #030c146b;justify-self:start;align-items:center;gap:10px;display:flex}.brand-lockup__mark{color:#17251f;background:var(--yellow);border:1px solid #f8c9476b;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 6px 20px #f8c94742}.brand-lockup strong,.brand-lockup small{letter-spacing:0;display:block}.brand-lockup strong{font-size:18px;font-weight:900;line-height:1}.brand-lockup small{color:#d2dfd9;margin-top:5px;font-size:10px;font-weight:700;line-height:1}.battle-meter{border:1px solid var(--border);background:var(--panel);min-height:52px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:7px;grid-template-columns:auto minmax(168px,230px) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.resource-readout,.score-readout{white-space:nowrap;align-items:center;gap:7px;display:flex}.resource-readout{color:var(--yellow)}.score-readout{color:var(--cyan)}.resource-readout strong,.score-readout strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.wave-readout{min-width:0}.wave-readout>span{color:var(--ink-muted);text-align:center;margin-bottom:6px;font-size:10px;font-weight:800;line-height:1;display:block}.wave-track,.load-track{background:#ffffff14;border:1px solid #fff7dd24;border-radius:2px;height:7px;position:relative;overflow:hidden}.wave-track span,.load-track span{background:var(--green);height:100%;transition:width .18s ease-out;display:block}.game-controls{justify-self:end;gap:8px;display:flex}.icon-button,.tool-button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:6px;place-items:center;padding:0;transition:border-color .15s,color .15s,background-color .15s,transform .12s;display:grid;box-shadow:0 8px 24px #040d143d}.icon-button:hover:not(:disabled),.tool-button:hover:not(:disabled){color:var(--cyan);background:#0d232df0;border-color:#5ed9e9a8}.icon-button:active:not(:disabled),.tool-button:active:not(:disabled){transform:translateY(1px)}.icon-button:disabled,.tool-button:disabled{color:#fff7dd59;background:#0a161f7a}.battle-status{z-index:9;border-left:3px solid var(--yellow);max-width:min(620px,100vw - 40px);min-height:34px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08141bc7;align-items:center;gap:14px;padding:7px 11px;font-size:12px;font-weight:700;line-height:1.2;display:flex;position:absolute;bottom:122px;left:20px;box-shadow:0 8px 24px #030b123d}.battle-status__meta{color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:10px;display:flex}.battle-status__meta i{background:var(--coral);border-radius:50%;width:3px;height:3px}.plant-deck{z-index:12;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08131be8;border-radius:7px;align-items:stretch;gap:8px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.plant-card{--plant-accent:var(--green);width:118px;height:72px;color:var(--ink);cursor:pointer;background:#122936;border:1px solid #fff7dd29;border-radius:6px;grid-template-columns:48px 1fr;align-items:center;gap:7px;padding:6px 8px 6px 6px;transition:border-color .15s,background-color .15s,transform .12s;display:grid;position:relative;overflow:hidden}.plant-card:hover:not(:disabled){border-color:var(--plant-accent);background:#173440}.plant-card:active:not(:disabled){transform:translateY(1px)}.plant-card[data-selected=true]{border-color:var(--plant-accent);box-shadow:inset 0 -3px 0 var(--plant-accent)}.plant-card[data-disabled=true]{color:#fff7dd80;background:#10212b}.plant-card__image{background:#254052;border-radius:4px;width:48px;height:58px;display:block;position:relative;overflow:hidden}.plant-card__image img{object-fit:cover;filter:saturate(.94)contrast(1.04);width:100%;height:100%}.plant-card[data-disabled=true] .plant-card__image img{filter:grayscale(.7)brightness(.62)}.plant-card__image svg{color:#10212b;background:var(--plant-accent);border-radius:3px;padding:2px;position:absolute;bottom:4px;right:4px}.plant-card__copy{text-align:left;min-width:0}.plant-card__copy strong{color:currentColor;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.15;display:block;overflow:hidden}.plant-card__copy>span{color:var(--yellow);align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:800;line-height:1;display:flex}.plant-card__cooldown{z-index:2;pointer-events:none;background:#040c11b8;position:absolute;bottom:0;left:0;right:0}.plant-card__timer{z-index:3;color:var(--ink);text-shadow:0 2px 8px #000;pointer-events:none;place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;inset:0}.tool-button{align-self:stretch;width:52px;height:auto;min-height:72px}.tool-button[data-selected=true]{border-color:var(--coral);color:var(--coral);background:#461c1ce6}.game-overlay{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050d159e;place-items:center;padding:88px 20px 118px;display:grid;position:absolute;inset:0}.game-overlay--soft{background:#050d1575}.overlay-panel{width:min(430px,100%);color:var(--ink);text-align:center;background:#0a1b23f2;border:1px solid #fff7dd33;border-radius:8px;padding:30px;box-shadow:0 28px 80px #00000070}.overlay-panel--start{border-top:4px solid var(--yellow)}.overlay-panel--result{width:min(500px,100%)}.overlay-emblem{color:#17251f;background:var(--yellow);border:1px solid #f8c94785;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 18px;display:grid;box-shadow:0 12px 34px #f8c9473d}.overlay-kicker{color:var(--cyan);margin:0 0 9px;font-size:11px;font-weight:900;line-height:1}.overlay-panel h1,.overlay-panel h2{letter-spacing:0;margin:0}.overlay-panel h1{font-size:40px;font-weight:950;line-height:1}.overlay-panel h2{font-size:24px;font-weight:850;line-height:1.25}.overlay-copy{max-width:31ch;color:var(--ink-muted);margin:13px auto 22px;font-size:14px;line-height:1.5}.load-track{width:100%;max-width:280px;margin:0 auto 16px}.primary-action{color:#17251f;background:var(--yellow);cursor:pointer;border:1px solid #ffe590;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-width:178px;min-height:48px;margin-top:18px;padding:11px 18px;font-size:12px;font-weight:950;transition:background-color .15s,transform .12s;display:inline-flex;box-shadow:0 10px 28px #f8c94733}.primary-action:hover:not(:disabled){background:#ffe07d}.primary-action:active:not(:disabled){transform:translateY(1px)}.primary-action:disabled{color:#fff7dd80;box-shadow:none;background:#ffffff14;border-color:#fff7dd2e}.overlay-icon{color:var(--cyan);margin-bottom:16px}.overlay-icon--win{color:var(--yellow)}.overlay-icon--loss{color:var(--coral)}.result-stats{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0 4px;display:grid;overflow:hidden}.result-stats div{background:#102530;padding:12px 8px}.result-stats dt{color:var(--ink-muted);font-size:9px;font-weight:800}.result-stats dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:18px;font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=840px){.game-shell{min-height:480px}.hud-top{grid-template-columns:auto 1fr auto;gap:8px;top:9px;left:9px;right:9px}.brand-lockup{min-height:44px}.brand-lockup__mark{width:40px;height:40px}.brand-lockup>span:last-child{display:none}.battle-meter{grid-template-columns:auto minmax(84px,1fr);gap:8px;min-height:44px;padding:6px 8px}.score-readout{display:none}.wave-readout>span{font-size:9px}.game-controls{gap:5px}.icon-button{width:40px;height:40px}.game-controls .icon-button:nth-child(3){display:none}.battle-status{justify-content:space-between;max-width:none;min-height:30px;padding:6px 9px;font-size:10px;bottom:101px;left:12px;right:12px}.battle-status>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-status__meta{display:none}.plant-deck{right:8px;bottom:max(8px, env(safe-area-inset-bottom));justify-content:center;gap:5px;padding:6px;left:8px;transform:none}.plant-card{grid-template-columns:39px 1fr;gap:5px;width:min(25vw,92px);min-width:75px;height:68px;padding:5px}.plant-card__image{width:39px;height:56px}.plant-card__copy strong{font-size:10px}.plant-card__copy>span{margin-top:7px;font-size:10px}.tool-button{flex:0 0 44px;width:44px;min-height:68px}.game-overlay{padding:68px 16px 96px}.overlay-panel{padding:24px 20px}.overlay-panel h1{font-size:34px}.overlay-panel h2{font-size:21px}}@media (width<=460px){.hud-top{grid-template-columns:40px 1fr auto}.brand-lockup{gap:0}.battle-meter{min-width:0}.resource-readout strong{font-size:13px}.plant-card{grid-template-columns:1fr;width:min(22.5vw,78px);min-width:66px;padding:4px}.plant-card__image{width:100%;height:38px}.plant-card__copy{justify-content:space-between;align-items:center;gap:3px;display:flex}.plant-card__copy strong{max-width:50px;font-size:9px}.plant-card__copy>span{margin-top:0;font-size:9px}.plant-card__copy>span svg{display:none}.result-stats dd{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}