/* ARENA RPG/TRIAL BACKGROUND - SAFE VERSION */ body.arena-rpg-trial-bg { background: #020712 !important; background-image: none !important; } body.arena-rpg-trial-bg::before { content: ""; position: fixed; inset: 0; z-index: -3; pointer-events: none; background-image: linear-gradient(180deg, rgba(2, 7, 18, 0.04), rgba(2, 7, 18, 0.28) 70%, rgba(2, 7, 18, 0.70)), url("/assets/img/rpgbg2.png?v=1778937351"); background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } /* Fallback only. Real fix is index.php removing these before browser loads them. */ body.arena-rpg-trial-bg .arena-race-hero-glow, body.arena-rpg-trial-bg .arena-race-scanline, body.arena-rpg-trial-bg .arena-race-hero-vignette, body.arena-rpg-trial-bg #arena-depth-bg, body.arena-rpg-trial-bg .arena-depth-shape, body.arena-rpg-trial-bg .arena-depth-beam, body.arena-rpg-trial-bg .bg-grid { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; background: none !important; background-image: none !important; } @media (max-width: 800px) { body.arena-rpg-trial-bg::before { background-attachment: scroll; } } /* ARENA_RPG_DESERT_WINDOW_THEME_START */ /* RPG/TRIAL window theme: - match desert/ruins background - warm sandstone / bronze tones - almost hard corners - scoped only to RPG/TRIAL */ body.arena-rpg-trial-bg { --rpg-panel-bg-top: rgba(53, 35, 22, 0.86); --rpg-panel-bg-bot: rgba(23, 16, 12, 0.90); --rpg-panel-border: rgba(201, 151, 92, 0.28); --rpg-panel-border-soft: rgba(255, 220, 170, 0.10); --rpg-panel-highlight: rgba(255, 211, 149, 0.07); --rpg-panel-shadow: rgba(0, 0, 0, 0.42); --rpg-row-bg: rgba(36, 23, 15, 0.44); --rpg-row-border: rgba(210, 169, 110, 0.10); --rpg-tab-bg: rgba(58, 38, 24, 0.62); --rpg-tab-border: rgba(212, 174, 114, 0.20); --rpg-tab-active-top: rgba(128, 83, 40, 0.92); --rpg-tab-active-bot: rgba(82, 50, 25, 0.92); --rpg-text-glow: 0 1px 2px rgba(0,0,0,.85); } /* Main panels/windows */ body.arena-rpg-trial-bg .panel, body.arena-rpg-trial-bg section.panel, body.arena-rpg-trial-bg .stat-card, body.arena-rpg-trial-bg .card, body.arena-rpg-trial-bg .box, body.arena-rpg-trial-bg .table, body.arena-rpg-trial-bg .table-wrap, body.arena-rpg-trial-bg .table-card { background: linear-gradient(180deg, var(--rpg-panel-bg-top), var(--rpg-panel-bg-bot)) !important; border: 1px solid var(--rpg-panel-border) !important; border-radius: 6px !important; box-shadow: 0 14px 34px var(--rpg-panel-shadow), inset 0 1px 0 var(--rpg-panel-border-soft), inset 0 0 0 1px rgba(255, 214, 150, 0.03) !important; backdrop-filter: blur(4px) saturate(0.9) !important; -webkit-backdrop-filter: blur(4px) saturate(0.9) !important; overflow: hidden !important; } /* Remove neon sci-fi corner/overlay decoration */ body.arena-rpg-trial-bg .panel::before, body.arena-rpg-trial-bg .panel::after, body.arena-rpg-trial-bg section.panel::before, body.arena-rpg-trial-bg section.panel::after, body.arena-rpg-trial-bg .stat-card::before, body.arena-rpg-trial-bg .stat-card::after, body.arena-rpg-trial-bg .card::before, body.arena-rpg-trial-bg .card::after, body.arena-rpg-trial-bg .box::before, body.arena-rpg-trial-bg .box::after { background: none !important; background-image: none !important; box-shadow: none !important; } /* Titles / internal section headers */ body.arena-rpg-trial-bg .panel-header, body.arena-rpg-trial-bg .card-header, body.arena-rpg-trial-bg .table-header, body.arena-rpg-trial-bg .panel-titlebar, body.arena-rpg-trial-bg .section-header { background: linear-gradient(180deg, rgba(116, 77, 39, 0.55), rgba(55, 35, 20, 0.24)) !important; border-bottom: 1px solid rgba(221, 179, 120, 0.14) !important; border-radius: 4px 4px 0 0 !important; box-shadow: inset 0 1px 0 rgba(255, 223, 175, 0.08) !important; } /* Table/list rows */ body.arena-rpg-trial-bg table, body.arena-rpg-trial-bg thead, body.arena-rpg-trial-bg tbody, body.arena-rpg-trial-bg tfoot, body.arena-rpg-trial-bg tr, body.arena-rpg-trial-bg th, body.arena-rpg-trial-bg td, body.arena-rpg-trial-bg .row, body.arena-rpg-trial-bg .list-row, body.arena-rpg-trial-bg .rank-row, body.arena-rpg-trial-bg .record-row, body.arena-rpg-trial-bg .map-row, body.arena-rpg-trial-bg .driver-row, body.arena-rpg-trial-bg .player-row, body.arena-rpg-trial-bg .playlist-row, body.arena-rpg-trial-bg .finish-row, body.arena-rpg-trial-bg [class*="row"] { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } body.arena-rpg-trial-bg tbody tr, body.arena-rpg-trial-bg .row, body.arena-rpg-trial-bg .list-row, body.arena-rpg-trial-bg .rank-row, body.arena-rpg-trial-bg .record-row, body.arena-rpg-trial-bg .map-row, body.arena-rpg-trial-bg .driver-row, body.arena-rpg-trial-bg .player-row, body.arena-rpg-trial-bg .playlist-row, body.arena-rpg-trial-bg .finish-row { background: linear-gradient(180deg, rgba(48, 30, 18, 0.18), rgba(24, 15, 10, 0.16)) !important; border-top: 1px solid rgba(255,255,255,0.02) !important; border-bottom: 1px solid var(--rpg-row-border) !important; } /* Stats cards on top */ body.arena-rpg-trial-bg .stat-card { border-radius: 7px !important; } /* Top nav pills/tabs inside RPG page */ body.arena-rpg-trial-bg .tabs a, body.arena-rpg-trial-bg .tab, body.arena-rpg-trial-bg .chip, body.arena-rpg-trial-bg .filter-pill, body.arena-rpg-trial-bg .pill, body.arena-rpg-trial-bg button, body.arena-rpg-trial-bg .btn { background: linear-gradient(180deg, rgba(74, 47, 28, 0.62), rgba(44, 29, 19, 0.62)) !important; border: 1px solid var(--rpg-tab-border) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255, 224, 179, 0.08), 0 4px 10px rgba(0,0,0,0.16) !important; } body.arena-rpg-trial-bg .tabs a.active, body.arena-rpg-trial-bg .tab.active, body.arena-rpg-trial-bg .chip.active, body.arena-rpg-trial-bg .filter-pill.active, body.arena-rpg-trial-bg .pill.active, body.arena-rpg-trial-bg button.active, body.arena-rpg-trial-bg .btn.active, body.arena-rpg-trial-bg .tabs a[aria-current="page"] { background: linear-gradient(180deg, var(--rpg-tab-active-top), var(--rpg-tab-active-bot)) !important; border-color: rgba(233, 190, 126, 0.34) !important; box-shadow: inset 0 1px 0 rgba(255, 226, 188, 0.14), 0 6px 14px rgba(0,0,0,0.22) !important; } /* Table header text rows */ body.arena-rpg-trial-bg th, body.arena-rpg-trial-bg thead td, body.arena-rpg-trial-bg .table-header, body.arena-rpg-trial-bg .panel-header { letter-spacing: .06em; text-transform: uppercase; } /* Preserve existing text colors, just improve readability */ body.arena-rpg-trial-bg .panel, body.arena-rpg-trial-bg .panel *, body.arena-rpg-trial-bg .stat-card, body.arena-rpg-trial-bg .stat-card *, body.arena-rpg-trial-bg .card, body.arena-rpg-trial-bg .card *, body.arena-rpg-trial-bg .box, body.arena-rpg-trial-bg .box * { text-shadow: var(--rpg-text-glow) !important; } /* Slightly harder corner look on big main board */ body.arena-rpg-trial-bg .panel.main, body.arena-rpg-trial-bg .main-panel, body.arena-rpg-trial-bg .hero-panel { border-radius: 4px !important; } /* ARENA_RPG_DESERT_WINDOW_THEME_END */ /* ARENA_RPG_ROUNDER_TRANSPARENT_GILLSANS_START */ /* Small RPG/TRIAL theme adjustment: - rounder windows - slightly more transparent panels - Gill Sans for nickname/player-name text */ body.arena-rpg-trial-bg { --rpg-panel-bg-top: rgba(53, 35, 22, 0.74); --rpg-panel-bg-bot: rgba(23, 16, 12, 0.78); --rpg-row-bg: rgba(36, 23, 15, 0.28); } /* More rounded main windows */ body.arena-rpg-trial-bg .panel, body.arena-rpg-trial-bg section.panel, body.arena-rpg-trial-bg .stat-card, body.arena-rpg-trial-bg .card, body.arena-rpg-trial-bg .box, body.arena-rpg-trial-bg .table, body.arena-rpg-trial-bg .table-wrap, body.arena-rpg-trial-bg .table-card { border-radius: 18px !important; background: linear-gradient(180deg, var(--rpg-panel-bg-top), var(--rpg-panel-bg-bot)) !important; backdrop-filter: blur(3px) saturate(0.86) !important; -webkit-backdrop-filter: blur(3px) saturate(0.86) !important; } /* Stat cards slightly smaller rounding than giant panels */ body.arena-rpg-trial-bg .stat-card { border-radius: 16px !important; } /* Inner table/list containers */ body.arena-rpg-trial-bg table, body.arena-rpg-trial-bg .table, body.arena-rpg-trial-bg .table-wrap, body.arena-rpg-trial-bg .table-card { border-radius: 14px !important; } /* Row fills slightly more transparent */ body.arena-rpg-trial-bg tbody tr, body.arena-rpg-trial-bg .row, body.arena-rpg-trial-bg .list-row, body.arena-rpg-trial-bg .rank-row, body.arena-rpg-trial-bg .record-row, body.arena-rpg-trial-bg .map-row, body.arena-rpg-trial-bg .driver-row, body.arena-rpg-trial-bg .player-row, body.arena-rpg-trial-bg .playlist-row, body.arena-rpg-trial-bg .finish-row { background: linear-gradient(180deg, rgba(48, 30, 18, 0.12), rgba(24, 15, 10, 0.10)) !important; } /* Round tabs/pills a bit more */ body.arena-rpg-trial-bg .tabs a, body.arena-rpg-trial-bg .tab, body.arena-rpg-trial-bg .chip, body.arena-rpg-trial-bg .filter-pill, body.arena-rpg-trial-bg .pill, body.arena-rpg-trial-bg button, body.arena-rpg-trial-bg .btn { border-radius: 999px !important; } /* Gill Sans for nicknames/player names. Uses broad but RPG-scoped selectors because TM nickname markup may vary. */ body.arena-rpg-trial-bg .nickname, body.arena-rpg-trial-bg .nick, body.arena-rpg-trial-bg .player-name, body.arena-rpg-trial-bg .player-nick, body.arena-rpg-trial-bg .tm-nick, body.arena-rpg-trial-bg .tmnickname, body.arena-rpg-trial-bg .tm-nickname, body.arena-rpg-trial-bg [class*="nickname"], body.arena-rpg-trial-bg [class*="nick"], body.arena-rpg-trial-bg [class*="player-name"], body.arena-rpg-trial-bg [data-login], body.arena-rpg-trial-bg [data-player], body.arena-rpg-trial-bg td.player, body.arena-rpg-trial-bg td.nickname, body.arena-rpg-trial-bg td.nick { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif !important; font-weight: 600; letter-spacing: 0.01em; } /* Common player-name columns: Latest finishes/local records usually have PLAYER as column 1 or 2. This avoids changing map/file/time columns. */ body.arena-rpg-trial-bg table.records-table td:nth-child(2), body.arena-rpg-trial-bg table.finishes-table td:nth-child(1), body.arena-rpg-trial-bg table.players-table td:nth-child(1), body.arena-rpg-trial-bg .latest-finishes td:first-child, body.arena-rpg-trial-bg .local-records td:nth-child(2), body.arena-rpg-trial-bg .top-drivers td:nth-child(2), body.arena-rpg-trial-bg .driver-row > *:nth-child(2), body.arena-rpg-trial-bg .player-row > *:nth-child(1), body.arena-rpg-trial-bg .finish-row > *:nth-child(1), body.arena-rpg-trial-bg .record-row > *:nth-child(2) { font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif !important; font-weight: 600; letter-spacing: 0.01em; } /* ARENA_RPG_ROUNDER_TRANSPARENT_GILLSANS_END */ /* ARENA_RPG_HEADER_READABILITY_START */ /* Make the RPG/TRIAL top intro easier to read without shifting layout */ body.arena-rpg-trial-bg section.page-title { position: relative !important; isolation: isolate !important; } body.arena-rpg-trial-bg section.page-title::before { content: "" !important; position: absolute !important; inset: -10px -14px -10px -14px !important; z-index: 0 !important; pointer-events: none !important; border-radius: 18px !important; background: linear-gradient(90deg, rgba(24, 16, 10, 0.62) 0%, rgba(24, 16, 10, 0.46) 38%, rgba(24, 16, 10, 0.16) 72%, rgba(24, 16, 10, 0.00) 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 30px rgba(0,0,0,0.18) !important; } body.arena-rpg-trial-bg section.page-title > * { position: relative !important; z-index: 1 !important; } body.arena-rpg-trial-bg section.page-title h1, body.arena-rpg-trial-bg section.page-title h2, body.arena-rpg-trial-bg section.page-title .title, body.arena-rpg-trial-bg section.page-title .eyebrow, body.arena-rpg-trial-bg section.page-title p { text-shadow: 0 2px 8px rgba(0,0,0,0.80), 0 1px 2px rgba(0,0,0,0.95) !important; } /* Slightly brighten and strengthen the main heading */ body.arena-rpg-trial-bg section.page-title h1, body.arena-rpg-trial-bg section.page-title .title { color: #fffaf0 !important; } /* Subtitle easier to read */ body.arena-rpg-trial-bg section.page-title p { color: rgba(240, 233, 220, 0.96) !important; max-width: 920px !important; } /* Make the small top label pop more */ body.arena-rpg-trial-bg section.page-title .eyebrow, body.arena-rpg-trial-bg section.page-title .section-kicker, body.arena-rpg-trial-bg section.page-title .overline { color: #8fe7ff !important; letter-spacing: .08em !important; font-weight: 700 !important; } /* Make the RPG tabs more visible */ body.arena-rpg-trial-bg .tabs a, body.arena-rpg-trial-bg .tab, body.arena-rpg-trial-bg .chip, body.arena-rpg-trial-bg .filter-pill, body.arena-rpg-trial-bg .pill { background: rgba(43, 28, 18, 0.46) !important; border: 1px solid rgba(255, 225, 180, 0.24) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 4px 12px rgba(0,0,0,0.16) !important; text-shadow: 0 1px 2px rgba(0,0,0,.8) !important; } body.arena-rpg-trial-bg .tabs a:hover, body.arena-rpg-trial-bg .tab:hover, body.arena-rpg-trial-bg .chip:hover, body.arena-rpg-trial-bg .filter-pill:hover, body.arena-rpg-trial-bg .pill:hover { background: rgba(74, 47, 28, 0.62) !important; border-color: rgba(255, 230, 190, 0.34) !important; } body.arena-rpg-trial-bg .tabs a.active, body.arena-rpg-trial-bg .tab.active, body.arena-rpg-trial-bg .chip.active, body.arena-rpg-trial-bg .filter-pill.active, body.arena-rpg-trial-bg .pill.active, body.arena-rpg-trial-bg .tabs a[aria-current="page"] { background: rgba(118, 78, 40, 0.72) !important; border-color: rgba(255, 223, 170, 0.42) !important; color: #fff8ef !important; } /* ARENA_RPG_HEADER_READABILITY_END */ /* ARENA_RPG_TITLE_WINDOW_REMOVE_FINAL_START */ /* Remove only the translucent RPG/TRIAL title window. Keep page background, cards, tabs, and text styling. */ body.arena-rpg-trial-bg section.page-title { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.arena-rpg-trial-bg section.page-title::before, body.arena-rpg-trial-bg section.page-title::after { content: none !important; display: none !important; opacity: 0 !important; background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ARENA_RPG_TITLE_WINDOW_REMOVE_FINAL_END */ /* ARENA_RPG_BG_MODERN_FORMATS_START */ /* RPG page background: AVIF first, WebP fallback, JPG fallback. PNG kept only as source backup. */ body.arena-rpg-trial-bg::before { background-image: linear-gradient(180deg, rgba(2, 7, 18, 0.04), rgba(2, 7, 18, 0.28) 70%, rgba(2, 7, 18, 0.70)), image-set( url("/assets/img/rpgbg2.avif?v=2026-05-16_155430") type("image/avif"), url("/assets/img/rpgbg2.webp?v=2026-05-16_155430") type("image/webp"), url("/assets/img/rpgbg2.jpg?v=2026-05-16_155430") type("image/jpeg") ) !important; } /* ARENA_RPG_BG_MODERN_FORMATS_END */ /* ARENA_RPG_STABLE_BACKGROUND_NO_JUMP_START */ /* Keep RPG background fixed and stable. Window/card parallax may still run. */ body.arena-rpg-trial-bg::before { transform: none !important; background-position: center center !important; will-change: auto !important; } /* ARENA_RPG_STABLE_BACKGROUND_NO_JUMP_END */ /* ARENA_RPG_VISIBLE_CLOUD_LAYER_START */ /* Visible RPG atmospheric motion: clouds, mist, gusts, and dust. No page/window parallax. */ body.arena-rpg-trial-bg { overflow-x: hidden !important; } body.arena-rpg-trial-bg .main.wrap { position: relative !important; z-index: 2 !important; } body.arena-rpg-trial-bg .main.wrap > :not(.arena-rpg-cloud-layer) { position: relative !important; z-index: 2 !important; } body.arena-rpg-trial-bg .arena-rpg-cloud-layer { position: fixed !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; overflow: hidden !important; opacity: 1 !important; } /* all atmospheric strips */ body.arena-rpg-trial-bg .arena-rpg-cloud-layer > span { position: absolute !important; display: block !important; pointer-events: none !important; will-change: transform, opacity !important; } /* TOP WHITE CLOUD BAND */ body.arena-rpg-trial-bg .arena-rpg-cloud-band-top { left: -120vw !important; top: -4vh !important; width: 260vw !important; height: 34vh !important; opacity: .78 !important; filter: blur(13px) brightness(1.18) saturate(1.02) !important; mix-blend-mode: screen !important; background: radial-gradient(ellipse at 6% 44%, rgba(255,255,255,.78) 0%, rgba(255,255,255,.38) 17%, rgba(255,255,255,.12) 32%, transparent 54%), radial-gradient(ellipse at 18% 38%, rgba(250,253,255,.72) 0%, rgba(250,253,255,.34) 16%, rgba(250,253,255,.10) 31%, transparent 52%), radial-gradient(ellipse at 34% 46%, rgba(255,255,255,.76) 0%, rgba(255,255,255,.36) 17%, rgba(255,255,255,.11) 32%, transparent 54%), radial-gradient(ellipse at 52% 40%, rgba(246,250,255,.68) 0%, rgba(246,250,255,.32) 16%, rgba(246,250,255,.10) 31%, transparent 52%), radial-gradient(ellipse at 70% 46%, rgba(255,255,255,.74) 0%, rgba(255,255,255,.35) 17%, rgba(255,255,255,.11) 32%, transparent 54%), radial-gradient(ellipse at 88% 38%, rgba(250,253,255,.70) 0%, rgba(250,253,255,.32) 16%, rgba(250,253,255,.10) 31%, transparent 52%) !important; animation: arenaRpgMoveTopClouds 76s linear infinite !important; animation-delay: var(--arena-rpg-cloud-delay-main, 0s) !important; } /* MID THIN CLOUD VEIL */ body.arena-rpg-trial-bg .arena-rpg-cloud-band-mid { left: -140vw !important; top: 18vh !important; width: 280vw !important; height: 24vh !important; opacity: .46 !important; filter: blur(18px) brightness(1.08) !important; mix-blend-mode: screen !important; background: linear-gradient(92deg, transparent 0%, rgba(255,255,255,.00) 14%, rgba(255,255,255,.16) 30%, rgba(255,255,255,.24) 48%, rgba(255,255,255,.13) 66%, rgba(255,255,255,0) 84%, transparent 100%), radial-gradient(ellipse at 22% 55%, rgba(255,255,255,.24) 0%, rgba(255,255,255,.10) 24%, transparent 56%), radial-gradient(ellipse at 68% 45%, rgba(235,245,255,.20) 0%, rgba(235,245,255,.08) 26%, transparent 58%) !important; animation: arenaRpgMoveMidVeil 92s linear infinite !important; animation-delay: var(--arena-rpg-cloud-delay-soft, 0s) !important; } /* LOW MIST BAND */ body.arena-rpg-trial-bg .arena-rpg-cloud-band-low { left: -130vw !important; bottom: -2vh !important; width: 270vw !important; height: 30vh !important; opacity: .66 !important; filter: blur(20px) brightness(1.08) saturate(1.06) !important; mix-blend-mode: screen !important; background: linear-gradient(180deg, transparent 0%, rgba(255,232,205,.08) 28%, rgba(255,220,185,.20) 58%, rgba(255,205,165,.28) 100%), radial-gradient(ellipse at 12% 72%, rgba(255,246,235,.34) 0%, rgba(255,246,235,.16) 22%, transparent 58%), radial-gradient(ellipse at 36% 78%, rgba(255,224,196,.30) 0%, rgba(255,224,196,.14) 24%, transparent 60%), radial-gradient(ellipse at 62% 72%, rgba(255,246,235,.28) 0%, rgba(255,246,235,.12) 22%, transparent 58%), radial-gradient(ellipse at 88% 80%, rgba(255,214,180,.28) 0%, rgba(255,214,180,.12) 24%, transparent 60%) !important; animation: arenaRpgMoveLowMist 112s linear infinite !important; animation-delay: var(--arena-rpg-cloud-delay-soft, 0s) !important; } /* VISIBLE GUST STREAKS */ body.arena-rpg-trial-bg .arena-rpg-gust-one, body.arena-rpg-trial-bg .arena-rpg-gust-two { left: -80vw !important; width: 80vw !important; height: 16vh !important; opacity: 0 !important; filter: blur(7px) brightness(1.18) !important; mix-blend-mode: screen !important; background: linear-gradient(96deg, transparent 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,.18) 42%, rgba(255,255,255,.34) 52%, rgba(255,255,255,.14) 64%, rgba(255,255,255,0) 82%, transparent 100%) !important; } body.arena-rpg-trial-bg .arena-rpg-gust-one { top: 28vh !important; animation: arenaRpgGustOne 18s linear infinite !important; animation-delay: var(--arena-rpg-gust-delay, 0s) !important; } body.arena-rpg-trial-bg .arena-rpg-gust-two { top: 66vh !important; height: 12vh !important; background: linear-gradient(94deg, transparent 0%, rgba(255,214,170,0) 20%, rgba(255,214,170,.14) 42%, rgba(255,232,205,.28) 52%, rgba(255,214,170,.12) 64%, rgba(255,214,170,0) 82%, transparent 100%) !important; animation: arenaRpgGustTwo 25s linear infinite !important; animation-delay: var(--arena-rpg-gust-delay, 0s) !important; } /* DUST SPECKS: actually visible */ body.arena-rpg-trial-bg .arena-rpg-dust-layer { left: -40vw !important; top: 0 !important; width: 180vw !important; height: 100vh !important; opacity: .62 !important; filter: blur(.35px) !important; mix-blend-mode: screen !important; background-image: radial-gradient(circle, rgba(255,255,255,.38) 0 1px, transparent 1.8px), radial-gradient(circle, rgba(255,236,205,.32) 0 1.2px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.24) 0 .8px, transparent 1.7px), radial-gradient(circle, rgba(255,215,165,.22) 0 1px, transparent 1.9px) !important; background-size: 170px 120px, 230px 160px, 290px 190px, 360px 240px !important; background-position: 0 0, 70px 40px, 140px 20px, 210px 90px !important; animation: arenaRpgDustMove 38s linear infinite !important; animation-delay: var(--arena-rpg-dust-delay, 0s) !important; } @keyframes arenaRpgMoveTopClouds { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(82vw, 0, 0); } } @keyframes arenaRpgMoveMidVeil { from { transform: translate3d(-10vw, 0, 0); } to { transform: translate3d(70vw, 0, 0); } } @keyframes arenaRpgMoveLowMist { from { transform: translate3d(-6vw, 0, 0); } to { transform: translate3d(62vw, 0, 0); } } @keyframes arenaRpgDustMove { from { transform: translate3d(0, -1vh, 0); } to { transform: translate3d(42vw, 3vh, 0); } } @keyframes arenaRpgGustOne { 0% { transform: translate3d(-10vw, 0, 0); opacity: 0; } 12% { opacity: .0; } 24% { opacity: .58; } 42% { opacity: .32; } 60% { opacity: 0; } 100% { transform: translate3d(150vw, 0, 0); opacity: 0; } } @keyframes arenaRpgGustTwo { 0% { transform: translate3d(-20vw, 0, 0); opacity: 0; } 18% { opacity: 0; } 34% { opacity: .50; } 52% { opacity: .26; } 70% { opacity: 0; } 100% { transform: translate3d(145vw, 0, 0); opacity: 0; } } @media (prefers-reduced-motion: reduce) { body.arena-rpg-trial-bg .arena-rpg-cloud-layer > span { animation: none !important; } } /* ARENA_RPG_VISIBLE_CLOUD_LAYER_END */ /* ARENA_RPG_DUST_ORANGE_BOOST_START */ /* RPG dust particles: bigger and slightly warmer/orange. */ body.arena-rpg-trial-bg .arena-rpg-dust-layer { opacity: .82 !important; filter: blur(.25px) drop-shadow(0 1px 3px rgba(120,64,24,.28)) !important; background-image: radial-gradient(circle, rgba(255,242,220,.48) 0 1.7px, transparent 3.1px), radial-gradient(circle, rgba(255,196,120,.42) 0 2.1px, transparent 3.6px), radial-gradient(circle, rgba(255,224,178,.34) 0 1.5px, transparent 3px), radial-gradient(circle, rgba(255,170,82,.28) 0 1.8px, transparent 3.4px), radial-gradient(circle, rgba(255,255,255,.24) 0 1.2px, transparent 2.6px) !important; background-size: 190px 135px, 260px 175px, 340px 220px, 430px 280px, 520px 330px !important; background-position: 0 0, 80px 42px, 150px 24px, 230px 96px, 310px 130px !important; animation: arenaRpgDustMoveOrangeBoost 34s linear infinite !important; animation-delay: var(--arena-rpg-dust-delay, 0s) !important; } @keyframes arenaRpgDustMoveOrangeBoost { from { transform: translate3d(0, -1vh, 0); background-position: 0 0, 80px 42px, 150px 24px, 230px 96px, 310px 130px; } to { transform: translate3d(46vw, 3vh, 0); background-position: 320px 0, 430px 42px, 520px 24px, 650px 96px, 760px 130px; } } /* ARENA_RPG_DUST_ORANGE_BOOST_END */ /* ARENA_RPG_DUST_RANDOM_SLOW_START */ /* RPG dust: slower, mixed particle sizes, warmer orange, varied movement directions. */ body.arena-rpg-trial-bg .arena-rpg-dust-layer { opacity: .80 !important; filter: blur(.22px) drop-shadow(0 1px 3px rgba(120,64,24,.26)) !important; background-image: radial-gradient(circle, rgba(255,242,220,.44) 0 .9px, transparent 2.3px), radial-gradient(circle, rgba(255,196,120,.40) 0 1.7px, transparent 3.5px), radial-gradient(circle, rgba(255,224,178,.32) 0 1.2px, transparent 2.9px), radial-gradient(circle, rgba(255,170,82,.26) 0 2.1px, transparent 3.6px), radial-gradient(circle, rgba(255,255,255,.22) 0 .7px, transparent 2.1px), radial-gradient(circle, rgba(255,205,140,.24) 0 1.4px, transparent 3.0px) !important; background-size: 190px 135px, 260px 175px, 340px 220px, 430px 280px, 520px 330px, 610px 390px !important; background-position: 0 0, 80px 42px, 150px 24px, 230px 96px, 310px 130px, 390px 180px !important; animation: arenaRpgDustMoveRandomSlow 52s linear infinite !important; animation-delay: var(--arena-rpg-dust-delay, 0s) !important; } @keyframes arenaRpgDustMoveRandomSlow { 0% { transform: translate3d(0, 0, 0); background-position: 0 0, 80px 42px, 150px 24px, 230px 96px, 310px 130px, 390px 180px; } 33% { transform: translate3d(8vw, 1.2vh, 0); background-position: 120px -28px, 20px 92px, 260px 68px, 180px 20px, 430px 190px, 300px 90px; } 66% { transform: translate3d(21vw, -0.8vh, 0); background-position: 240px 32px, 190px -18px, 90px 120px, 360px 170px, 250px 60px, 560px 250px; } 100% { transform: translate3d(34vw, 2vh, 0); background-position: 380px 0, 340px 42px, 490px 24px, 660px 96px, 830px 130px, 1000px 180px; } } /* ARENA_RPG_DUST_RANDOM_SLOW_END */ /* ARENA_RPG_CLASSIC_BADGE_START */ .rpg-classic-badge { display: inline-flex; align-items: center; justify-content: center; margin-left: 7px; padding: 2px 7px; border-radius: 999px; border: 1px solid rgba(255, 210, 110, .56); background: linear-gradient(180deg, rgba(255, 222, 124, .22), rgba(130, 82, 24, .32)); color: #ffe39a; font-size: 10px; line-height: 1.15; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 9px rgba(255,190,80,.28); box-shadow: 0 0 12px rgba(255,180,70,.18), inset 0 1px 0 rgba(255,255,255,.16); vertical-align: middle; white-space: nowrap; } .rpg-classic-filter { display: inline-flex; align-items: center; margin-left: auto; } .rpg-classic-filter label { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); background: rgba(24,16,10,.42); color: #fff; font-size: 13px; font-weight: 900; cursor: pointer; box-shadow: 0 7px 20px rgba(0,0,0,.34); text-shadow: 0 2px 4px rgba(0,0,0,.9); } .rpg-classic-filter input { width: 16px; height: 16px; accent-color: #ffc35b; } @media (max-width: 720px) { .rpg-classic-filter { width: 100%; margin-left: 0; margin-top: 8px; } } /* ARENA_RPG_CLASSIC_BADGE_END */ /* ARENA_RPG_CLASSIC_DEDUPE_START */ .rpg-classic-badge + .rpg-classic-badge { display: none !important; } /* ARENA_RPG_CLASSIC_DEDUPE_END */ /* ARENA_RPG_CLASSIC_CONFIRMED_NOTE_CSS_START */ .rpg-classic-confirmed-note, body.arena-rpg-trial-bg .stat-card .rpg-classic-confirmed-note { display: block !important; width: 100% !important; flex-basis: 100% !important; clear: both !important; margin-top: 7px !important; padding-top: 2px !important; color: #ffe0a3 !important; font-size: 11px !important; line-height: 1.35 !important; font-style: normal !important; font-weight: 850 !important; white-space: normal !important; max-width: 380px !important; text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 10px rgba(255,180,70,.24) !important; } /* ARENA_RPG_CLASSIC_CONFIRMED_NOTE_CSS_END */ /* ARENA_RPG_PROFILE_TABLE_NOWRAP_START */ /* Keep record/finish dates readable on RPG profile tables. */ body.arena-rpg-trial-bg .table-wrap table th:last-child, body.arena-rpg-trial-bg .table-wrap table td:last-child { white-space: nowrap !important; min-width: 132px !important; } body.arena-rpg-trial-bg .table-wrap { overflow-x: auto !important; } /* ARENA_RPG_PROFILE_TABLE_NOWRAP_END */ /* ARENA_RPG_DIFFICULTY_TRUE_STARS_CSS_START */ body.arena-rpg-trial-bg .rpg-difficulty-stars { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; min-width: 76px !important; font-size: 14px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: 1px !important; color: #ffd76a !important; text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 9px rgba(255,190,80,.28) !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-1 { color: #7ad36a !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-2 { color: #a8d965 !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-3 { color: #d8dd5c !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-4 { color: #ffd76a !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-5 { color: #ffb24d !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-6 { color: #ff7747 !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-7 { color: #ff4b4b !important; } body.arena-rpg-trial-bg .rpg-difficulty-empty { min-width: 24px !important; color: rgba(255,255,255,.52) !important; letter-spacing: 0 !important; } body.arena-rpg-trial-bg table th:nth-child(3), body.arena-rpg-trial-bg table td:nth-child(3) { white-space: nowrap !important; min-width: 112px !important; } /* ARENA_RPG_DIFFICULTY_TRUE_STARS_CSS_END */ /* ARENA_RPG_MAP_FILTER_BAR_TOP_CSS_START */ body.arena-rpg-trial-bg .rpg-maps-filterbar { margin: 10px 0 16px 0 !important; } body.arena-rpg-trial-bg .rpg-maps-filterbar-main { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; border-radius: 18px !important; border: 1px solid rgba(255,255,255,.15) !important; background: linear-gradient(180deg, rgba(62,39,24,.44), rgba(22,14,9,.60)) !important; box-shadow: 0 10px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06) !important; } body.arena-rpg-trial-bg .rpg-maps-search { flex: 1 1 360px !important; min-width: 280px !important; height: 42px !important; padding: 0 15px !important; border-radius: 999px !important; border: 1px solid rgba(190,120,70,.36) !important; background: linear-gradient(180deg, rgba(255,250,244,.98), rgba(255,238,218,.94)) !important; color: #2b1d14 !important; font-size: 14px !important; font-weight: 800 !important; outline: none !important; } body.arena-rpg-trial-bg .rpg-maps-search::placeholder { color: rgba(86,55,34,.72) !important; } body.arena-rpg-trial-bg .rpg-maps-select { height: 42px !important; min-width: 155px !important; padding: 0 12px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.17) !important; background: rgba(35,23,16,.78) !important; color: #f8f0e4 !important; font-weight: 900 !important; } body.arena-rpg-trial-bg .rpg-maps-check { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #f5ebdd !important; font-size: 13px !important; font-weight: 900 !important; white-space: nowrap !important; text-shadow: 0 2px 4px rgba(0,0,0,.85) !important; } body.arena-rpg-trial-bg .rpg-maps-check input { width: 16px !important; height: 16px !important; accent-color: #d5a56a !important; } body.arena-rpg-trial-bg .rpg-maps-filter-btn, body.arena-rpg-trial-bg .rpg-maps-filter-reset { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; padding: 0 16px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.18) !important; text-decoration: none !important; font-weight: 950 !important; } body.arena-rpg-trial-bg .rpg-maps-filter-btn { background: linear-gradient(180deg, rgba(92,60,38,.96), rgba(43,27,18,.98)) !important; color: #fff6ea !important; } body.arena-rpg-trial-bg .rpg-maps-filter-reset { background: rgba(22,14,9,.40) !important; color: #f1e3cf !important; } /* ARENA_RPG_MAP_FILTER_BAR_TOP_CSS_END */ /* ARENA_RPG_DIFFICULTY_STAR_PLACEMENT_CSS_START */ body.arena-rpg-trial-bg .rpg-difficulty-under-map { display: block !important; margin-top: 4px !important; line-height: 1 !important; clear: both !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars { display: inline-block !important; color: #ffbf67 !important; font-size: 14px !important; font-weight: 900 !important; letter-spacing: .03em !important; white-space: nowrap !important; text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 8px rgba(255,175,75,.22) !important; } body.arena-rpg-trial-bg .rpg-difficulty-stars-empty { color: rgba(255,255,255,.50) !important; font-weight: 900 !important; white-space: nowrap !important; } body.arena-rpg-trial-bg td .rpg-difficulty-under-map .rpg-difficulty-stars { font-size: 13px !important; margin-left: 0 !important; } body.arena-rpg-trial-bg .rpg-classic-badge + .rpg-difficulty-under-map, body.arena-rpg-trial-bg .rpg-map-link + .rpg-difficulty-under-map { margin-top: 5px !important; } /* ARENA_RPG_DIFFICULTY_STAR_PLACEMENT_CSS_END */ /* ARENA_MAP_DIFFICULTY_ADMIN_CSS_START */ .arena-mapdiff-table td { vertical-align: middle; } .arena-mapdiff-inline { display: inline-flex; align-items: center; gap: 8px; flex-wrap: nowrap; } .arena-mapdiff-inline select { min-width: 92px; } .arena-mapdiff-current { display: inline-flex; align-items: center; gap: 7px; font-weight: 800; white-space: nowrap; } .rpg-difficulty-stars { display: inline-block; color: #ffbf67; font-weight: 900; letter-spacing: .03em; white-space: nowrap; text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 8px rgba(255,175,75,.18); } .rpg-difficulty-stars-empty { color: rgba(255,255,255,.55); font-weight: 900; white-space: nowrap; } /* ARENA_MAP_DIFFICULTY_ADMIN_CSS_END */ /* ARENA_MAPDIFF_INLINE_MODAL_CSS_START */ .arena-mapdiff-inline-wrap { margin-top: 14px; } .arena-mapdiff-open { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(125,220,255,.42); background: linear-gradient(180deg, rgba(34,68,88,.92), rgba(15,26,36,.98)); color: #e9fbff; font-weight: 900; cursor: pointer; text-shadow: 0 1px 3px rgba(0,0,0,.85); box-shadow: 0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); } .arena-mapdiff-modal[aria-hidden="true"] { display: none; } .arena-mapdiff-modal[aria-hidden="false"] { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,.58); backdrop-filter: blur(4px); } .arena-mapdiff-modal-card { position: relative; width: min(440px, calc(100vw - 32px)); border-radius: 22px; border: 1px solid rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(44,30,22,.96), rgba(18,12,9,.98)); color: #fff; padding: 24px; box-shadow: 0 24px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08); } .arena-mapdiff-modal-card h3 { margin: 0 0 10px; font-size: 22px; text-shadow: 0 2px 5px rgba(0,0,0,.9); } .arena-mapdiff-map-name { margin: 0 0 16px; color: #ffe0a3; font-weight: 900; } .arena-mapdiff-modal-card label { display: block; margin: 0 0 7px; font-weight: 900; color: rgba(255,255,255,.82); } .arena-mapdiff-modal-card select { width: 100%; height: 42px; border-radius: 12px; padding: 0 12px; border: 1px solid rgba(255,255,255,.20); background: rgba(10,8,7,.74); color: #fff; font-weight: 900; } .arena-mapdiff-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; } .arena-mapdiff-actions button, .arena-mapdiff-close { border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #fff; font-weight: 900; cursor: pointer; min-height: 36px; padding: 0 14px; } .arena-mapdiff-actions button[type="submit"] { background: linear-gradient(180deg, rgba(93,65,39,.96), rgba(43,27,18,.98)); color: #fff4e6; } .arena-mapdiff-close { position: absolute; top: 12px; right: 12px; width: 34px; min-height: 34px; padding: 0; font-size: 20px; line-height: 1; } .arena-mapdiff-inline-notice { margin-top: 12px; } /* ARENA_MAPDIFF_INLINE_MODAL_CSS_END */ /* ARENA_RPG_FINISHED_CHECKMARKS_CSS_START */ body.arena-rpg-trial-bg .rpg-finished-check { display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 21px !important; margin-left: 8px !important; padding: 0 8px 0 5px !important; border-radius: 999px !important; border: 1px solid rgba(160,255,170,.72) !important; background: linear-gradient(180deg, rgba(48,155,62,.96), rgba(13,85,27,.98)) !important; color: #eaffea !important; font-size: 11px !important; font-weight: 950 !important; line-height: 1 !important; vertical-align: middle !important; text-transform: uppercase !important; letter-spacing: .025em !important; text-shadow: 0 1px 2px rgba(0,0,0,.72) !important; box-shadow: 0 0 9px rgba(65,255,100,.24), inset 0 1px 0 rgba(255,255,255,.24) !important; } body.arena-rpg-trial-bg .rpg-finished-check-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; border-radius: 999px !important; background: rgba(220,255,220,.92) !important; color: #07320f !important; font-size: 10px !important; font-weight: 1000 !important; text-shadow: none !important; } body.arena-rpg-trial-bg .rpg-finished-check-text { display: inline-block !important; } body.arena-rpg-trial-bg .rpg-finished-check:hover { transform: translateY(-1px); box-shadow: 0 0 14px rgba(65,255,100,.38), inset 0 1px 0 rgba(255,255,255,.34) !important; } body.arena-rpg-trial-bg .rpg-maps-finished-select { min-width: 132px !important; } /* ARENA_RPG_FINISHED_CHECKMARKS_CSS_END */ /* ARENA_RPG_FINISHED_BADGE_HALF_SIZE_START */ body.arena-rpg-trial-bg .rpg-finished-check { height: 12px !important; margin-left: 4px !important; padding: 0 4px 0 2px !important; gap: 2px !important; font-size: 6px !important; letter-spacing: .015em !important; transform: translateY(-1px) !important; } body.arena-rpg-trial-bg .rpg-finished-check-icon { width: 8px !important; height: 8px !important; font-size: 6px !important; } body.arena-rpg-trial-bg .rpg-finished-check-text { font-size: 6px !important; } /* ARENA_RPG_FINISHED_BADGE_HALF_SIZE_END */ /* ARENA_MAPDIFF_MODAL_TOP_LAYER_FIX_START */ body.arena-rpg-trial-bg .arena-mapdiff-modal[aria-hidden="false"] { position: fixed !important; inset: 0 !important; z-index: 2147483000 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 20px !important; background: rgba(0,0,0,.58) !important; backdrop-filter: blur(4px) !important; pointer-events: auto !important; } body.arena-rpg-trial-bg .arena-mapdiff-modal-card { position: relative !important; z-index: 2147483001 !important; transform: none !important; filter: none !important; opacity: 1 !important; pointer-events: auto !important; } body.arena-rpg-trial-bg .arena-mapdiff-modal[aria-hidden="true"] { display: none !important; } /* ARENA_MAPDIFF_MODAL_TOP_LAYER_FIX_END */ /* ARENA_MAPDIFF_MODAL_BODY_TOP_FIX_START */ html.arena-mapdiff-lock, html.arena-mapdiff-lock body { overflow: hidden !important; } body > .arena-mapdiff-modal[aria-hidden="false"] { position: fixed !important; inset: 0 !important; z-index: 2147483600 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 20px !important; background: rgba(0,0,0,.62) !important; backdrop-filter: blur(5px) !important; pointer-events: auto !important; transform: none !important; filter: none !important; } body > .arena-mapdiff-modal[aria-hidden="true"] { display: none !important; } body > .arena-mapdiff-modal .arena-mapdiff-modal-card { position: relative !important; z-index: 2147483601 !important; width: min(440px, calc(100vw - 32px)) !important; opacity: 1 !important; filter: none !important; transform: none !important; pointer-events: auto !important; } /* ARENA_MAPDIFF_MODAL_BODY_TOP_FIX_END */ /* ARENA_SHARED_NICKNAME_RENDERER_PHASE1_CSS_START */ .arena-nickname-rendered, .arena-nickname-rendered * { font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", Arial, sans-serif !important; } .arena-player-link .arena-nickname-rendered { color: inherit; } /* ARENA_SHARED_NICKNAME_RENDERER_PHASE1_CSS_END */ /* ARENA_SHARED_MAP_TITLE_RENDERER_PHASE1_CSS_START */ .arena-map-title-rendered, .arena-map-title-rendered * { font-family: inherit !important; } .arena-map-link .arena-map-title-rendered { color: inherit; } /* ARENA_SHARED_MAP_TITLE_RENDERER_PHASE1_CSS_END */ /* ARENA_RPG_MAPS_FILTER_BUTTON_TUNE_START */ body.arena-rpg-trial-bg .rpg-maps-filterbar button[type="submit"], body.arena-rpg-trial-bg .rpg-maps-filterbar a[href*="page=rpg"][href*="tab=maps"] { transform: translateY(-4px) !important; } /* ARENA_RPG_MAPS_FILTER_BUTTON_TUNE_END */ /* ARENA_RPG_REAL_RANDOM_PARTICLES_START */ /* RPG/TRIAL real particles: - removes static background-dot particles - JS injects individual particle spans - every particle has its own random path, speed, size, opacity */ body.arena-rpg-trial-bg .arena-rpg-dust-layer { position: fixed !important; inset: -10vh -10vw !important; width: 120vw !important; height: 120vh !important; pointer-events: none !important; overflow: hidden !important; opacity: 1 !important; background: none !important; background-image: none !important; animation: none !important; filter: none !important; mix-blend-mode: screen !important; z-index: 0 !important; } body.arena-rpg-trial-bg .arena-rpg-dust-layer::before, body.arena-rpg-trial-bg .arena-rpg-dust-layer::after { content: none !important; display: none !important; opacity: 0 !important; background: none !important; animation: none !important; } body.arena-rpg-trial-bg .arena-rpg-particle-random { position: absolute !important; left: 0 !important; top: 0 !important; width: var(--size, 2px) !important; height: var(--size, 2px) !important; border-radius: 999px !important; pointer-events: none !important; background: radial-gradient(circle, rgba(255, 242, 190, .98) 0 22%, rgba(255, 186, 82, .78) 35%, rgba(255, 132, 48, .22) 62%, transparent 76%) !important; box-shadow: 0 0 5px rgba(255, 215, 130, .55), 0 0 12px rgba(255, 142, 52, .22) !important; opacity: 0 !important; will-change: transform, opacity !important; animation: arena-rpg-particle-random-path var(--dur, 48s) linear var(--delay, 0s) infinite, arena-rpg-particle-random-glow var(--glowdur, 7s) ease-in-out var(--delay2, 0s) infinite !important; } @keyframes arena-rpg-particle-random-path { 0% { transform: translate3d(var(--x0), var(--y0), 0) scale(var(--scale, 1)); opacity: 0; } 8% { opacity: var(--alpha, .75); } 23% { transform: translate3d(var(--x1), var(--y1), 0) scale(calc(var(--scale, 1) * .82)); opacity: calc(var(--alpha, .75) * .75); } 47% { transform: translate3d(var(--x2), var(--y2), 0) scale(calc(var(--scale, 1) * 1.15)); opacity: var(--alpha, .75); } 71% { transform: translate3d(var(--x3), var(--y3), 0) scale(calc(var(--scale, 1) * .92)); opacity: calc(var(--alpha, .75) * .62); } 92% { opacity: calc(var(--alpha, .75) * .85); } 100% { transform: translate3d(var(--x4), var(--y4), 0) scale(var(--scale, 1)); opacity: 0; } } @keyframes arena-rpg-particle-random-glow { 0%, 100% { filter: brightness(1.0) saturate(1.0); } 37% { filter: brightness(1.65) saturate(1.35); } 68% { filter: brightness(1.18) saturate(1.12); } } /* ARENA_RPG_REAL_RANDOM_PARTICLES_END */