*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#020810}@keyframes ballGameFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ballGameHpPopup{0%{opacity:0;transform:translate(-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}60%{opacity:1;transform:translate(-50%,-28px) scale(1)}to{opacity:0;transform:translate(-50%,-48px) scale(.95)}}@keyframes ballGameComboPopup{0%{opacity:0;transform:translate(-50%,8px) scale(.55) rotate(-2deg)}12%{opacity:1;transform:translate(-50%,-8px) scale(1.18) rotate(1deg)}50%{opacity:1;transform:translate(-50%,-28px) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-62px) scale(.9) rotate(2deg)}}.fx-preview-panel{border:1px solid rgba(88,152,255,.35);border-radius:10px;background:radial-gradient(circle at 50% 50%,#1d478a40,#020812cc);padding:10px}.fx-preview-ball,.fx-preview-grenade{position:relative;width:100%;height:120px;overflow:hidden}.fx-wave,.fx-spark{position:absolute;left:50%;top:50%;pointer-events:none}.fx-wave{width:var(--fx-core);aspect-ratio:1 / 1;border-radius:999px;border:2px solid var(--fx-color);transform:translate(-50%,-50%) scale(.35);opacity:0;animation:fxWave 1.4s ease-out infinite}.fx-wave-2{animation-delay:.45s}.fx-spark{width:8px;height:8px;background:var(--fx-color);border-radius:50%;box-shadow:0 0 10px var(--fx-color);opacity:0;animation:fxSpark 1.4s linear infinite}.fx-spark-1{animation-delay:.15s}.fx-spark-2{animation-delay:.55s}.fx-spark-3{animation-delay:.95s}.fx-preview-ball .fx-wave{max-width:var(--fx-outer)}.fx-preview-grenade .fx-wave{max-width:var(--fx-outer);border-width:3px}@keyframes fxWave{0%{transform:translate(-50%,-50%) scale(.35);opacity:.95}to{transform:translate(-50%,-50%) scale(2.1);opacity:0}}@keyframes fxSpark{0%{transform:translate(-50%,-50%) rotate(0) translate(8px) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) translate(54px) scale(1);opacity:0}}.fx-preview-ball[data-effect=wave] .fx-wave{border-style:dashed}.fx-preview-ball[data-effect=spark] .fx-spark{width:20%;height:20%;opacity:.9}.fx-preview-ball[data-effect=ring] .fx-core{transform:scale(.8)}.fx-preview-ball[data-effect=shock] .fx-wave{border-width:3px}.fx-preview-ball[data-effect=nova] .fx-wave{box-shadow:0 0 16px var(--fx-color)}.fx-preview-grenade[data-effect=smoke] .fx-wave,.fx-preview-grenade[data-effect=smoke] .fx-spark{opacity:.35;filter:blur(1px)}.fx-preview-grenade[data-effect=flash] .fx-wave{border-color:#fff8d6}.fx-preview-grenade[data-effect=flare] .fx-wave{border-color:#ff9f3f}.fx-preview-grenade[data-effect=shard] .fx-spark{border-radius:2px;transform:rotate(45deg)}.fx-preview-grenade[data-effect=burst] .fx-wave{border-width:4px}@keyframes addFeatureGradientDrift{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(12deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@keyframes addFeatureFogMove{0%{transform:translate3d(-10%,4%,0) scale(1);opacity:.2}50%{transform:translate3d(8%,-6%,0) scale(1.12);opacity:.36}to{transform:translate3d(-10%,4%,0) scale(1);opacity:.2}}@keyframes addFeatureParticleFloat{0%{transform:translateZ(0) scale(.7);opacity:0}18%{opacity:.85}to{transform:translate3d(42px,-96px,0) scale(1.25);opacity:0}}@keyframes addFeatureCardPulse{0%,to{box-shadow:0 0 0 1px #ffffff14,0 18px 50px #00000059,0 0 28px var(--card-glow)}50%{box-shadow:0 0 0 1px #ffffff29,0 26px 70px #00000073,0 0 46px var(--card-glow)}}@keyframes addFeatureDissolve{to{opacity:0;transform:translateY(24px) scale(.82) rotate(3deg);filter:blur(12px)}}@keyframes addFeatureSelectedZoom{to{transform:translateY(-10px) scale(1.18);opacity:0;filter:blur(2px) saturate(1.5)}}@keyframes addFeatureBurst{0%{transform:translate(-50%,-50%) scale(.1);opacity:.95}70%{opacity:.5}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}@keyframes addFeatureStaggerIn{0%{opacity:0;transform:translateY(42px) scale(.92);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes addFeatureShineSweep{0%{transform:translate(-140%) skew(-18deg);opacity:0}24%{opacity:.7}58%{opacity:.3}to{transform:translate(150%) skew(-18deg);opacity:0}}@keyframes addFeatureCtaPulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 24px var(--af-glow),0 0 70px #ffffff2e}50%{transform:translateY(-3px) scale(1.025);box-shadow:0 0 42px var(--af-glow),0 0 110px var(--af-glow)}}@keyframes addFeatureLoadingSpin{to{transform:rotate(360deg)}}@keyframes addFeatureLoadingPulse{0%,to{opacity:.74;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.04)}}.add-feature-portal{position:fixed;inset:0;z-index:300;overflow:hidden;color:#f7fbff;font-family:Courier New,monospace;isolation:isolate;pointer-events:all}.add-feature-bg{position:absolute;inset:-16%;z-index:-5;background:radial-gradient(circle at 18% 18%,var(--af-glow),transparent 28%),radial-gradient(circle at 82% 8%,rgba(93,213,255,.2),transparent 24%),radial-gradient(circle at 48% 85%,rgba(168,85,247,.22),transparent 30%),linear-gradient(120deg,#020510,#07142a,#150922,#020510);background-size:180% 180%;animation:addFeatureGradientDrift 12s ease-in-out infinite}.add-feature-fog{position:absolute;width:72vmax;height:34vmax;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18),var(--af-glow) 38%,transparent 70%);filter:blur(42px);mix-blend-mode:screen;z-index:-4;animation:addFeatureFogMove 14s ease-in-out infinite}.add-feature-fog-a{left:-18vmax;top:3vmax}.add-feature-fog-b{right:-22vmax;bottom:-2vmax;animation-delay:-5s}.add-feature-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}.add-feature-particle{position:absolute;border-radius:999px;background:#fff;box-shadow:0 0 14px var(--af-primary),0 0 28px var(--af-secondary);opacity:0;animation:addFeatureParticleFloat linear infinite}.add-feature-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0108169e;color:#fff;font-size:32px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 0 24px #00000073}.add-feature-content{position:relative;width:min(1180px,calc(100vw - 32px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:max(34px,env(safe-area-inset-top)) 0 max(112px,env(safe-area-inset-bottom))}.add-feature-heading{text-align:center;margin:0 auto 26px;max-width:900px;text-shadow:0 0 28px rgba(0,0,0,.75)}.add-feature-kicker{text-transform:uppercase;letter-spacing:.34em;color:var(--af-primary);font-weight:900;font-size:13px;margin-bottom:10px}.add-feature-heading h1{font-size:clamp(32px,6vw,78px);line-height:.96;margin:0}.add-feature-selected-copy{margin-top:16px;color:#dbeafe;font-weight:800}.add-feature-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%}.add-feature-category-card{position:relative;min-height:184px;overflow:hidden;border:1px solid transparent;border-radius:28px;padding:22px;color:#f9fbff;text-align:left;cursor:pointer;background:linear-gradient(#060c1dd6,#060c1dd6) padding-box,var(--card-gradient) border-box;animation:addFeatureCardPulse 3.8s ease-in-out infinite;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.add-feature-category-card:hover,.add-feature-category-card:focus-visible{transform:translateY(-10px) scale(1.03);filter:saturate(1.24);outline:none}.add-feature-card-glow{position:absolute;inset:-34%;background:radial-gradient(circle at 28% 12%,var(--card-glow),transparent 44%);opacity:.9;z-index:-1}.add-feature-category-icon,.add-feature-category-title,.add-feature-category-subtitle{display:block;position:relative;z-index:1}.add-feature-category-icon{font-size:42px;margin-bottom:18px;filter:drop-shadow(0 0 18px var(--card-glow))}.add-feature-category-title{font-size:clamp(20px,2vw,28px);font-weight:950;letter-spacing:.06em}.add-feature-category-subtitle{margin-top:10px;color:#c9d8ea;line-height:1.35;font-size:14px}.add-feature-category-card.is-dissolving{animation:addFeatureDissolve 1s ease forwards;pointer-events:none}.add-feature-category-card.is-selected{animation:addFeatureSelectedZoom 1s ease forwards}.add-feature-burst{position:absolute;left:50%;top:50%;width:170px;height:170px;border-radius:999px;border:2px solid var(--card-primary);background:radial-gradient(circle,rgba(255,255,255,.55),var(--card-glow) 44%,transparent 68%);animation:addFeatureBurst .52s ease-out forwards;pointer-events:none}.add-feature-proposal-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.add-feature-proposal-stage--five{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.add-feature-proposal-button{position:relative;overflow:hidden;min-height:255px;border:1px solid transparent;border-radius:34px;padding:32px;text-align:left;color:#fff;cursor:pointer;opacity:0;background:linear-gradient(145deg,#040918e6,#0e1836d1) padding-box,var(--af-gradient) border-box;box-shadow:0 30px 90px #00000073,0 0 34px var(--af-glow);animation:addFeatureStaggerIn .62s cubic-bezier(.2,.9,.2,1.05) forwards;transition:transform .14s ease,box-shadow .16s ease,filter .16s ease}.add-feature-proposal-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 22% 12%,var(--af-glow),transparent 42%);opacity:.9}.add-feature-proposal-button:hover,.add-feature-proposal-button:focus-visible{transform:translateY(-12px) scale(1.025);box-shadow:0 38px 110px #00000085,0 0 66px var(--af-glow);filter:saturate(1.2);outline:none}.add-feature-proposal-button:active{transform:translateY(-5px) scale(.975)}.add-feature-proposal-button--compact{min-height:215px;padding:24px}.add-feature-proposal-button.is-selected{box-shadow:0 0 0 2px var(--af-primary),0 44px 120px #00000080,0 0 86px var(--af-glow)}.add-feature-proposal-button.is-dissolving{animation:addFeatureDissolve 1s ease forwards;pointer-events:none}.add-feature-proposal-button:disabled{cursor:wait}.add-feature-proposal-shine{position:absolute;inset:-10% auto -10% 0;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:addFeatureShineSweep 2.8s ease-in-out infinite}.add-feature-proposal-title,.add-feature-proposal-subtitle,.add-feature-choice-icon{position:relative;z-index:1;display:block}.add-feature-choice-icon{font-size:38px;margin-bottom:16px;filter:drop-shadow(0 0 18px var(--af-glow))}.add-feature-proposal-title{font-size:clamp(27px,3.4vw,46px);font-weight:950;line-height:1.02}.add-feature-proposal-button--compact .add-feature-proposal-title{font-size:clamp(21px,2vw,33px)}.add-feature-proposal-subtitle{margin-top:18px;color:#d8e8ff;font-size:clamp(15px,1.5vw,19px);line-height:1.45}.add-feature-loading{position:absolute;left:50%;bottom:max(102px,calc(env(safe-area-inset-bottom) + 102px));z-index:5;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#020814c7;color:#f7fbff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 38px var(--af-glow),0 18px 70px #0000006b;animation:addFeatureLoadingPulse 1s ease-in-out infinite}.add-feature-loading-orb{width:18px;height:18px;border-radius:999px;border:3px solid rgba(255,255,255,.24);border-top-color:var(--af-primary);border-right-color:var(--af-secondary);animation:addFeatureLoadingSpin .7s linear infinite}.add-feature-submit-error{position:absolute;left:50%;bottom:max(102px,calc(env(safe-area-inset-bottom) + 102px));z-index:6;width:min(520px,calc(100vw - 40px));transform:translate(-50%);border:1px solid rgba(255,77,122,.68);border-radius:16px;padding:12px 16px;background:#500014d1;color:#ffd0dc;box-shadow:0 18px 70px #0000006b;font-size:13px;font-weight:800;text-align:center}.add-feature-cta{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:4;min-width:min(390px,calc(100vw - 40px));min-height:68px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#061018;background:var(--af-gradient);font-weight:950;letter-spacing:.11em;cursor:pointer;animation:addFeatureCtaPulse 1.85s ease-in-out infinite}.add-feature-cta:disabled{cursor:not-allowed;color:#ffffff61;background:#ffffff14;box-shadow:none;animation:none}@media(max-width:900px){.add-feature-portal{overflow-y:auto}.add-feature-content{justify-content:flex-start;padding-top:72px}.add-feature-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.add-feature-proposal-stage.add-feature-proposal-stage--five{grid-template-columns:repeat(2,minmax(0,1fr))}.add-feature-category-card{min-height:156px;border-radius:22px;padding:18px}.add-feature-proposal-stage{grid-template-columns:1fr;padding-bottom:92px}.add-feature-proposal-button{min-height:150px;border-radius:24px}.add-feature-loading{position:fixed;left:50%;bottom:104px;width:max-content;max-width:calc(100vw - 40px)}.add-feature-submit-error{position:fixed;bottom:104px}.add-feature-cta{position:fixed;left:20px;right:20px;width:auto;min-width:0}}@media(max-width:520px){.add-feature-content{width:min(100vw - 20px,420px)}.add-feature-category-grid,.add-feature-proposal-stage.add-feature-proposal-stage--five{grid-template-columns:1fr}.add-feature-heading{margin-bottom:18px}.add-feature-kicker{letter-spacing:.22em}}