.sf-stage{position:fixed;inset:0;overflow:hidden;background:#8fc4de;--sf-ink:#0d1420;--sf-panel:rgba(12,19,31,0.82);--sf-line:rgba(255,255,255,0.14);--sf-text:#e8eefa;--sf-dim:#93a3bd;--sf-blue:#4d8bff;--sf-red:#e8474f;--sf-gold:#ffd45e;--sf-stone:#b9bcc4;--sf-green:#56d67f;font-family:var(--sans);color:var(--sf-text);-moz-user-select:none;user-select:none;-webkit-user-select:none}.sf-canvas,.sf-hud{position:absolute;inset:0}.sf-hud{pointer-events:none;z-index:10}.sf-hud>*{pointer-events:auto}.sf-label{font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--sf-dim)}.sf-top{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(960px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px}.sf-base{display:flex;flex-direction:column;gap:4px;padding:9px 13px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.sf-base.flip{text-align:right}.sf-base-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sf-base.flip .sf-base-line{flex-direction:row-reverse}.sf-base-meta{display:inline-flex;align-items:baseline;gap:9px}.sf-base.flip .sf-base-meta{flex-direction:row-reverse}.sf-base-line em{font-style:normal;font-size:10px;color:var(--sf-dim);white-space:nowrap}.sf-base-line b{font-size:11px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--sf-text)}.sf-base-bar{height:9px;border-radius:99px;background:rgba(255,255,255,.11);overflow:hidden}.sf-base-bar i{display:block;height:100%;transform-origin:left;transition:transform .14s linear}.sf-base[data-team="0"] .sf-base-bar i{background:linear-gradient(90deg,var(--sf-blue),#8ab4ff)}.sf-base[data-team="1"] .sf-base-bar i{background:linear-gradient(90deg,var(--sf-red),#ff8f8f);transform-origin:right}.sf-base.flip .sf-base-bar i{transform-origin:right}.sf-level{text-align:center;padding:7px 18px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.sf-level strong{display:block;font-family:var(--serif);font-weight:400;font-size:17px;margin-top:2px}.sf-purse{position:absolute;top:96px;left:14px;display:flex;flex-direction:column;gap:6px}.sf-coin{display:flex;align-items:center;gap:8px;padding:7px 13px 7px 9px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sf-coin i{width:15px;height:15px;border-radius:50%;flex-shrink:0}.sf-coin.gold i{background:radial-gradient(circle at 34% 30%,#fff0b8,var(--sf-gold) 62%,#b8892a)}.sf-coin.stone i{border-radius:3px;background:linear-gradient(135deg,#d6d9e0,var(--sf-stone) 55%,#7c8089)}.sf-coin strong{font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:44px}.sf-coin em{font-style:normal;font-size:9.5px;color:var(--sf-dim);letter-spacing:.06em}.sf-shop{position:absolute;left:14px;top:178px;display:flex;flex-direction:column;gap:5px;width:254px}.sf-buy{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:8px 11px;text-align:left;background:var(--sf-panel);border:1px solid var(--sf-line);border-left:2px solid var(--sf-blue);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--sf-text);transition:transform .14s cubic-bezier(.16,1,.3,1),border-color .14s ease,background .14s ease}.sf-buy:hover:not(.off){transform:translateX(3px);background:rgba(20,32,52,.9);border-left-color:var(--sf-green)}.sf-buy.off{opacity:.42;cursor:not-allowed}.sf-buy-body strong{display:block;font-size:12.5px;font-weight:600}.sf-buy-body em{display:block;font-style:normal;font-size:9.5px;line-height:1.35;color:var(--sf-dim);margin-top:1px}.sf-buy-cost{font-size:14px;font-weight:600;color:var(--sf-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-buy-icon{position:relative;width:30px;height:30px;flex-shrink:0}.sf-buy-icon:after,.sf-buy-icon:before{content:"";position:absolute;background:var(--sf-text)}.sf-buy-icon:before{left:50%;top:3px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%}.sf-buy-icon:after{left:50%;top:11px;width:2px;height:11px;margin-left:-1px}.sf-buy-icon[data-unit=shielder]:after{box-shadow:-6px 1px 0 0 var(--sf-blue),-6px 4px 0 0 var(--sf-blue),-6px 7px 0 0 var(--sf-blue)}.sf-buy-icon[data-unit=archer]:after{box-shadow:6px 2px 0 0 var(--sf-green)}.sf-buy-icon[data-unit=barbarian]:after{box-shadow:6px 0 0 0 var(--sf-red),8px 2px 0 0 var(--sf-red)}.sf-buy-icon[data-unit=wizard]:after{box-shadow:6px -2px 0 0 #a77bff,6px 1px 0 0 #a77bff,6px 4px 0 0 #a77bff}.sf-buy-icon[data-unit=gold-miner]:after{box-shadow:5px 3px 0 0 var(--sf-gold)}.sf-buy-icon[data-unit=stone-miner]:after{box-shadow:5px 3px 0 0 var(--sf-stone)}.sf-towers{position:absolute;right:14px;top:108px;width:216px;display:flex;flex-direction:column;gap:5px}.sf-towers>.sf-label{align-self:flex-end;padding:4px 9px;margin-bottom:2px;border-radius:3px}.sf-tower,.sf-towers>.sf-label{background:var(--sf-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sf-tower{display:grid;grid-template-columns:26px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:8px 11px;text-align:left;border:1px solid var(--sf-line);border-radius:4px;color:var(--sf-text);transition:background .14s ease,transform .14s ease}.sf-tower:hover:not(.off){background:rgba(20,32,52,.9);transform:translateX(-3px)}.sf-tower.off{opacity:.42;cursor:not-allowed}.sf-tower-rank{font-size:11px;font-weight:700;color:var(--sf-green);text-align:center}.sf-tower-body strong{display:block;font-size:12px}.sf-tower-body em{font-style:normal;font-size:9.5px;color:var(--sf-dim)}.sf-tower-cost{font-size:13px;font-weight:600;color:var(--sf-stone);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-queue{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:50px}.sf-queue-idle{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sf-dim);padding:0 16px}.sf-slot{position:relative;width:38px;height:38px;border-radius:4px;background:rgba(255,255,255,.05);border:1px solid var(--sf-line);display:grid;place-items:center;overflow:hidden}.sf-slot.on{border-color:var(--sf-green)}.sf-slot .sf-buy-icon{transform:scale(.85)}.sf-slot-fill{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--sf-green);transform-origin:left;transition:transform .12s linear}.sf-pace{position:absolute;right:14px;bottom:16px;display:flex;gap:6px}.sf-pace button{padding:9px 15px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:4px;background:var(--sf-panel);border:1px solid var(--sf-line);color:var(--sf-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .15s ease}.sf-pace button:hover{color:var(--sf-text)}.sf-pace button.on{color:var(--sf-green);border-color:rgba(86,214,127,.5);background:rgba(86,214,127,.12)}.sf-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:22px;overflow-y:auto;background:linear-gradient(180deg,rgba(8,13,22,.7),rgba(6,10,17,.9));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sf-fade .22s ease}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}.sf-card{width:min(100%,480px);padding:clamp(24px,4vw,38px);background:rgba(11,17,28,.94);border:1px solid var(--sf-line);border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.7);text-align:center;margin:auto}.sf-card.wide{width:min(100%,820px);text-align:left}.sf-card.win{border-color:rgba(86,214,127,.45)}.sf-card.lose{border-color:rgba(232,71,79,.45)}.sf-eyebrow{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:var(--sf-green)}.sf-card.lose .sf-eyebrow{color:var(--sf-red)}.sf-card h1{margin:10px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,46px);line-height:1.04}.sf-lede{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--sf-dim);max-width:62ch}.sf-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:8px;gap:8px;margin-top:24px}.sf-level-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:13px 15px 14px;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:5px;color:var(--sf-text);transition:all .18s cubic-bezier(.16,1,.3,1)}.sf-level-card:hover:not(.locked){border-color:var(--sf-green);background:rgba(86,214,127,.09);transform:translateY(-2px)}.sf-level-card.locked{opacity:.4;cursor:not-allowed}.sf-level-no{font-size:9px;letter-spacing:.22em;font-weight:700;color:var(--sf-green)}.sf-level-card.locked .sf-level-no{color:var(--sf-dim)}.sf-level-card strong{font-family:var(--serif);font-weight:400;font-size:18px}.sf-level-card em{font-style:normal;font-size:11px;line-height:1.45;color:var(--sf-dim)}.sf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}.sf-btn{padding:11px 20px;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--sf-text);transition:all .17s ease}.sf-btn:hover{background:rgba(255,255,255,.11)}.sf-btn.primary{background:var(--sf-green);border-color:var(--sf-green);color:#062012}.sf-btn.primary:hover{background:#6ff094}.sf-back{display:inline-block;margin-top:24px;font-size:11px;letter-spacing:.1em;color:var(--sf-dim);text-decoration:none}.sf-back:hover{color:var(--sf-text)}@media (max-width:900px){.sf-shop{width:190px;top:168px}.sf-buy-body em{display:none}.sf-towers{width:170px}.sf-tower-body em{display:none}}@media (prefers-reduced-motion:reduce){.sf-overlay{animation:none}.sf-btn,.sf-buy,.sf-level-card,.sf-tower{transition-duration:1ms}}