@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";.dot-swap-root{--bg:#070b18;--steel-1:#1b2740;--steel-2:#0d1626;--panel:#0e182ad1;--foreground:#ffe9c4;--muted-foreground:#9aa8c8;--border:#ffd54a47;--accent:#ffd54a;--accent-2:#38f5c8;--danger:#ff4d5e;height:100%;min-height:0;color:var(--foreground);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:radial-gradient(1000px 800px at 50% -15%,#ffd54a1a,#0000 60%),radial-gradient(700px 700px at 100% 115%,#38f5c80f,#0000 55%),linear-gradient(#0b1220 0%,#070b18 100%);font-family:Oxanium,system-ui,sans-serif;overflow:hidden}.dot-swap-root .font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.dot-swap-root button{touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:inherit}.dot-swap-root .ds-controls,.dot-swap-root .ds-controls button{touch-action:none}.dot-swap-root .ds-cut{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.dot-swap-root .ds-cut-sm{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.dot-swap-root .ds-panel{background:linear-gradient(160deg, var(--steel-1) 0%, var(--steel-2) 70%);border:1px solid var(--border);position:relative}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.4}}.dot-swap-root .ds-pulse{animation:1.3s ease-in-out infinite ds-pulse}@keyframes ds-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.dot-swap-root .ds-pop{animation:.28s cubic-bezier(.2,.9,.3,1.2) both ds-pop}.dot-swap-root .ds-swatch-grid{grid-template-columns:repeat(6,minmax(2.5rem,1fr));gap:.35rem;display:grid}.dot-swap-root .ds-swatch{aspect-ratio:1;width:100%;min-width:2.5rem;min-height:2.5rem;padding:0}.dot-swap-root .ds-countdown{z-index:20;pointer-events:none;background:#070b1894;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dot-swap-root .ds-countdown-num{letter-spacing:.08em;color:var(--accent);text-shadow:0 0 28px #ffd54a8c;font-size:clamp(4.5rem,18vw,7rem);font-weight:800}.dot-swap-root .game-key{letter-spacing:.12em;border:1px solid var(--border);color:var(--muted-foreground);background:#080e1ab3;border-radius:4px;padding:.1rem .35rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}@media (height<=720px){.dot-swap-root .ds-swatch-grid{gap:.28rem}.dot-swap-root .ds-swatch{min-width:2.15rem;min-height:2.15rem}}.land-grab-root{--accent:#a855f7;--accent-2:#ffd166;--danger:#ff5470;--border:#a855f738;--muted-foreground:#c8b4f08c;--steel-1:#140a26d1;--steel-2:#0c0618e6;font-family:Oxanium,"Exo 2",Inter,sans-serif}.lg-panel{background:linear-gradient(160deg, var(--steel-1), var(--steel-2));border:1px solid var(--border);border-radius:6px}.lg-cut{clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}.lg-cut-sm{clip-path:polygon(5px 0%,100% 0%,100% calc(100% - 5px),calc(100% - 5px) 100%,0% 100%,0% 5px)}.lg-swatch-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.lg-swatch{aspect-ratio:1;cursor:pointer;width:100%}.lg-pop{animation:.3s ease-out both lg-pop-in}@keyframes lg-pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.lg-pulse{animation:2s ease-in-out infinite lg-pulse}@keyframes lg-pulse{0%,to{opacity:.5}50%{opacity:1}}.lg-hud-dock{background:linear-gradient(#060410e6 60%,#0000)}.lg-control-dock{background:linear-gradient(#0000,#060410d9 40%);padding-top:8px;padding-bottom:8px}.lg-controls{padding-bottom:4px}.multi-pong-root{--bg:#05040c;--steel-1:#241830;--steel-2:#120c1c;--panel:#180c24d1;--foreground:#f3e9ff;--muted-foreground:#a48cc4;--border:#ff50c847;--accent:#ff64d2;--accent-2:#64f0ff;--danger:#ff4d5e;height:100%;min-height:0;color:var(--foreground);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:radial-gradient(900px 700px at 50% -10%,#ff50c81f,#0000 58%),radial-gradient(700px 700px at 100% 110%,#50dcff14,#0000 55%),linear-gradient(#0c0814 0%,#05040c 100%);font-family:Oxanium,system-ui,sans-serif;overflow:hidden}.multi-pong-root .font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.multi-pong-root button{touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:inherit}.multi-pong-root .mp-controls,.multi-pong-root .mp-controls button{touch-action:none}.multi-pong-root .mp-cut{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.multi-pong-root .mp-cut-sm{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.multi-pong-root .mp-panel{background:linear-gradient(160deg, var(--steel-1) 0%, var(--steel-2) 70%);border:1px solid var(--border);position:relative}@keyframes mp-pulse{0%,to{opacity:1}50%{opacity:.4}}.multi-pong-root .mp-pulse{animation:1.3s ease-in-out infinite mp-pulse}@keyframes mp-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.multi-pong-root .mp-pop{animation:.28s cubic-bezier(.2,.9,.3,1.2) both mp-pop}.multi-pong-root .mp-mute{pointer-events:auto;min-width:4.6rem}.multi-pong-root .mp-swatch-grid{grid-template-columns:repeat(6,minmax(2.5rem,1fr));gap:.35rem;display:grid}.multi-pong-root .mp-swatch{aspect-ratio:1;width:100%;min-width:2.5rem;min-height:2.5rem;padding:0}@media (height<=720px){.multi-pong-root .mp-swatch-grid{gap:.28rem}.multi-pong-root .mp-swatch{min-width:2.15rem;min-height:2.15rem}}.turret-tower-root{--tt-bg:#04070d;--bg:#04070d;--bg-2:#0a1220;--steel-1:#1b2740;--steel-2:#0d1626;--panel:#0e182ad1;--panel-solid:#0d1626;--foreground:#dfeafc;--muted-foreground:#7f97bd;--border:#4696dc47;--accent:#3fd0ff;--accent-2:#ffab2e;--danger:#ff4d5e;--ring:#3fd0ff99;height:100%;min-height:0;color:var(--foreground);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:radial-gradient(1000px 800px at 50% -15%,#3fd0ff17,#0000 60%),radial-gradient(700px 700px at 100% 115%,#ffab2e0f,#0000 55%),linear-gradient(#06090f 0%,#04070d 100%);border-radius:0;font-family:Oxanium,system-ui,sans-serif;overflow:hidden}.turret-tower-root .font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.turret-tower-root button{touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:inherit}.turret-tower-root .tt-controls,.turret-tower-root .tt-controls button{touch-action:none}.turret-tower-root .tt-cut{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.turret-tower-root .tt-cut-sm{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.turret-tower-root .tt-panel{background:linear-gradient(160deg, var(--steel-1) 0%, var(--steel-2) 70%);border:1px solid var(--border);position:relative}.turret-tower-root .tt-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.55;height:2px;position:absolute;inset:0 0 auto}.turret-tower-root .tt-rivet{box-shadow:inset 0 0 0 1px #78b4f014,inset 0 1px #a0d2ff1f}@keyframes tt-pulse{0%,to{opacity:1}50%{opacity:.4}}.turret-tower-root .tt-pulse{animation:1.3s ease-in-out infinite tt-pulse}@keyframes tt-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.turret-tower-root .tt-pop{animation:.28s cubic-bezier(.2,.9,.3,1.2) both tt-pop}.turret-tower-root .tt-mute{pointer-events:auto;min-width:4.6rem}.turret-tower-root .tt-hp-range{appearance:none;touch-action:pan-x;pointer-events:auto;background:linear-gradient(90deg,#1b2740,#3fd0ff);border-radius:999px;outline:none;height:8px}.turret-tower-root .tt-hp-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1b2740,#3fd0ff);border-radius:999px;height:8px}.turret-tower-root .tt-hp-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ffab2e;border:1px solid #fff;border-radius:4px;width:18px;height:18px;margin-top:-5px}.turret-tower-root .tt-swatch-grid{grid-template-columns:repeat(6,minmax(2.5rem,1fr));gap:.35rem;display:grid}.turret-tower-root .tt-swatch{aspect-ratio:1;width:100%;min-width:2.5rem;min-height:2.5rem;padding:0}@media (height<=720px){.turret-tower-root .tt-swatch-grid{gap:.28rem}.turret-tower-root .tt-swatch{min-width:2.15rem;min-height:2.15rem}}.bomb-dash-root{color:#fce7f3;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#1e1022 0%,#0b0712 100%);flex-direction:column;width:100%;height:100%;font-family:Oxanium,sans-serif;display:flex;overflow:hidden}.bomb-dash-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.bomb-dash-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#1a0c24b3;border-bottom:1px solid #f43f5e33;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex}.bomb-dash-timer{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e59;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;display:flex}.bomb-dash-arena-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden}.bomb-dash-controls{background:#0f0814d9;border-top:1px solid #f43f5e26;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem 1.25rem;display:flex}.bomb-dash-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e 0%,#be123c 100%);border:none;border-radius:9999px;padding:.65rem 1.3rem;font-weight:700;transition:transform .1s,opacity .1s;box-shadow:0 0 15px #f43f5e66}.bomb-dash-btn:active{transform:scale(.95)}.bomb-dash-dash-btn{color:#fff;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#f43f5e 0%,#9f1239 100%);border:3px solid #f43f5e80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;font-size:.85rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 0 20px #f43f5e80}.bomb-dash-dash-btn:not(.cooldown):active{transform:scale(.92);box-shadow:0 0 28px #f43f5ecc}.bomb-dash-dash-btn.cooldown{color:#fff6;box-shadow:none;cursor:not-allowed;background:#2a1526;border-color:#ffffff26}.sumo-pods-root{color:#e0f2fe;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#0c1a2e 0%,#030712 100%);flex-direction:column;width:100%;height:100%;font-family:Oxanium,sans-serif;display:flex;overflow:hidden}.sumo-pods-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.sumo-pods-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0c1a2eb3;border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex}.sumo-pods-timer{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;display:flex}.sumo-pods-arena-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden}.sumo-pods-controls{background:#080f1cd9;border-top:1px solid #38bdf826;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem 1.25rem;display:flex}.sumo-pods-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:9999px;padding:.65rem 1.3rem;font-weight:700;transition:transform .1s,opacity .1s;box-shadow:0 0 15px #38bdf866}.sumo-pods-btn:active{transform:scale(.95)}.sumo-pods-boost-btn{color:#fff;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#38bdf8 0%,#0369a1 100%);border:3px solid #38bdf880;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 0 20px #38bdf880}.sumo-pods-boost-btn.cooldown{color:#fff6;box-shadow:none;background:#0f172a;border-color:#ffffff26}.tile-drop-root{color:#cffafe;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#150f24 0%,#06030c 100%);flex-direction:column;width:100%;height:100%;font-family:Oxanium,sans-serif;display:flex;overflow:hidden}.tile-drop-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.tile-drop-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#150f24b3;border-bottom:1px solid #06b6d433;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex}.tile-drop-timer{color:#06b6d4;background:#06b6d426;border:1px solid #06b6d459;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;display:flex}.tile-drop-arena-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden}.tile-drop-controls{background:#0a0612d9;border-top:1px solid #06b6d426;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem 1.25rem;display:flex}.tile-drop-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:none;border-radius:9999px;padding:.65rem 1.3rem;font-weight:700;transition:transform .1s,opacity .1s;box-shadow:0 0 15px #06b6d466}.tile-drop-btn:active{transform:scale(.95)}.tile-drop-jump-btn{color:#fff;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#06b6d4 0%,#0e7490 100%);border:3px solid #06b6d480;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 0 20px #06b6d480}.tile-drop-jump-btn.cooldown{color:#fff6;box-shadow:none;background:#111827;border-color:#ffffff26}.rocket-lander-root{color:#e0f2fe;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 20%,#0a1128 0%,#030611 100%);flex-direction:column;width:100%;height:100%;font-family:Oxanium,sans-serif;display:flex;overflow:hidden}.rocket-lander-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.rocket-lander-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a1128bf;border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:flex}.rocket-lander-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;display:flex}.rocket-lander-arena-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden}.rocket-lander-controls{background:#060a18e0;border-top:1px solid #38bdf826;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem 1.25rem;display:flex}.rocket-lander-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:9999px;padding:.65rem 1.3rem;font-weight:700;box-shadow:0 0 15px #38bdf866}.rocket-lander-rcs-btn{color:#38bdf8;cursor:pointer;touch-action:manipulation;background:#0ea5e926;border:2px solid #38bdf866;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.2rem;font-weight:900;display:flex}.rocket-lander-rcs-btn:active,.rocket-lander-rcs-btn.active{color:#030611;background:#38bdf8;box-shadow:0 0 16px #38bdf8}.rocket-lander-thrust-btn{color:#fff;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle,#f97316 0%,#c2410c 100%);border:3px solid #f9731699;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 0 20px #f9731680}.rocket-lander-thrust-btn:active,.rocket-lander-thrust-btn.active{transform:scale(.95);box-shadow:0 0 30px #f97316cc}.flap-clash-root{color:#fef08a;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#1e1b4b 0%,#09081a 100%);flex-direction:column;width:100%;height:100%;font-family:Oxanium,sans-serif;display:flex;overflow:hidden}.flap-clash-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.flap-clash-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f0c24bf;border-bottom:1px solid #facc1533;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:flex}.flap-clash-badge{color:#facc15;background:#facc151f;border:1px solid #facc154d;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;display:flex}.flap-clash-arena-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden}.flap-clash-controls{background:#0a0816e0;border-top:1px solid #facc1526;justify-content:center;align-items:center;padding:.75rem 1.5rem 1.25rem;display:flex}.flap-clash-flap-btn{color:#09081a;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 50% 30%,#facc15 0%,#ca8a04 100%);border:2px solid #facc1580;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:380px;height:64px;font-size:1.15rem;font-weight:900;display:flex;box-shadow:0 0 24px #facc1566}.flap-clash-flap-btn:active{transform:scale(.97)}.flap-clash-btn{color:#09081a;cursor:pointer;background:linear-gradient(135deg,#facc15 0%,#eab308 100%);border:none;border-radius:9999px;padding:.65rem 1.3rem;font-weight:700;box-shadow:0 0 15px #facc1566}.swing-shot-shell{-webkit-user-select:none;user-select:none;touch-action:manipulation;color:#f1f5f9;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:720px;min-height:calc(100vh - 120px);margin:0 auto;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.swing-shot-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .8rem;font-size:.95rem;font-weight:700;display:flex}.swing-shot-badge{background:#1e293bcc;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.85rem;display:inline-flex}.swing-shot-arena-wrap{aspect-ratio:1;background:#14532d;border:2px solid #22c55e66;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #0009,0 0 20px #22c55e26}.swing-shot-arena-svg{width:100%;height:100%;display:block}.swing-shot-controls{flex-direction:column;gap:.5rem;width:100%;max-width:600px;display:flex}.swing-shot-action-btn{color:#fff;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #ffffff40;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:1.1rem;font-size:1.25rem;font-weight:800;transition:transform .1s,filter .15s;display:flex;box-shadow:0 8px 24px #10b98166,inset 0 1px 1px #fff6}.swing-shot-action-btn.aiming{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 8px 24px #3b82f666,inset 0 1px 1px #fff6}.swing-shot-action-btn.power{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 24px #f59e0b66,inset 0 1px 1px #fff6}.swing-shot-action-btn:active:not(:disabled){transform:scale(.97)}.swing-shot-action-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.swing-shot-power-bar-container{background:#0f172ab3;border:1px solid #fff3;border-radius:9999px;width:100%;height:18px;position:relative;overflow:hidden}.swing-shot-power-bar-fill{background:linear-gradient(90deg,#10b981 0%,#facc15 65%,#ef4444 100%);border-radius:9999px;height:100%;transition:width 50ms linear}.swing-shot-screen-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:580px;padding:1.5rem;display:flex;box-shadow:0 20px 40px #00000080}.swing-shot-color-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.swing-shot-color-btn{cursor:pointer;background:#1e293bb3;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.swing-shot-color-btn.selected{background:#38bdf826;border-color:#38bdf8}.swing-shot-color-dot{border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #0006}.swing-shot-leaderboard{flex-direction:column;gap:.5rem;display:flex}.swing-shot-row{background:#1e293b99;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.swing-shot-row.winner{background:#eab30826;border-color:#eab30866}.swing-shot-sweet-spot-zone{pointer-events:none;z-index:2;background:#4ade8059;border-left:1px dashed #ffffff80;border-right:1px dashed #ffffff80;position:absolute;top:0;bottom:0}.swing-shot-sweet-spot-line{pointer-events:none;z-index:3;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #fff,0 0 4px #22c55e}.swing-shot-sweet-spot-flag{color:#0f172a;white-space:nowrap;letter-spacing:.05em;background:#22c55e;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:900;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);box-shadow:0 2px 6px #0009}.swing-shot-holes-selector{justify-content:center;gap:.5rem;display:flex}.swing-shot-hole-pill{color:#f1f5f9;cursor:pointer;background:#1e293bb3;border:2px solid #ffffff26;border-radius:9999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .15s}.swing-shot-hole-pill:hover{background:#1e293be6;border-color:#4ade8080}.swing-shot-hole-pill.active{color:#fff;background:#10b981;border-color:#4ade80;box-shadow:0 0 12px #10b98180}@keyframes wind-card-pulse{0%,to{opacity:.65;filter:drop-shadow(0 0 4px #38bdf866)}50%{opacity:1;filter:drop-shadow(0 0 14px #38bdf8e6)drop-shadow(0 0 24px #0ea5e980)}}.swing-shot-wind-hud{animation:1.8s ease-in-out infinite wind-card-pulse}