.zf-td-shell{--td-arena-bg: var(--bg-surface);--td-grid: rgb(12 10 9 / .04);--td-vignette: rgb(12 10 9 / .08);--td-chrome-bg: var(--bg);--td-chrome-border: var(--border);--td-base-bg-gradient: linear-gradient(180deg, rgb(245 245 244 / 0) 0%, rgb(245 245 244 / .7) 30%, rgb(245 245 244 / .95) 100%);--td-base-chassis-bg: linear-gradient(180deg, #f5f5f4 0%, #e7e5e4 100%);--td-blade-bg: linear-gradient(180deg, #ffffff 0%, #f5f5f4 100%);--td-blade-primary-bg: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);--td-blade-border: var(--border);--td-blade-display-bg: #fafaf9;--td-wordbox-bg: rgb(255 255 255 / .95);--td-wordbox-border: var(--border);--td-overlay-bg: rgb(245 245 244 / .92);--td-scanline-color: rgb(12 10 9 / .02);--td-pip-bg: rgba(255, 255, 255, .6);--td-pip-border: var(--border);--td-accent: var(--accent);--td-success: var(--emerald-500, #10b981);--td-warning: var(--yellow-500, #eab308);--td-danger: var(--red-500, #ef4444);--td-enemy-standard: #0891b2;--td-enemy-standard-glow: rgba(8, 145, 178, .35);--td-enemy-speedy: #c026d3;--td-enemy-speedy-glow: rgba(192, 38, 211, .35);--td-enemy-tank: #15803d;--td-enemy-tank-glow: rgba(21, 128, 61, .35);--td-enemy-splitter: #d97706;--td-enemy-splitter-glow: rgba(217, 119, 6, .35);--td-enemy-splitterling: #b45309;--td-enemy-splitterling-glow: rgba(180, 83, 9, .35);--td-enemy-healer: #7c3aed;--td-enemy-healer-glow: rgba(124, 58, 237, .35);--td-enemy-shielded: #52525b;--td-enemy-shielded-glow: rgba(82, 82, 91, .35);--td-shield-blue: #2563eb;--td-enemy-jammer: #ca8a04;--td-enemy-jammer-glow: rgba(202, 138, 4, .35);--td-enemy-boss: #b91c1c;--td-enemy-boss-glow: rgba(185, 28, 28, .35);--td-enemy-locked: var(--accent);--td-enemy-locked-glow: rgb(14 165 233 / .45);--td-glyph-shadow: 0 1px 2px rgb(0 0 0 / .15);--td-glow-spread: 6px;--td-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:var(--bg);color:var(--fg-body);user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.dark .zf-td-shell{--td-arena-bg: #0c0a09;--td-grid: rgb(56 189 248 / .05);--td-vignette: rgb(0 0 0 / .55);--td-chrome-bg: var(--stone-900, #1c1917);--td-chrome-border: var(--border);--td-base-bg-gradient: linear-gradient(180deg, rgb(12 10 9 / 0) 0%, rgb(12 10 9 / .7) 30%, rgb(12 10 9 / .95) 100%);--td-base-chassis-bg: linear-gradient(180deg, #1c1917 0%, #0c0a09 100%);--td-blade-bg: linear-gradient(180deg, #292524 0%, #1c1917 100%);--td-blade-primary-bg: linear-gradient(180deg, #1e3a52 0%, #0c1f33 100%);--td-blade-border: var(--border);--td-blade-display-bg: #0c0a09;--td-wordbox-bg: rgb(28 25 23 / .92);--td-wordbox-border: rgb(255 255 255 / .08);--td-overlay-bg: rgb(12 10 9 / .88);--td-scanline-color: rgb(255 255 255 / .025);--td-pip-bg: rgba(56, 189, 248, .2);--td-pip-border: rgb(255 255 255 / .1);--td-enemy-standard: #4fe1ff;--td-enemy-standard-glow: rgba(79, 225, 255, .55);--td-enemy-speedy: #ff5fd2;--td-enemy-speedy-glow: rgba(255, 95, 210, .55);--td-enemy-tank: #80ff9b;--td-enemy-tank-glow: rgba(128, 255, 155, .55);--td-enemy-splitter: #ffb454;--td-enemy-splitter-glow: rgba(255, 180, 84, .55);--td-enemy-splitterling: #ffce8a;--td-enemy-splitterling-glow: rgba(255, 206, 138, .55);--td-enemy-healer: #a78bfa;--td-enemy-healer-glow: rgba(167, 139, 250, .55);--td-enemy-shielded: #d4d4d8;--td-enemy-shielded-glow: rgba(212, 212, 216, .55);--td-shield-blue: #60a5fa;--td-enemy-jammer: #fde047;--td-enemy-jammer-glow: rgba(253, 224, 71, .55);--td-enemy-boss: #f87171;--td-enemy-boss-glow: rgba(248, 113, 113, .55);--td-enemy-locked: var(--accent);--td-enemy-locked-glow: rgb(56 189 248 / .55);--td-glyph-shadow: 0 0 12px currentColor;--td-glow-spread: 12px}.zf-td-shell zf-tower-defense{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.zf-td-shell .td-hud{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;background:var(--td-chrome-bg);border-bottom:1px solid var(--td-chrome-border);padding:clamp(8px,1.4vmin,16px) clamp(12px,2.2vmin,28px);gap:clamp(12px,2.4vmin,28px);font-family:var(--td-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;position:relative;z-index:10}.zf-td-shell .td-hud-stat{display:flex;flex-direction:column;gap:4px}.zf-td-shell .td-hud-label{color:var(--fg-muted);font-size:clamp(9px,1.2vmin,11px)}.zf-td-shell .td-hud-value{color:var(--fg-strong);font-size:clamp(16px,2.6vmin,24px);font-weight:700;letter-spacing:.02em;text-transform:none;line-height:1;transition:color .12s ease}.zf-td-shell .td-suffix{color:var(--fg-muted);font-size:14px;font-weight:400;margin-left:4px}.zf-td-shell .td-hud-hp .td-hud-value{color:var(--td-accent)}.zf-td-shell .td-hud-hp.td-hp-low .td-hud-value{color:var(--td-danger);animation:td-pulse-red .8s ease-in-out infinite}.zf-td-shell .td-hud-combo .td-hud-value{color:var(--td-enemy-speedy)}.zf-td-shell .td-hud-combo-zero .td-hud-value{color:var(--fg-muted)}.zf-td-shell .td-hud-wave .td-hud-value{color:var(--td-success)}.zf-td-shell .td-hud-best .td-hud-value{color:var(--td-warning);font-variant-numeric:tabular-nums}.zf-td-shell .td-hud-score .td-hud-value{font-variant-numeric:tabular-nums}.zf-td-shell .td-hp-pips{display:flex;gap:4px;margin-top:4px}.zf-td-shell .td-hp-pip{width:14px;height:6px;background:var(--td-accent);box-shadow:0 0 6px var(--td-enemy-locked-glow);border-radius:1px;transition:all .2s ease}.zf-td-shell .td-hp-pip.td-hp-pip-empty{background:var(--td-pip-bg);box-shadow:none;border:1px solid var(--td-pip-border)}@keyframes td-pulse-red{0%,to{opacity:1}50%{opacity:.55}}.zf-td-shell .td-arena-wrap{flex:1 1 auto;position:relative;overflow:hidden;background:var(--td-arena-bg)}.zf-td-shell .td-arena{position:absolute;inset:0;transform:translateZ(0);will-change:transform}.zf-td-shell .td-arena:before{content:"";position:absolute;inset:-2px;background-image:linear-gradient(var(--td-grid) 1px,transparent 1px),linear-gradient(90deg,var(--td-grid) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.zf-td-shell .td-arena:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,var(--td-vignette) 100%);pointer-events:none}.zf-td-shell .td-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,var(--td-scanline-color) 0px,var(--td-scanline-color) 1px,transparent 1px,transparent 3px);z-index:5;mix-blend-mode:overlay}.zf-td-shell .td-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow 80ms ease;z-index:6}.zf-td-shell .td-flash.td-flash-hit{box-shadow:inset 0 0 120px 20px #ef444473;transition:box-shadow 60ms ease-out}.zf-td-shell canvas{position:absolute;inset:0;pointer-events:none;z-index:4}.zf-td-shell .td-base{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(720px,86%);padding:12px 14px 14px;background:var(--td-base-bg-gradient);border-top:1px solid var(--td-chrome-border);display:flex;flex-direction:column;align-items:stretch;gap:8px;z-index:2;pointer-events:none}.zf-td-shell .td-blade-chassis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:var(--td-base-chassis-bg);border:1px solid var(--td-blade-border);border-radius:4px;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px 6px #0000001a}.zf-td-shell .td-blade{position:relative;height:96px;background:var(--td-blade-bg);border:1px solid var(--td-blade-border);border-radius:2px;padding:7px 8px 6px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.zf-td-shell .td-blade-primary{border-color:var(--td-accent);background:var(--td-blade-primary-bg)}.zf-td-shell .td-blade-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.zf-td-shell .td-blade-leds{display:flex;gap:4px;align-items:center}.zf-td-shell .td-led{width:5px;height:5px;border-radius:50%;background:var(--td-blade-border);box-shadow:0 0 0 1px #00000026}.zf-td-shell .td-led-pwr{background:var(--td-success);box-shadow:0 0 5px var(--td-success),0 0 0 1px #00000026}.zf-td-shell .td-led-act{background:var(--td-accent);box-shadow:0 0 5px var(--td-accent),0 0 0 1px #00000026;animation:td-led-blink 1.4s ease-in-out infinite}.zf-td-shell .td-led-warn{background:var(--td-warning);box-shadow:0 0 5px var(--td-warning),0 0 0 1px #00000026;animation:td-led-blink 2.2s ease-in-out infinite}@keyframes td-led-blink{0%,to{opacity:.25}50%{opacity:1}}.zf-td-shell .td-blade-display{font-family:var(--td-mono);font-size:7px;letter-spacing:.06em;color:var(--td-accent);background:var(--td-blade-display-bg);border:1px solid var(--td-blade-border);padding:1px 3px;line-height:1;border-radius:1px;min-width:28px;text-align:center}.zf-td-shell .td-blade-vents{flex:1;background:repeating-linear-gradient(to bottom,var(--td-scanline-color) 0px,var(--td-scanline-color) 1px,transparent 1px,transparent 3px);border-top:1px solid rgb(0 0 0 / .06);border-bottom:1px solid rgb(255 255 255 / .04);border-radius:1px}.zf-td-shell .td-blade-bays{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;height:8px}.zf-td-shell .td-blade-bays span{background:var(--td-blade-border);border-radius:1px;border:1px solid rgb(0 0 0 / .06)}.zf-td-shell .td-bay-on-cyan{background:var(--td-enemy-standard)!important;opacity:.7}.zf-td-shell .td-bay-on-green{background:var(--td-enemy-tank)!important;opacity:.7}.zf-td-shell .td-bay-on-mag{background:var(--td-enemy-speedy)!important;opacity:.7}.zf-td-shell .td-blade-label{font-family:var(--td-mono);font-size:7.5px;letter-spacing:.18em;color:var(--fg-muted);text-align:center;text-transform:uppercase;line-height:1}.zf-td-shell .td-base-threshold{position:absolute;left:0;right:0;bottom:140px;height:1px;background:linear-gradient(90deg,transparent,rgb(239 68 68 / .35),transparent);z-index:1;pointer-events:none}.zf-td-shell .td-enemy{position:absolute;transform:translate3d(var(--td-x, 0),var(--td-y, 0),0) translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--td-mono);pointer-events:none;z-index:3;will-change:transform,opacity}.zf-td-shell .td-enemy-sprite{width:clamp(21px,3.2vmin,36px);line-height:0;animation:td-sprite-bob 2.4s ease-in-out infinite;animation-delay:var(--td-bob-delay, 0s)}.zf-td-shell .td-enemy-sprite svg{display:block;width:100%;height:auto}.zf-td-shell .td-enemy-tank .td-enemy-sprite{width:clamp(29px,4.3vmin,48px)}.zf-td-shell .td-enemy-speedy .td-enemy-sprite{width:clamp(18px,2.8vmin,32px);animation-duration:1.2s}.zf-td-shell .td-enemy-splitterling .td-enemy-sprite{width:clamp(14px,2vmin,23px)}.zf-td-shell .td-enemy-boss .td-enemy-sprite{width:clamp(38px,5.6vmin,64px);animation-duration:3.2s}.dark .zf-td-shell .td-enemy-sprite{filter:drop-shadow(0 0 2px currentColor)}@keyframes td-sprite-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.zf-td-shell .td-px-eye{transform-box:fill-box;transform-origin:center;animation:td-eye-life 5s ease-in-out infinite;animation-delay:var(--td-eye-delay, 0s)}@keyframes td-eye-life{0%,22%{transform:translate(0) scaleY(1)}26%,38%{transform:translate(-.6px) scaleY(1)}42%,62%{transform:translate(0) scaleY(1)}66%,78%{transform:translate(.6px) scaleY(1)}82%,90%{transform:translate(0) scaleY(1)}93%{transform:translate(0) scaleY(.12)}96%,to{transform:translate(0) scaleY(1)}}.zf-td-shell .td-px-led{animation:td-led-pulse 1.6s ease-in-out infinite;animation-delay:var(--td-led-delay, 0s)}@keyframes td-led-pulse{0%,to{opacity:1}50%{opacity:.25}}.zf-td-shell .td-px-jet{transform-box:fill-box;transform-origin:top center;animation:td-jet .22s ease-in-out infinite alternate}@keyframes td-jet{0%{opacity:.45;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1.3)}}.zf-td-shell .td-px-pupil{transform-box:fill-box;transform-origin:center}.zf-td-shell .td-px-pupil-tank{animation:td-tank-pupil 4s ease-in-out infinite;animation-delay:var(--td-eye-delay, 0s)}.zf-td-shell .td-px-pupil-speedy{animation:td-speedy-pupil 2.4s ease-in-out infinite;animation-delay:var(--td-eye-delay, 0s)}@keyframes td-tank-pupil{0%{transform:translate(-3px)}50%{transform:translate(3px)}to{transform:translate(-3px)}}@keyframes td-speedy-pupil{0%{transform:translate(-1px)}50%{transform:translate(1px)}to{transform:translate(-1px)}}.zf-td-shell .td-px-seam{opacity:0;animation:td-seam 2.2s ease-in-out infinite;animation-delay:var(--td-eye-delay, 0s)}@keyframes td-seam{0%,to{opacity:0}50%{opacity:.55}}.zf-td-shell .td-px-cross{animation:td-cross-pulse 1.4s ease-in-out infinite}@keyframes td-cross-pulse{0%,to{opacity:.5}50%{opacity:1}}.zf-td-shell .td-px-siren{animation:td-siren-a .66s steps(1) infinite}.zf-td-shell .td-px-siren-b{animation-name:td-siren-b}@keyframes td-siren-a{0%,49%{fill:#2563eb;filter:drop-shadow(-2px 0 2px #3b82f6) drop-shadow(-4px -2px 5px #3b82f6) drop-shadow(0 -4px 5px #3b82f6)}50%,to{fill:#dc2626;filter:drop-shadow(-2px 0 2px #ef4444) drop-shadow(-4px -2px 5px #ef4444) drop-shadow(0 -4px 5px #ef4444)}}@keyframes td-siren-b{0%,49%{fill:#dc2626;filter:drop-shadow(2px 0 2px #ef4444) drop-shadow(4px -2px 5px #ef4444) drop-shadow(0 -4px 5px #ef4444)}50%,to{fill:#2563eb;filter:drop-shadow(2px 0 2px #3b82f6) drop-shadow(4px -2px 5px #3b82f6) drop-shadow(0 -4px 5px #3b82f6)}}.zf-td-shell .td-enemy-jammer .td-enemy-sprite svg,.zf-td-shell .td-legend-gold .td-l-glyph svg{overflow:visible}.zf-td-shell .td-px-pupil-jammer{animation:td-speedy-pupil 1.4s steps(3) infinite;animation-delay:var(--td-eye-delay, 0s)}.zf-td-shell .td-px-pupil-boss{animation:td-tank-pupil 5.5s ease-in-out infinite;animation-delay:var(--td-eye-delay, 0s)}.zf-td-shell .td-px-shield{fill:var(--td-shield-blue);filter:drop-shadow(0 0 1.5px var(--td-shield-blue));transition:opacity .14s ease;animation:td-shield-glow 1.8s ease-in-out infinite}.zf-td-shell .td-enemy-shielded:not(.td-enemy-shielded-up) .td-px-shield{opacity:0}@keyframes td-shield-glow{0%,to{filter:drop-shadow(0 0 1px var(--td-shield-blue))}50%{filter:drop-shadow(0 0 3px var(--td-shield-blue))}}.zf-td-shell .td-enemy-locked .td-px-eye,.zf-td-shell .td-enemy-locked .td-px-pupil{transform:scale(1.35)!important}@media(prefers-reduced-motion:reduce){.zf-td-shell .td-enemy-sprite,.zf-td-shell .td-enemy-sprite *{animation:none}}.zf-td-shell .td-enemy-wordbox{background:var(--td-wordbox-bg);border:1px solid var(--td-wordbox-border);border-radius:6px;padding:4px 10px;font-size:clamp(13px,1.8vmin,18px);font-weight:500;letter-spacing:.04em;white-space:nowrap;color:var(--fg-strong);transition:all .12s ease;backdrop-filter:blur(2px)}.zf-td-shell .td-enemy-typed{color:var(--fg-muted);text-decoration:line-through;text-decoration-color:#7f7f7f80}.zf-td-shell .td-enemy-locked .td-enemy-wordbox{border-color:var(--td-enemy-locked);background:var(--td-wordbox-bg);box-shadow:0 0 0 1px var(--td-enemy-locked-glow),0 0 18px var(--td-enemy-locked-glow);transform:scale(1.06)}.zf-td-shell .td-enemy-locked .td-enemy-typed{color:var(--td-enemy-locked);text-decoration:none}.zf-td-shell .td-enemy-error-char{color:#ef4444;font-weight:700;text-decoration:underline wavy #ef4444}.zf-td-shell .td-enemy-has-error .td-enemy-wordbox{border-color:#ef4444;box-shadow:0 0 0 1px #ef44448c,0 0 18px #ef444473}.zf-td-shell .td-enemy-shielded-up .td-enemy-wordbox{border-style:dashed}.zf-td-shell .td-enemy-dying{animation:td-enemy-die .28s ease-out forwards}@keyframes td-enemy-die{0%{transform:translate3d(var(--td-x, 0),var(--td-y, 0),0) translate(-50%,-50%) scale(1);opacity:1}40%{transform:translate3d(var(--td-x, 0),var(--td-y, 0),0) translate(-50%,-50%) scale(1.25);opacity:.9}to{transform:translate3d(var(--td-x, 0),var(--td-y, 0),0) translate(-50%,-50%) scale(.4);opacity:0}}.zf-td-shell .td-enemy-standard{color:var(--td-enemy-standard)}.zf-td-shell .td-enemy-speedy{color:var(--td-enemy-speedy)}.zf-td-shell .td-enemy-tank{color:var(--td-enemy-tank)}.zf-td-shell .td-enemy-splitter{color:var(--td-enemy-splitter)}.zf-td-shell .td-enemy-splitterling{color:var(--td-enemy-splitterling)}.zf-td-shell .td-enemy-healer{color:var(--td-enemy-healer)}.zf-td-shell .td-enemy-shielded{color:var(--td-enemy-shielded)}.zf-td-shell .td-enemy-jammer{color:var(--td-enemy-jammer)}.zf-td-shell .td-enemy-boss{color:var(--td-enemy-boss)}.zf-td-shell .td-enemy-tag{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:currentColor;opacity:.7}.zf-td-shell .td-popup{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);font-family:var(--td-mono);text-align:center;pointer-events:none;z-index:7;opacity:0}.zf-td-shell .td-popup.td-popup-show{animation:td-popup-in 1.4s ease-out forwards}.zf-td-shell .td-popup-small{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px}.zf-td-shell .td-popup-big{font-size:clamp(32px,6vmin,56px);font-weight:700;letter-spacing:.05em;color:var(--td-success)}@keyframes td-popup-in{0%{opacity:0;transform:translate(-50%,-30%) scale(.95)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.zf-td-shell .td-combo-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);font-family:var(--td-mono);font-size:clamp(48px,10vmin,96px);font-weight:700;color:var(--td-enemy-speedy);pointer-events:none;z-index:7;opacity:0}.zf-td-shell .td-combo-flash.td-combo-flash-show{animation:td-combo-flash .9s ease-out forwards}@keyframes td-combo-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-4deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(0)}60%{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(0)}}.zf-td-shell .td-score-pop{position:absolute;transform:translate(-50%,-50%);font-family:var(--td-mono);font-size:14px;font-weight:700;color:var(--td-warning);pointer-events:none;z-index:6;animation:td-score-pop .7s ease-out forwards}@keyframes td-score-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-90%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(1)}}.zf-td-shell .td-overlay{position:absolute;inset:0;z-index:20;background:var(--td-overlay-bg);backdrop-filter:blur(4px);display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;overflow-y:auto}.zf-td-shell .td-overlay.td-overlay-show{display:flex}.zf-td-shell .td-eyebrow{font-family:var(--td-mono);font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:18px}.zf-td-shell .td-h1{font-family:var(--td-mono);font-size:clamp(32px,7vmin,64px);font-weight:700;letter-spacing:.04em;color:var(--fg-strong);margin:0 0 6px;line-height:1}.zf-td-shell .td-h1-cyan{color:var(--td-accent)}.zf-td-shell .td-h1-red{color:var(--td-danger)}.zf-td-shell .td-overlay-text{max-width:460px;color:var(--fg-body);margin:14px 0 32px;font-size:clamp(13px,2vmin,17px);line-height:1.55}.zf-td-shell .td-stats{display:flex;gap:36px;font-family:var(--td-mono);margin:22px 0 32px}.zf-td-shell .td-s-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px}.zf-td-shell .td-s-value{font-size:28px;font-weight:700;color:var(--fg-strong);font-variant-numeric:tabular-nums}.zf-td-shell .td-s-value-gold{color:var(--td-warning)}.zf-td-shell .td-s-value-green{color:var(--td-success)}.zf-td-shell .td-row-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.zf-td-shell .td-btn{font-family:var(--td-mono);font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:14px 28px;background:var(--td-accent);color:var(--td-chrome-bg);border:none;cursor:pointer;border-radius:4px;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.zf-td-shell .td-btn:hover,.zf-td-shell .td-btn:focus-visible{background:var(--accent-hover);outline:none;transform:translateY(-1px)}.zf-td-shell .td-btn-ghost{background:transparent;color:var(--fg-body);border:1px solid var(--td-chrome-border)}.zf-td-shell .td-btn-ghost:hover,.zf-td-shell .td-btn-ghost:focus-visible{background:var(--bg-surface);color:var(--fg-strong);border-color:var(--td-accent)}.zf-td-shell .td-kbd{margin-left:10px;padding:2px 6px;border-radius:3px;background:#00000026;font-size:11px;letter-spacing:.1em}.zf-td-shell .td-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:8px 0 28px;font-family:var(--td-mono);font-size:12px;max-width:760px}.zf-td-shell .td-legend-item{border:1px solid var(--td-chrome-border);border-radius:6px;padding:12px 14px;text-align:left;background:var(--bg-surface);min-width:140px}.zf-td-shell .td-l-glyph{margin-bottom:6px;line-height:0}.zf-td-shell .td-l-glyph svg{display:block;width:34px;height:auto}.zf-td-shell .td-l-name{color:var(--fg-strong);text-transform:uppercase;letter-spacing:.15em;font-size:11px;margin-bottom:6px}.zf-td-shell .td-l-desc{color:var(--fg-muted);font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none}.zf-td-shell .td-legend-cyan{color:var(--td-enemy-standard)}.zf-td-shell .td-legend-magenta{color:var(--td-enemy-speedy)}.zf-td-shell .td-legend-green{color:var(--td-enemy-tank)}.zf-td-shell .td-legend-amber{color:var(--td-enemy-splitter)}.zf-td-shell .td-legend-violet{color:var(--td-enemy-healer)}.zf-td-shell .td-legend-slate{color:var(--td-enemy-shielded)}.zf-td-shell .td-legend-gold{color:var(--td-enemy-jammer)}.zf-td-shell .td-legend-crimson{color:var(--td-enemy-boss)}.zf-td-shell .td-footer-hint{position:absolute;left:50%;bottom:158px;transform:translate(-50%);font-family:var(--td-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-muted);pointer-events:none;z-index:10;white-space:nowrap;padding:6px 12px}.zf-td-shell .zf-caps-warning{position:absolute;top:16px;left:50%;transform:translate(-50%);width:fit-content;max-width:calc(100% - 24px);margin:0;z-index:11;pointer-events:none}.zf-td-shell .td-pause-tag{position:absolute;top:18px;right:18px;font-family:var(--td-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--td-danger);padding:6px 12px;border:1px solid rgb(239 68 68 / .35);border-radius:3px;background:#ef444414;z-index:9;display:none}.zf-td-shell .td-pause-tag.td-pause-tag-show{display:block}.td-modal{position:fixed;inset:0;z-index:9999;background:var(--bg);display:none}.td-modal[data-td-modal-state=visible]{display:block}.td-modal .zf-td-shell{height:100vh;height:100dvh;border:none;border-radius:0}@media(max-width:800px){.zf-td-shell .td-arena-wrap:before{content:"Tower Defense braucht eine Tastatur. Bitte am Desktop öffnen.";position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:var(--td-mono);font-size:14px;color:var(--fg-body);background:var(--bg)}}