.bf-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;container-type:size}.bf-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw)}.bf-fill{width:100%;height:100%;display:block;overflow:hidden}.bf-fill,.bf-layer{position:absolute;inset:0}.bf-layer{will-change:transform}.bf-air{z-index:0;pointer-events:none}.bf-air,.bf-surface{position:absolute;inset:0}.bf-surface{transition:transform .25s ease-out}.pt-modern[data-depth=true] .bf-surface{transform:rotateX(var(--pt-table-tilt));transform-origin:center 55%}.bf-slab{position:absolute;inset:0;overflow:hidden}.bf-center{position:absolute;width:40%;aspect-ratio:1;left:30%;top:50%;transform:translateY(-50%);pointer-events:none}.bf-baked{opacity:0;transition:opacity .5s ease-out}.bf-baked-ready{opacity:1}.bf-calm{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 72% at 50% 50%,var(--bf-calm) 0,var(--bf-calm) 62%,transparent 100%)}.bf-center{opacity:var(--bf-center-opacity,.32)}.bf-air{-webkit-mask-image:radial-gradient(ellipse 52% 54% at 50% 50%,transparent 62%,#000 100%);mask-image:radial-gradient(ellipse 52% 54% at 50% 50%,transparent 62%,#000 100%)}@media (prefers-contrast:more){.bf-calm{background:var(--bf-calm-solid)}.bf-center{opacity:.15}.bf-air{display:none}}.pt-modern:not([data-battlefield=codex]) .pt-table-header{background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.18))}@keyframes bf-rotate{to{transform:rotate(1turn)}}@keyframes bf-lick{0%{transform:translateX(-50%) scaleY(.86) skewX(-3deg);opacity:.9}50%{transform:translateX(-50%) scale(.92,1.06) skewX(2deg);opacity:1}to{transform:translateX(-50%) scale(1.04,.94) skewX(4deg);opacity:.85}}@keyframes bf-breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes bf-pulse{0%{opacity:.62}18%{opacity:1}31%{opacity:.78}52%{opacity:.96}69%{opacity:.6}84%{opacity:.9}to{opacity:.62}}@keyframes bf-flicker{0%{opacity:.82}7%{opacity:.95}13%{opacity:.74}21%{opacity:1}34%{opacity:.86}46%{opacity:.97}58%{opacity:.78}71%{opacity:.93}83%{opacity:.84}to{opacity:.82}}@keyframes bf-flame{0%,to{transform:scale(1)}30%{transform:scale(.94,1.06)}60%{transform:scale(1.05,.95)}}@keyframes bf-blink{0%,48%{opacity:1}50%,to{opacity:.12}}@keyframes bf-window{0%,68%{opacity:1}70%,to{opacity:0}}@keyframes bf-drift{0%{transform:translateX(-7%)}to{transform:translateX(7%)}}@keyframes bf-trace{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes bf-grid-run{0%{transform:rotateX(64deg) translateY(0)}to{transform:rotateX(64deg) translateY(80px)}}.bf-fire,.bf-fire-glow{position:absolute}.bf-fire-glow{left:-40%;right:-40%;top:-10%;bottom:-25%;animation:bf-flicker 2.6s linear infinite;will-change:opacity}.bf-tongue{position:absolute;bottom:0;transform-origin:50% 100%;animation:bf-lick 1s ease-in-out infinite alternate;will-change:transform}.bf-spin{animation:bf-rotate 48s linear infinite}.bf-spin-slow{animation:bf-rotate 140s linear infinite}.bf-spin-rev{animation:bf-rotate 96s linear infinite reverse}.bf-spin-rev-fast{animation:bf-rotate 30s linear infinite reverse}.bf-breathe{animation:bf-breathe 7s ease-in-out infinite;will-change:opacity}.bf-pulse{animation:bf-pulse 3.4s ease-in-out infinite;will-change:opacity}.bf-blink{animation:bf-blink 2.2s steps(1) infinite}.bf-blink-b{animation:bf-blink 2.9s steps(1) -1.1s infinite}.bf-window-cycle{animation:bf-window 40s steps(1) infinite}@media (prefers-reduced-motion:reduce){.pt-modern [class*=bf-],.pt-modern [class*=bf-] *{animation:none!important}}.bf-swatch-codex{background:radial-gradient(circle at 50% 55%,transparent 15px,rgba(147,197,253,.35) 16px,transparent 18px),linear-gradient(150deg,#111827,#18202f 50%,#1f2937)}.bf-swatch-tavern{background:url(/battlefields/tavern-room-digital-v3.webp) 50%/cover no-repeat,#5a371b}.bf-swatch-rainy-city{background:#111827 url(/battlefields/rainy-city-room-digital-v3.webp) 50%/cover no-repeat}.bf-swatch-grove{background:#111827 url(/battlefields/grove-room-digital-v3.webp) 50%/cover no-repeat}.bf-swatch-hellish{background:#111827 url(/battlefields/hellish-room-digital-v3.webp) 50%/cover no-repeat}.bf-swatch-cyberpunk{background:#111827 url(/battlefields/cyberpunk-room-digital-v3.webp) 50%/cover no-repeat}.pt-modern[data-battlefield=tavern]{--bf-calm:rgba(64,40,23,.38);--bf-calm-solid:#4a2e16;--accent-50:255 251 235;--accent-100:254 243 199;--accent-200:253 230 138;--accent-300:252 211 77;--accent-400:251 191 36;--accent-500:245 158 11;--accent-600:217 119 6;--accent-700:180 83 9;--accent-800:146 64 14;--accent-900:120 53 15;--accent-950:69 26 3;--bg-from:40 24 13;--bg-via:30 18 10;--bg-to:20 12 7;background:#120a05}.bf-tavern-hearth{position:absolute;left:-14%;bottom:-24%;width:60%;height:85%;background:radial-gradient(closest-side,rgba(255,130,40,.5),rgba(255,90,20,.16) 55%,transparent);animation:bf-flicker 5.3s linear infinite;will-change:opacity}.bf-tavern-lantern{position:absolute}.bf-tavern-lantern-glow{position:absolute;left:50%;top:55%;width:1100%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,196,100,.42),rgba(255,150,60,.12) 50%,transparent);animation:bf-flicker 3.7s linear infinite;will-change:opacity}.bf-tavern-lantern-right .bf-tavern-lantern-glow{animation-duration:4.4s;animation-delay:-1.3s}.bf-flame{animation:bf-flame 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.bf-tavern-surface .bf-slab{border-radius:26px;border:14px solid #2a170a;background:linear-gradient(180deg,#7a4c26,#66401f 45%,#553417);box-shadow:inset 0 0 0 1px rgba(255,210,150,.14),inset 0 0 70px rgba(0,0,0,.55),0 0 0 1px #0a0502,0 30px 60px #000c}.bf-tavern-light{position:absolute;inset:0;background:radial-gradient(ellipse 45% 55% at 6% 0,rgba(255,196,110,.26),transparent),radial-gradient(ellipse 45% 55% at 94% 0,rgba(255,196,110,.22),transparent),radial-gradient(ellipse 80% 75% at 50% 50%,transparent 45%,rgba(10,4,0,.55))}.bf-tavern-flicker{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 0 100%,rgba(255,120,40,.22),transparent);animation:bf-flicker 4.3s linear -2s infinite;will-change:opacity}.pt-modern[data-battlefield=rainy-city]{--bf-calm:rgba(36,22,18,.38);--bf-calm-solid:#24160f;--bf-center-opacity:.8;--accent-50:255 241 242;--accent-100:255 228 230;--accent-200:254 205 211;--accent-300:253 164 175;--accent-400:251 113 133;--accent-500:244 63 94;--accent-600:225 29 72;--accent-700:190 18 60;--accent-800:159 18 57;--accent-900:136 19 55;--accent-950:76 5 25;--bg-from:24 24 54;--bg-via:18 18 42;--bg-to:12 12 30;background:#0b0c1c}.bf-rain-backdrop{background:linear-gradient(180deg,#080b20,#1d1d48 6%,#3e2b58 12%,#1d1630 19%,#0c0a16)}.bf-car{position:absolute;border-radius:4px;animation:bf-drive 9s linear infinite;will-change:transform;filter:blur(1.5px)}.bf-car-tail{background:linear-gradient(90deg,transparent,#ff3a3a 70%,#ffb0a0)}.bf-car-head{background:linear-gradient(270deg,transparent,#fff3d0 70%,#fff);animation-direction:reverse}@keyframes bf-drive{0%{transform:translateX(-20vw)}to{transform:translateX(110vw)}}.bf-neon-flicker{animation:bf-neon 7s steps(1) infinite}@keyframes bf-neon{0%,61%{opacity:1}62%{opacity:.1}63%{opacity:1}64%{opacity:.2}66%,88%{opacity:1}89%{opacity:.15}90%,to{opacity:1}}.bf-rain-bokeh{position:absolute;inset:0;background:radial-gradient(circle at 8% 60%,rgba(255,111,174,.35),transparent 3%),radial-gradient(circle at 16% 34%,rgba(255,179,95,.3),transparent 2.5%),radial-gradient(circle at 27% 82%,rgba(255,215,122,.28),transparent 3%),radial-gradient(circle at 70% 18%,rgba(255,95,95,.3),transparent 2.5%),radial-gradient(circle at 84% 70%,rgba(95,225,255,.3),transparent 3%),radial-gradient(circle at 93% 40%,rgba(155,140,255,.28),transparent 2.5%),radial-gradient(circle at 60% 90%,rgba(255,179,95,.3),transparent 3%),radial-gradient(ellipse 70% 30% at 50% 100%,rgba(255,140,90,.2),transparent)}.bf-rain-frame{position:absolute;inset:0;background:linear-gradient(#04040a,#171731 50%,#06060e) 0 0 /100% 22px no-repeat,linear-gradient(90deg,#04040a,#171731 55%,#06060e) 0 0 /28px 100% no-repeat,linear-gradient(90deg,#06060e,#171731 45%,#04040a) 100% 0 /28px 100% no-repeat,linear-gradient(90deg,#05050c,#1e1e3a 50%,#05050c) 33.4% 0 /14px 100% no-repeat,linear-gradient(90deg,#05050c,#1e1e3a 50%,#05050c) 66.6% 0 /14px 100% no-repeat}.bf-rain-surface .bf-slab{border-radius:14px;background:linear-gradient(180deg,#3c2520,#2c1914 40%,#1e110d);box-shadow:inset 0 2px 0 rgba(255,230,210,.12),inset 0 0 0 1px rgba(255,220,200,.06),inset 0 -10px 30px rgba(0,0,0,.4),0 30px 60px #000d}.bf-rain-light{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 96% 100%,rgba(255,170,90,.3),transparent),linear-gradient(180deg,rgba(120,140,255,.1),transparent 45%),radial-gradient(ellipse 80% 80% at 50% 45%,transparent 50%,rgba(0,0,0,.45))}.pt-modern[data-battlefield=grove]{--bf-calm:rgba(40,46,46,.38);--bf-calm-solid:#262c2c;--bf-center-opacity:.85;--accent-50:236 253 245;--accent-100:209 250 229;--accent-200:167 243 208;--accent-300:110 231 183;--accent-400:52 211 153;--accent-500:16 185 129;--accent-600:5 150 105;--accent-700:4 120 87;--accent-800:6 95 70;--accent-900:6 78 59;--accent-950:2 44 34;--bg-from:12 28 30;--bg-via:9 22 22;--bg-to:6 15 13;background:#050c09}.bf-grove-backdrop{background:linear-gradient(180deg,#03060e,#0a1830 7%,#12304a 13%,#0a1f18 19%,#040a07)}.bf-grove-moon{position:absolute;border-radius:50%;background:radial-gradient(circle at 62% 58%,hsla(120,8%,62%,.35) 0 9px,transparent 10px),radial-gradient(circle at 35% 35%,hsla(120,8%,62%,.3) 0 6px,transparent 7px),radial-gradient(circle at 45% 70%,hsla(120,8%,62%,.25) 0 4px,transparent 5px),radial-gradient(circle at 40% 38%,#fbfdf2,#e3ecd8 55%,#c3cebb);box-shadow:0 0 40px 12px rgba(220,240,255,.32),0 0 180px 70px rgba(140,180,255,.16)}.bf-grove-rays{position:absolute;inset:0;background:repeating-linear-gradient(108deg,transparent 0 80px,rgba(190,220,255,.055) 80px 130px,transparent 130px 210px);-webkit-mask-image:radial-gradient(ellipse 70% 90% at 84% 0,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 84% 0,#000,transparent 75%);animation:bf-breathe 11s ease-in-out infinite;will-change:opacity}.bf-grove-mist{position:absolute;left:-20%;width:140%;height:22%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(180,220,230,.13),transparent);animation:bf-drift 46s ease-in-out infinite alternate;will-change:transform}.bf-grove-mist-a{top:52%}.bf-grove-mist-b{bottom:2%;animation-duration:63s;animation-direction:alternate-reverse}.bf-grove-surface .bf-slab{border-radius:140px 190px 160px 120px/90px 120px 130px 80px;background:#2b322d;box-shadow:inset 0 0 50px rgba(0,0,0,.65),0 26px 60px #000d,0 0 0 1px rgba(150,200,160,.08)}.bf-grove-light{position:absolute;inset:0;background:linear-gradient(200deg,rgba(190,215,255,.2),transparent 45%),radial-gradient(ellipse 80% 80% at 50% 50%,transparent 50%,rgba(0,8,4,.5))}.bf-rune{position:absolute;opacity:.2;animation:bf-rune 1200s ease-in-out infinite;will-change:opacity}@keyframes bf-rune{0%{opacity:.2}.35%{opacity:1}.55%{opacity:1}1.1%{opacity:.2}to{opacity:.2}}.bf-gem{position:absolute;width:10%;aspect-ratio:1;transform:translate(-50%,-50%)}.bf-gem-core,.bf-gem-halo{position:absolute;inset:0;border-radius:50%;opacity:0;will-change:transform,opacity;animation:30s linear infinite}.bf-gem-core{background:radial-gradient(circle,#fff 0 16%,var(--gem) 34%,transparent 66%);animation-name:bf-gem-core}.bf-gem-halo{background:radial-gradient(circle,var(--gem) 0,transparent 66%);animation-name:bf-gem-halo}@keyframes bf-gem-core{0%{opacity:0}4%{opacity:.5}9%{opacity:.47}20%,to{opacity:0}}@keyframes bf-gem-halo{0%{opacity:0;transform:scale(.6)}5%{opacity:.45;transform:scale(1)}20%{opacity:0;transform:scale(3.4)}to{opacity:0;transform:scale(3.4)}}.pt-modern[data-battlefield=hellish]{--bf-calm:rgba(48,46,48,.38);--bf-calm-solid:#2e2c2e;--bf-center-opacity:.45;--accent-50:255 241 236;--accent-100:255 223 210;--accent-200:255 190 165;--accent-300:255 150 110;--accent-400:255 105 60;--accent-500:240 70 30;--accent-600:210 45 15;--accent-700:170 30 10;--accent-800:135 25 10;--accent-900:105 22 12;--accent-950:60 10 5;--bg-from:42 9 6;--bg-via:28 6 5;--bg-to:15 4 3;background:#0a0101}.bf-hell-backdrop{background:linear-gradient(180deg,#0b0102,#3a0605 6%,#9a2608 12%,#3a0805 18%,#120202 40%,#080101)}.bf-hell-glow{background:radial-gradient(ellipse 80% 22% at 50% 100%,rgba(200,70,20,.22),transparent);animation:bf-pulse 6s ease-in-out infinite;will-change:opacity}.bf-hell-glow,.bf-hell-sparks{position:absolute;inset:0}.bf-strike{position:absolute;opacity:0;animation:bf-strike 9s linear infinite;will-change:opacity}@keyframes bf-strike{0%,88%{opacity:0}88.4%{opacity:1}89%{opacity:.15}89.6%{opacity:.95}90.6%{opacity:.6}92.5%,to{opacity:0}}.bf-hell-stir{opacity:0;animation:bf-stir 26s ease-in-out 6s infinite;will-change:opacity}@keyframes bf-stir{0%,62%{opacity:0}72%{opacity:.5}75%{opacity:.32}79%{opacity:.6}84%{opacity:.36}96%,to{opacity:0}}.bf-ember{opacity:0;animation:bf-ember 20s ease-in-out infinite;will-change:opacity}@keyframes bf-ember{0%,50%{opacity:0}65%{opacity:.55}75%{opacity:.45}92%,to{opacity:0}}.bf-flare{opacity:.12;animation:bf-flare 9s ease-in-out infinite;will-change:opacity}@keyframes bf-flare{0%,55%{opacity:.12}62%{opacity:1}66%{opacity:.55}71%{opacity:.95}84%,to{opacity:.12}}.bf-hell-surface .bf-slab{border-radius:24px;border:10px solid #1d1817;background:#120806;box-shadow:inset 0 0 0 1px rgba(255,200,170,.08),inset 0 0 60px rgba(0,0,0,.6),0 0 0 1px #050202,0 30px 60px #000c}.bf-hell-shade{position:absolute;inset:0;background:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 45%,rgba(0,0,0,.55))}.pt-modern[data-battlefield=cyberpunk]{--bf-calm:rgba(3,7,13,.38);--bf-calm-solid:#03070d;--accent-50:236 254 255;--accent-100:207 250 254;--accent-200:165 243 252;--accent-300:103 232 249;--accent-400:34 211 238;--accent-500:6 182 212;--accent-600:8 145 178;--accent-700:14 116 144;--accent-800:21 94 117;--accent-900:22 78 99;--accent-950:8 51 68;--bg-from:6 12 26;--bg-via:4 8 18;--bg-to:2 4 10;background:#010206}.bf-cyber-backdrop{--bf-cyber-city:clamp(220px,42vh,520px);background:#010205}.bf-cyber-view{position:absolute;left:0;right:0;top:0;height:var(--bf-cyber-city);background:linear-gradient(180deg,#010207,#0c0a2c 45%,#2a0a40)}.bf-cyber-horizon{height:140px;transform:translateY(40%);background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(46,230,255,.35),transparent)}.bf-cyber-floor,.bf-cyber-horizon{position:absolute;left:0;right:0;bottom:0}.bf-cyber-floor{top:calc(var(--bf-cyber-city) - 15px);perspective:420px;overflow:hidden}.bf-cyber-floor-grid{position:absolute;left:-60%;right:-60%;top:0;height:320%;transform-origin:50% 0;background:linear-gradient(rgba(46,230,255,.4) 1px,transparent 0) 0 0 /80px 80px,linear-gradient(90deg,rgba(46,230,255,.4) 1px,transparent 0) 0 0 /80px 80px;animation:bf-grid-run 2.4s linear infinite;will-change:transform}.bf-cyber-surface .bf-slab{clip-path:polygon(4% 0,96% 0,100% 6.67%,100% 93.33%,96% 100%,4% 100%,0 93.33%,0 6.67%);background:linear-gradient(170deg,#06101c,#02060c 55%,#050812)}.bf-cyber-pulses{will-change:transform}.bf-cyber-pulses path,.bf-cyber-pulses polygon{animation:bf-trace 5s linear infinite}.bf-cyber-carbon{position:absolute;inset:0;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.025) 0 3px,transparent 3px 6px),repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 3px,transparent 3px 6px),linear-gradient(170deg,#0a1018,#04070c 55%,#070a12)}.bf-cyber-gloss{position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,hsla(0,0%,100%,.05) 40%,transparent 48%,transparent 62%,hsla(0,0%,100%,.03) 68%,transparent 74%)}.bf-rain-carving{position:absolute;left:3%;top:5.5%;width:9.3%;aspect-ratio:116/84;opacity:.9}.bf-painted-asset{background-position:50%;background-size:cover;background-repeat:no-repeat}.pt-modern[data-battlefield=codex] .pt-arena-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/battlefields/codex-surface-digital-v2.webp) 50%/cover no-repeat;mix-blend-mode:soft-light;opacity:.42}@media (prefers-contrast:more){.pt-modern[data-battlefield=codex] .pt-arena-surface:before{display:none}}.bf-hell-heat{position:absolute;inset:0;background:radial-gradient(ellipse at 8% 80%,rgba(190,55,15,.13),transparent 26%),radial-gradient(ellipse at 95% 20%,rgba(190,55,15,.1),transparent 24%)}.bf-digital-room{background-size:cover;background-position:50%}.bf-apartment-window-rain{position:absolute;left:27.3%;top:11%;width:54%;height:53%;overflow:hidden;opacity:.45}