/* AREN8 Design System
   Applied to every application document. Only active gameplay opts out. */
body.arena-ui{
 --a8-bg:#07090b;
 --a8-bg-raised:#0c0f12;
 --a8-surface:#101419;
 --a8-surface-2:#151a20;
 --a8-surface-3:#1b2128;
 --a8-text:#f4f6f8;
 --a8-text-2:#bdc4cc;
 --a8-muted:#98a2ae;
 --a8-faint:#56616d;
 --a8-line:#2a3139;
 --a8-line-soft:#1b2127;
 /* The exact flat violet sampled from the "8" in aren8-logo.png. */
 --a8-brand:#7b37ec;
 --a8-brand-strong:#9767f3;
 --a8-brand-hover:#8244ee;
 --a8-brand-soft:#7b37ec1f;
 --a8-info:#75e7f1;
 --a8-info-strong:#a6f6fb;
 --a8-accent:var(--a8-brand);
 --a8-accent-strong:var(--a8-brand-hover);
 --a8-accent-ink:#fff;
 --a8-positive:#6fe0ab;
 --a8-warning:#f3c75f;
 --a8-danger:#ff6f78;
 --a8-blockfall:#8aa4ff;
 --a8-colorfall:#ff9f58;
 --a8-r1:4px;
 --a8-r2:6px;
 --a8-r3:8px;
 --a8-r4:8px;
 --a8-s1:4px;
 --a8-s2:8px;
 --a8-s3:12px;
 --a8-s4:16px;
 --a8-s5:24px;
 --a8-s6:32px;
 --a8-s7:48px;
 --a8-s8:72px;
 --a8-content:min(1180px,calc(100% - 44px));
 --a8-copy:min(760px,100%);
 --a8-page-top:48px;
 --a8-section-x:clamp(48px,4.3vw,64px);
 --a8-section-y:clamp(48px,4.3vw,64px);
 /* Hero spacing is deliberately separate from list headers and small surfaces. */
 --a8-surface-x:24px;
 --a8-surface-y:24px;
 --a8-compact-y:16px;
 --app-header-height:68px;
 --app-account-nav-height:46px;
 --app-bottom-nav-height:64px;
 --app-anchor-gap:18px;
 --app-sticky-offset:var(--app-header-height);
 /* Compatibility aliases for the already migrated homepage components. */
 --arena-bg:var(--a8-bg);
 --arena-surface:var(--a8-surface);
 --arena-surface-2:var(--a8-surface-2);
 --arena-line:var(--a8-line);
 --arena-line-soft:var(--a8-line-soft);
 --arena-text:var(--a8-text);
 --arena-muted:var(--a8-muted);
 --arena-accent:var(--a8-accent);
 --arena-accent-ink:var(--a8-accent-ink);
 --arena-info:var(--a8-info);
 color:var(--a8-text-2);
 background:var(--a8-bg)!important;
 background-attachment:scroll!important;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.arena-ui:before{background:radial-gradient(circle at 16% 0,#7b37ec0d,transparent 30%),linear-gradient(#07090b,#07090b)!important}
body.arena-ui .grid-bg{position:fixed;inset:0;z-index:-3;background:#07090b!important;opacity:1!important}
body.arena-ui .grid-bg:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#7b37ec08 1px,transparent 1px),linear-gradient(#7b37ec08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#0004,transparent 70%)}
body.arena-ui .site-content{width:100%;max-width:none;margin:0;padding:0}
body.arena-ui .section{box-sizing:border-box;width:var(--a8-content);max-width:none;margin-inline:auto;padding:0}
body.arena-ui main.site-content>.section:first-of-type,
body.arena-ui main.site-content>.experience-page:first-of-type{margin-top:var(--a8-page-top)}
body.arena-ui h1,body.arena-ui h2,body.arena-ui h3,body.arena-ui p{overflow-wrap:anywhere}
body.arena-ui h1,body.arena-ui h2,body.arena-ui h3{color:var(--a8-text);font-family:"Arial Narrow",Roboto Condensed,Inter,ui-sans-serif,sans-serif;letter-spacing:-.025em}
body.arena-ui h1{font-size:clamp(2.5rem,4.4vw,3.75rem);line-height:1.08;text-wrap:balance}
body.arena-ui h2{font-size:clamp(1.75rem,3vw,3rem);line-height:1.04}
body.arena-ui h3{line-height:1.16}
body.arena-ui p{color:var(--a8-text-2);line-height:1.68}
body.arena-ui a{text-underline-offset:3px}
body.arena-ui :focus-visible{outline:2px solid var(--a8-accent)!important;outline-offset:3px}
body.arena-ui .eyebrow{display:flex;align-items:center;gap:9px;color:var(--a8-brand-strong)!important;font-size:.66rem!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase}
body.arena-ui .eyebrow:before{width:18px;height:1px;content:"";background:currentColor}
body.arena-ui .page-intro,body.arena-ui .muted{color:var(--a8-muted)}

/* Shared navigation */
#nav-ranking-menu{max-width:min(360px,calc(100vw - 32px))}
#nav-ranking-menu a{min-height:44px;white-space:normal;overflow-wrap:anywhere}
body.arena-ui .competition-mobile-nav .mobile-ranking{position:relative;min-width:0}
body.arena-ui .competition-mobile-nav .mobile-ranking>summary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;padding:5px 2px;border-radius:var(--a8-r1);color:#9a9da9;font-size:10px;font-weight:650;line-height:1.2;cursor:pointer;list-style:none}
body.arena-ui .competition-mobile-nav .mobile-ranking>summary::-webkit-details-marker{display:none}
body.arena-ui .competition-mobile-nav .mobile-ranking[open]>summary,body.arena-ui .competition-mobile-nav .mobile-ranking>summary[aria-current=page]{color:var(--a8-brand-strong);background:var(--a8-brand-soft)}
body.arena-ui .competition-mobile-nav .mobile-ranking>summary:focus-visible{outline:2px solid var(--a8-brand-strong);outline-offset:-2px}
body.arena-ui .competition-mobile-nav .mobile-ranking-menu{position:absolute;bottom:calc(100% + 12px);right:-60px;width:min(320px,calc(100vw - 32px));max-height:60svh;overflow:auto;padding:8px;background:#14131d;border:1px solid var(--a8-line);border-radius:var(--a8-r2);box-shadow:0 8px 24px #0006}
body.arena-ui .competition-mobile-nav .mobile-ranking-menu a{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;min-height:48px;padding:10px;font-size:13px}
body.arena-ui .competition-mobile-nav .mobile-ranking-menu a>span{font-size:13px;overflow-wrap:anywhere}
body.arena-ui .competition-site-nav{position:sticky;z-index:80;top:0;width:100%;height:var(--app-header-height);min-height:var(--app-header-height);padding:0 max(22px,calc((100% - 1340px)/2));border:0;border-bottom:1px solid var(--a8-line);background:#080a0c;box-shadow:none;backdrop-filter:none}
body.arena-ui .competition-site-nav .brand{height:100%;padding:0 18px 0 0;border-right:1px solid var(--a8-line-soft)}
body.arena-ui .competition-site-nav .brand img{width:102px;filter:grayscale(.12) contrast(1.08)}
body.arena-ui .competition-site-nav #main-nav{height:100%;gap:2px;margin-left:auto}
body.arena-ui .competition-site-nav #main-nav>.nav-group{height:100%;align-self:stretch}
body.arena-ui .competition-site-nav #main-nav>a,
body.arena-ui .competition-site-nav .nav-group-toggle{height:100%;min-height:42px;padding:0 13px;border:0;border-radius:0;background:transparent;color:#929ba5;box-shadow:none;font-size:10px;font-weight:780;letter-spacing:.075em;text-transform:uppercase;transition:color .14s ease,background .14s ease}
body.arena-ui .competition-site-nav #main-nav>.nav-group>.nav-group-toggle{height:100%!important}
body.arena-ui .competition-site-nav #main-nav>a:hover,
body.arena-ui .competition-site-nav .nav-group-toggle:hover,
body.arena-ui .competition-site-nav #main-nav>a[aria-current=page],
body.arena-ui .competition-site-nav .nav-group-toggle[aria-expanded=true]{color:#fff;background:#11161b}
body.arena-ui .competition-site-nav #main-nav>a[aria-current=page]:after,
body.arena-ui .competition-site-nav .nav-group-toggle[aria-expanded=true]:after{position:absolute;right:12px;bottom:-1px;left:12px;height:2px;content:"";background:var(--a8-accent)}
body.arena-ui .competition-site-nav .nav-play-primary{position:relative;color:#cdbbfa!important;font-weight:850!important}
body.arena-ui .competition-site-nav .nav-play-primary:before{position:absolute;right:12px;bottom:8px;left:12px;height:1px;content:"";background:var(--a8-brand);opacity:.68}
body.arena-ui .competition-site-nav .nav-play-primary[aria-current=page]{color:#fff!important;background:#15101e!important}
body.arena-ui .competition-site-nav .nav-weekly-live{display:inline-flex;align-items:center;gap:4px;margin-left:2px;color:var(--a8-info);font-size:7px;font-weight:850;letter-spacing:.1em}
body.arena-ui .competition-site-nav .nav-weekly-live i{width:5px;height:5px;border-radius:50%;background:var(--a8-positive);box-shadow:0 0 0 3px #6fe0ab14}
/* Featured event replaces the tournament slot; it never adds a desktop item. */
body.arena-ui .competition-site-nav #main-nav>.nav-featured-tournament{position:relative;gap:7px;color:var(--a8-brand-strong);background:var(--a8-brand-soft);font-weight:850}
body.arena-ui .competition-site-nav #main-nav>.nav-featured-tournament[data-state=ACTIVE]{color:#e1caff;background:#7b37ec20;box-shadow:inset 0 -1px var(--a8-brand)}
body.arena-ui .competition-site-nav #main-nav>.nav-featured-tournament:hover{color:#fff;background:#7b37ec30}
body.arena-ui .competition-site-nav #main-nav>.nav-featured-tournament[aria-current=page]{background:#21162e;color:#fff}
.nav-feature-name{max-width:19ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-feature-compact{display:none;white-space:nowrap}
.nav-feature-status{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:7px;letter-spacing:.06em;color:#bfa9dc}
.nav-feature-status i{display:none;width:5px;height:5px;border-radius:50%;background:var(--a8-positive,#76dcc5)}
.nav-feature-status[data-state=ACTIVE]{color:var(--a8-positive,#76dcc5)}
.nav-feature-status[data-state=ACTIVE] i{display:block}
.competition-site-nav .nav-feature-utility{display:none}
@media(min-width:1101px) and (max-width:1350px){.nav-featured-tournament .nav-feature-name{display:none}.nav-featured-tournament .nav-feature-compact{display:inline}}
@media(max-width:1100px){body.arena-ui .competition-site-nav .nav-feature-utility{position:absolute;left:154px;top:12px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;color:var(--a8-brand-strong);background:var(--a8-brand-soft);border-radius:var(--a8-r1);text-decoration:none;font-size:10px;text-transform:uppercase}body.arena-ui .competition-site-nav .nav-feature-utility[aria-current=page]{box-shadow:inset 0 -2px var(--a8-brand)}.nav-feature-utility-name{max-width:20ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-featured-tournament .nav-feature-name{max-width:none;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:700px){body.arena-ui .competition-site-nav .nav-feature-utility{left:122px;top:7px;gap:4px;padding:0 6px}.nav-feature-utility-name{display:none}.nav-feature-utility .nav-feature-status{font-size:6px;letter-spacing:0}.nav-feature-utility .nav-feature-status i{width:4px;height:4px}.nav-feature-utility .nav-feature-status[data-state=SCHEDULED]{display:none}}
body.arena-ui .competition-site-nav .competition-menu-symbol{width:18px;height:18px;color:currentColor;stroke-width:1.65}
body.arena-ui .competition-site-nav .competition-nav-chevron{width:13px;height:13px;margin-left:2px;color:#65707b}
body.arena-ui .competition-site-nav .nav-dropdown{top:calc(100% + 1px);min-width:260px;max-height:calc(100dvh - var(--app-header-height) - 24px);overflow-y:auto;padding:8px;border:1px solid #343b44;border-radius:var(--a8-r2);background:#0a0d10;box-shadow:0 22px 55px #000c;backdrop-filter:none}
body.arena-ui .competition-site-nav .nav-dropdown a,
body.arena-ui .competition-site-nav .nav-dropdown .link{min-height:44px;padding:9px 11px;border:0;border-radius:var(--a8-r1);background:transparent;color:#c4cad1;font-size:12px;letter-spacing:.01em;text-transform:none}
body.arena-ui .competition-site-nav .nav-dropdown a:hover,
body.arena-ui .competition-site-nav .nav-dropdown .link:hover{background:#171c21;color:#fff;transform:none}
body.arena-ui .competition-site-nav .competition-nav-label{padding:11px 11px 6px;color:#697480;font-size:9px;font-weight:800;letter-spacing:.15em}
body.arena-ui .competition-site-nav .nav-account-badge{display:grid;place-items:center;top:8px;right:3px;min-width:18px;height:18px;padding:0 4px;border:2px solid #080a0c;border-radius:9px;background:var(--a8-danger);color:#fff;font-size:8px;box-shadow:none}
body.arena-ui .competition-site-nav .nav-sign-in{height:100%!important;align-self:stretch;margin-left:10px;border:0!important;border-inline:1px solid #333c45!important;border-radius:0!important}
body.arena-ui .competition-mobile-nav{border-top:1px solid var(--a8-line);background:#0d1018;box-shadow:none;backdrop-filter:none;padding:4px 8px calc(4px + env(safe-area-inset-bottom))}
body.arena-ui .competition-mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;padding:5px 2px;border-radius:var(--a8-r1);color:#9a9da9;font-size:10px;font-weight:650;letter-spacing:0;text-align:center;text-transform:none;text-decoration:none}
body.arena-ui .competition-mobile-nav a>span{font-size:10px;line-height:1.2;overflow-wrap:normal}
body.arena-ui .competition-mobile-nav .competition-menu-symbol{width:21px;height:21px;flex:0 0 21px;color:inherit;filter:none;stroke-width:1.7}
body.arena-ui .competition-mobile-nav a[aria-current=page]{color:#c2a4fc;background:var(--a8-brand-soft)}
body.arena-ui .competition-mobile-nav a[aria-current=page]:before{position:absolute;top:-4px;left:25%;right:25%;height:2px;content:"";background:var(--a8-brand)}
body.arena-ui .competition-mobile-nav a:hover{color:#dac7fc;background:#7b37ec12}
body.arena-ui .competition-mobile-nav a:focus-visible{outline:2px solid var(--a8-brand-strong);outline-offset:-2px}

/* Player centre is one rail, not four feature cards. */
body.arena-ui nav.player-quicknav{display:flex;width:var(--a8-content);height:46px;margin:12px auto 0;padding:0;border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.arena-ui nav.player-quicknav a{display:flex;min-height:45px;flex:0 1 auto;align-items:center;gap:8px;padding:0 20px;border:0;border-radius:0;background:transparent;color:#7f8994;box-shadow:none;transition:color .14s ease,background .14s ease}
body.arena-ui nav.player-quicknav a:hover,
body.arena-ui nav.player-quicknav a:focus-visible,
body.arena-ui nav.player-quicknav a[aria-current=page]{transform:none;background:#11161b;color:#fff}
body.arena-ui nav.player-quicknav a[aria-current=page]:after{position:absolute;right:14px;bottom:-1px;left:14px;height:2px;content:"";background:var(--a8-accent)}
body.arena-ui .player-quicknav-icon{display:grid;width:20px;height:20px;place-items:center;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:currentColor!important}
body.arena-ui .player-quicknav-icon svg{width:17px;height:17px}
body.arena-ui .player-quicknav-copy{display:block}
body.arena-ui .player-quicknav-copy strong{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.arena-ui .player-quicknav-copy small{display:none}
body.arena-ui .player-quicknav>a>b{position:static;min-width:18px;height:18px;margin-left:2px;padding:0 5px;border:0;border-radius:9px;background:var(--a8-danger);box-shadow:none;font-size:8px}

/* Interactive primitives */
body.arena-ui .button,
body.arena-ui .site-content .button,
body.arena-ui .site-content .hero-actions .button,
body.arena-ui button.button,
body.arena-ui a.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:1px solid #aa8af5!important;border-radius:var(--a8-r1)!important;background:var(--a8-accent)!important;box-shadow:0 3px 0 #351675!important;color:var(--a8-accent-ink)!important;text-shadow:none!important;filter:none!important;font-size:.73rem;font-weight:750;letter-spacing:.035em;line-height:1.3;text-decoration:none;text-transform:uppercase;transition:background .13s ease,border-color .13s ease,color .13s ease,transform .13s ease,box-shadow .13s ease}
body.arena-ui .site-content .hero-actions .button:hover,body.arena-ui .site-content .button:hover,body.arena-ui .button:focus-visible{transform:translateY(-1px);background:var(--a8-accent-strong)!important;box-shadow:0 4px 0 #351675!important}
body.arena-ui .button:active{transform:translateY(2px);box-shadow:0 1px 0 #351675}
body.arena-ui .site-content .hero-actions .button.secondary,body.arena-ui .site-content .button.secondary,body.arena-ui .button.secondary,body.arena-ui .button[disabled],body.arena-ui button.link{border-color:#3a424b!important;background:#14191e!important;box-shadow:0 3px 0 #050607!important;color:#d7dce1!important}
body.arena-ui .site-content .button.secondary:hover{border-color:#6a7681!important;background:#1b2229!important;color:#fff!important}
body.arena-ui .button.small{min-height:44px!important;padding-inline:12px;font-size:.69rem}
body.arena-ui button.link{min-height:44px;padding:8px 11px;border:0;border-radius:var(--a8-r1);font:inherit;text-align:left}
body.arena-ui button:disabled,body.arena-ui .button[disabled]{cursor:not-allowed;opacity:.48;transform:none}
body.arena-ui input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.arena-ui select,
body.arena-ui textarea{width:100%;min-height:46px;padding:10px 13px;border:1px solid #333b44;border-radius:var(--a8-r1);outline:0;background:#0b0f13;color:var(--a8-text);box-shadow:inset 0 1px #ffffff08;font:inherit}
body.arena-ui textarea{min-height:112px;resize:vertical}
body.arena-ui input:focus,body.arena-ui select:focus,body.arena-ui textarea:focus{border-color:var(--a8-accent);box-shadow:0 0 0 3px var(--a8-brand-soft)}
body.arena-ui label>span,body.arena-ui .auth-field-label{color:#aeb6bf;font-size:.69rem;font-weight:760;letter-spacing:.045em}
body.arena-ui .field-note{border:0;border-left:2px solid #39444f;border-radius:0;background:#0d1216;color:#8f99a3}
body.arena-ui input[type=checkbox]{accent-color:var(--a8-accent)}
body.arena-ui .tabs{gap:0;padding:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent}
body.arena-ui .tabs button,body.arena-ui .tabs a{min-height:44px;padding:0 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#7f8994;box-shadow:none;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.arena-ui .tabs button.active,body.arena-ui .tabs a.active,body.arena-ui .tabs [aria-selected=true]{border-bottom-color:var(--a8-accent);background:#11161a;color:#fff}

/* Surfaces, tables and status */
body.arena-ui .panel,body.arena-ui .experience-card,body.arena-ui .account-content-card,
body.arena-ui .challenge-card,body.arena-ui .community-search,body.arena-ui .friend-card,
body.arena-ui .reward-card,body.arena-ui .loot-card,body.arena-ui .cosmetic-card{
 border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:var(--a8-surface)!important;box-shadow:none!important;backdrop-filter:none!important
}
/* Product landing and level-detail surfaces share these primitives. The live
   game shell never has arena-ui; its HUD, art and buttons are not selected. */
body.arena-ui .site-content :is(.match3-hero,.weekly-hero,.m3j-level-panel,.m3j-hero-progress,.m3j-level-meta),
body.arena-ui .site-content :is(.m3j-level-meta>div,.weekly-result-earned,.weekly-result-reward){border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:var(--a8-surface)!important;box-shadow:none!important;backdrop-filter:none!important}
body.arena-ui .site-content :is(.match3-hero,.weekly-hero){padding:var(--a8-section-y) var(--a8-section-x)}
body.arena-ui .site-content :is(.match3-hero,.weekly-hero,.m3j-hero,.account-hero,.settings-hero,.friends-hero,.m3j-hero-progress):before,
body.arena-ui .site-content :is(.match3-hero,.weekly-hero,.m3j-hero,.account-hero,.settings-hero,.friends-hero,.m3j-hero-progress):after{display:none!important}
body.arena-ui .site-content :is(.weekly-hero,.tournament-hero,.match3-hero) h1{font-size:clamp(2rem,4.4vw,3.75rem);line-height:1.08;background:none!important;color:var(--a8-text)!important;-webkit-text-fill-color:var(--a8-text);text-shadow:none}
body.arena-ui .site-content .weekly-free{min-width:0;border:0!important;border-left:1px solid var(--a8-line)!important;border-radius:0;background:transparent!important;box-shadow:none!important}
body.arena-ui .site-content .weekly-free strong{color:var(--a8-brand-strong)!important;text-shadow:none}
body.arena-ui .site-content .match3-how{gap:0;border-block:1px solid var(--a8-line)}
body.arena-ui .site-content .match3-how article{padding:24px;border:0;border-right:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .site-content .match3-how article:last-child{border-right:0}
body.arena-ui .site-content .match3-how article:after{display:none}
body.arena-ui .site-content .weekly-podium-step{border-radius:var(--a8-r2);background:var(--a8-surface);box-shadow:none}
body.arena-ui .site-content .m3j-level-meta>div{border:0!important;background:transparent!important}
body.arena-ui .site-content :is(.m3j-journey-back-button,.journey-back-button){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--a8-line)!important;border-radius:var(--a8-r1)!important;background:var(--a8-surface)!important;color:var(--a8-text);box-shadow:none!important;text-decoration:none}
body.arena-ui .site-content .m3j-journey-back-button span{border:0;border-radius:0;background:none;box-shadow:none}
body.arena-ui .site-content .m3j-node-copy{border-radius:var(--a8-r2)!important;box-shadow:none!important}
body.arena-ui .site-content .m3j-hero-progress :is(strong,small){text-shadow:none!important}
body.arena-ui .site-content .m3j-level-panel h2>span{border-radius:var(--a8-r1);background:var(--a8-surface-2);box-shadow:none;color:var(--a8-brand-strong)}
body.arena-ui .site-content .m3j-level-hero .eyebrow{background:none;box-shadow:none;border-radius:0}
body.arena-ui :is(.player-hub-stats span,.mode-icon,.auth-tab-icon){border-radius:var(--a8-r1);background:var(--a8-surface-2);box-shadow:none}
body.arena-ui main [id]{scroll-margin-top:calc(var(--app-sticky-offset) + var(--app-anchor-gap))}
body.arena-ui .info-page [id]{scroll-margin-top:calc(var(--app-sticky-offset) + 76px + var(--app-anchor-gap))}
body.arena-ui .info-section-title{display:flex;align-items:center;gap:16px}
body.arena-ui .info-section-title>span{position:static;flex:0 0 44px;align-self:stretch;display:grid;place-items:center}
body.arena-ui .system-item-list>article:nth-child(even){padding-left:20px}
body.arena-ui :is(.feedback-close,.loot-intro-close,.chat-window>header button,.chat-conversation-drawer>header button){min-width:44px;min-height:44px;border-radius:var(--a8-r1);background:var(--a8-surface-2)}
body.arena-ui .friend-chat [hidden]{display:none!important}
body.arena-ui .panel:before,body.arena-ui .experience-card:before,body.arena-ui .account-content-card:before{display:none!important}
body.arena-ui .badge,body.arena-ui [class*=status-]:not(section):not(article){border:1px solid #3a444e;border-radius:var(--a8-r1);background:#141a1f;color:#b9c1ca;box-shadow:none;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.arena-ui .table-wrap{overflow:auto;border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0a0d10;box-shadow:none}
body.arena-ui table{width:100%;border-collapse:collapse;color:#cbd1d7;font-variant-numeric:tabular-nums}
body.arena-ui thead{background:#11161b}
body.arena-ui th{padding:13px 15px;border-bottom:1px solid #343c45;color:#77828e;font-size:.6rem;font-weight:850;letter-spacing:.13em;text-align:left;text-transform:uppercase}
body.arena-ui td{padding:15px;border-bottom:1px solid var(--a8-line-soft);color:#c7cdd4}
body.arena-ui tbody tr:last-child td{border-bottom:0}
body.arena-ui tbody tr:hover{background:#10161b}
body.arena-ui .empty-state{padding:32px;border:1px dashed #36404a;border-radius:var(--a8-r2);background:#0b0f12;color:#84909b;text-align:center}
body.arena-ui .leaderboard-head{align-items:center;gap:var(--a8-s5);padding:var(--a8-compact-y) var(--a8-surface-x);border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:var(--a8-surface);box-shadow:none}
body.arena-ui .leaderboard-head>div{min-width:0}
body.arena-ui .leaderboard-head h2{margin:6px 0 0}
body.arena-ui .leaderboard-head p{margin:8px 0 0}
body.arena-ui .leaderboard-head form{min-width:0;max-width:100%;margin:0}
/* Related result controls form one section, not separate page-sized gaps. */
body.arena-ui .results-section{display:grid;min-width:0;gap:var(--a8-s4)}
body.arena-ui .results-section>:is(.leaderboard-head,nav,.panel,.table-wrap,[role=status]){margin:0}
body.arena-ui .results-section>[role=status]:empty{min-height:0}
body.arena-ui .wallet-pagination a{border:1px solid var(--a8-line);border-radius:var(--a8-r1);background:#0e1317;color:#aeb6be;box-shadow:none}
body.arena-ui .wallet-pagination a[aria-current=page]{border-color:var(--a8-accent);color:var(--a8-accent)}

/* Dialogs, menus and floating controls */
body.arena-ui dialog,body.arena-ui [role=dialog],body.arena-ui .feedback-dialog>form{border:1px solid #3a434d;border-radius:var(--a8-r3);background:#0d1115;color:var(--a8-text);box-shadow:0 30px 90px #000d}
body.arena-ui dialog::backdrop{background:#010203d9;backdrop-filter:blur(5px)}
body.arena-ui [data-tooltip]:after{border:1px solid #39434d;border-radius:var(--a8-r1);background:#080b0e;color:#e6eaed;box-shadow:0 10px 30px #000b}
body.arena-ui .locale-switcher{z-index:92;position:fixed;top:12px;right:max(22px,calc((100% - 1340px)/2));bottom:auto;left:auto}
body.arena-ui .locale-switcher>form{top:calc(100% + 8px);right:0;bottom:auto;left:auto;max-height:calc(100dvh - 150px);overflow-y:auto}
@media(min-width:1101px){body.arena-ui .competition-site-nav{padding-right:max(124px,calc((100% - 1340px)/2 + 102px))}}
body.arena-ui .locale-switcher>summary{min-width:44px;min-height:44px;border:1px solid #3a424c;border-radius:var(--a8-r2);background:#0c1014;color:#c6cdd4;box-shadow:none;font-size:.66rem;font-weight:800;letter-spacing:.08em;transition:border-color .14s ease,background .14s ease,color .14s ease}
body.arena-ui .locale-switcher>summary:hover,body.arena-ui .locale-switcher[open]>summary{border-color:var(--a8-brand);background:#14101d;color:#fff}
body.arena-ui .locale-switcher>form{padding:6px;border:1px solid #404853;border-radius:var(--a8-r2);background:#090d11;box-shadow:0 20px 50px #000d}
body.arena-ui .locale-switcher button{min-height:44px;border:0;border-radius:var(--a8-r1);background:transparent;color:#aeb7c0;font-size:.7rem;font-weight:760}
body.arena-ui .locale-switcher button:hover{background:#151a20;color:#fff}
body.arena-ui .locale-switcher button.is-current,body.arena-ui .locale-switcher button[aria-current=true]{background:var(--a8-brand-soft);color:#d9c8ff;box-shadow:inset 2px 0 var(--a8-brand)}
body.arena-ui .flash{width:var(--a8-content);margin:14px auto;padding:12px 15px;border:1px solid #36515a;border-radius:var(--a8-r1);background:#0b181b;color:#bdeff2}
body.arena-ui .onboarding-dialog>div{border:0;border-radius:var(--a8-r2);background:#0d1115;box-shadow:none}
body.arena-ui .onboarding-locales{border-bottom:1px solid var(--a8-line)}
body.arena-ui .onboarding-locales button{border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .onboarding-choices{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .onboarding-choices .button{min-height:92px;border:0;border-radius:0;background:#11171c;box-shadow:none;color:#fff}
body.arena-ui .onboarding-choices .button:hover{background:#182027;transform:none}
body.arena-ui .feedback-dialog>form{padding:28px}
body.arena-ui .feedback-dialog .feedback-consent{min-height:44px;border-color:var(--a8-line);border-radius:var(--a8-r1);background:var(--a8-surface-2);color:var(--a8-text-2)}
body.arena-ui .feedback-dialog .feedback-consent input[type=checkbox]{width:22px;height:22px;min-height:22px;border-radius:var(--a8-r1);box-shadow:none}
body.arena-ui .feedback-dialog .feedback-consent input[type=checkbox]:checked{background:var(--a8-brand);box-shadow:none}

/* Page headers */
body.arena-ui .experience-page>h1,body.arena-ui .wallet-page>h1,body.arena-ui .rewards-page>h1{margin:13px 0 12px}
body.arena-ui .experience-page>.page-intro,body.arena-ui .rewards-page>.page-intro{max-width:720px;margin-bottom:36px}
body.arena-ui .settings-hero,body.arena-ui .friends-hero,body.arena-ui .loot-hero,
body.arena-ui .account-hero{display:grid;align-items:end;gap:28px;padding:0 0 30px;border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .settings-hero-icon,body.arena-ui .account-avatar,body.arena-ui .account-section-icon{border:1px solid #39434e;border-radius:var(--a8-r2);background:#111820;box-shadow:none;color:var(--a8-accent)}

/* Shared page rhythm. Outer page sections own width and top rhythm; bordered
   surfaces own their inner padding through the same responsive tokens. */
body.arena-ui :is(.weekly-hero,.tournament-hero,.account-content-card,.community-search,.profile-achievements,.avatar-picker){padding-inline:var(--a8-section-x)!important}
body.arena-ui :is(.editorial-hero,.editorial-layout,.info-hero){padding-inline:var(--a8-section-x)}
body.arena-ui .editorial-hero{padding-block:var(--a8-section-y)}
body.arena-ui .editorial-layout{padding-bottom:var(--a8-section-y)}
body.arena-ui :is(.journey-level-page,.m3j-level){margin-top:var(--a8-page-top)!important;padding:0!important}
body.arena-ui :is(.journey-level-page,.m3j-level)>:is(.journey-back-button,.m3j-journey-back-button){margin:0 0 18px!important}
body.arena-ui :is(.journey-level-page .journey-level-hero,.m3j-level .m3j-level-hero){margin-top:0!important;border-radius:var(--a8-r3)!important}

/* Account */
body.arena-ui .account-page{display:grid;gap:42px}
body.arena-ui .account-hero{grid-template-columns:auto minmax(0,1fr) auto}
body.arena-ui .account-hero h1{margin:8px 0 4px;font-size:clamp(2.7rem,5vw,4.8rem)}
body.arena-ui .account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.arena-ui .account-actions .button{min-height:44px;padding-inline:11px}
body.arena-ui .player-hub{padding:0}
body.arena-ui .player-hub-grid{gap:0;border-block:1px solid var(--a8-line)}
body.arena-ui .player-hub-card{padding:24px;border:0;border-right:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .player-hub-card:last-child{border-right:0}
body.arena-ui .account-content-card{display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);gap:40px;padding:32px!important}
body.arena-ui .account-content-card form{max-width:none}
body.arena-ui .account-summary{border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#101419;box-shadow:none}
body.arena-ui .competition-profile{border-radius:0;background:transparent}
body.arena-ui .weekly-account{display:grid;gap:20px;padding:34px 0;border-block:1px solid var(--a8-line)}
body.arena-ui .weekly-account .weekly-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:1px;background:var(--a8-line)}
body.arena-ui .weekly-account .weekly-stats article{min-height:90px;padding:17px;border:0;border-radius:0;background:#0d1216;box-shadow:none}
body.arena-ui .weekly-account .weekly-stats strong{color:#fff;font-family:"Arial Narrow",sans-serif;font-size:1.8rem}
body.arena-ui .tournament-history-list{margin:16px 0;padding:34px 0;border-top:1px solid var(--a8-line)}
body.arena-ui .tournament-history-list .section-heading{text-align:left}
body.arena-ui .account-page>.competition-personal,body.arena-ui .player-profile-page>.competition-personal{margin:0}

/* Notifications become an activity ledger. */
body.arena-ui .notification-list{display:block;border-top:1px solid var(--a8-line)}
body.arena-ui .notification-list>.experience-card{display:grid;min-height:72px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0;padding:15px 4px!important;border:0!important;border-bottom:1px solid var(--a8-line-soft)!important;border-radius:0!important;background:transparent!important;color:inherit;text-decoration:none}
body.arena-ui .notification-list>.experience-card:hover{background:#0c1115!important}
body.arena-ui .notification-list>.experience-card>i{display:grid;width:28px;height:28px;place-items:center;border:1px solid #34404a;border-radius:50%;background:#10171c;font-style:normal;color:var(--a8-accent)}
body.arena-ui .notification-list>.experience-card span{display:grid;gap:4px}
body.arena-ui .notification-list>.experience-card small{color:#6e7985;font-size:.65rem}
body.arena-ui .notification-list>.experience-card strong{color:#eef1f4;font-size:.87rem}
body.arena-ui .notification-list>.experience-card em{color:#969fa8;font-size:.78rem;font-style:normal}
body.arena-ui .weekly-result-notification{padding:22px!important;border-left:2px solid var(--a8-warning)!important;background:#11171b!important}

/* Achievements are a collection ledger rather than marketing cards. */
body.arena-ui .experience-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0;border-block:1px solid var(--a8-line)}
body.arena-ui .experience-stats article{min-height:92px;padding:20px;border:0;border-right:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .experience-stats article:last-child{border-right:0}
body.arena-ui .experience-stats b{color:#fff;font-family:"Arial Narrow",sans-serif;font-size:1.8rem}
body.arena-ui .achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .achievement-card{min-height:200px;margin:0;padding:20px!important;border:0!important;border-radius:0!important;background:#0d1115!important;box-shadow:none!important}
body.arena-ui .achievement-card.unlocked{background:#11161a!important}
body.arena-ui .achievement-card.locked{opacity:.58}
body.arena-ui .achievement-card.unlocked:before{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:var(--a8-accent)}
body.arena-ui .achievement-emblem{border:1px solid #3a444e;border-radius:var(--a8-r1);background:#151b20;box-shadow:none}
body.arena-ui .achievement-card h2{font-size:1.05rem}
body.arena-ui .achievement-rewards{gap:7px}
body.arena-ui .achievement-rewards span,
body.arena-ui .achievement-rewards span+span{padding:5px 7px;border:1px solid #39434d;border-radius:var(--a8-r1);background:#11171c;color:#bec7cf;box-shadow:none;font-size:.64rem}
body.arena-ui .achievement-rewards span:first-child{border-color:#5b4c24;color:var(--a8-warning)}

/* Settings */
body.arena-ui .settings-form{display:grid;gap:0;border-top:1px solid var(--a8-line)}
body.arena-ui .settings-form fieldset{margin:0;padding:30px 0;border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .settings-form legend{padding:0;color:var(--a8-accent);font-size:.66rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
body.arena-ui .setting-option,body.arena-ui .setting-select{min-height:72px;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .setting-option:last-child,body.arena-ui .setting-select:last-child{border-bottom:0}
body.arena-ui .setting-icon{border:1px solid #35404a;border-radius:var(--a8-r1);background:#11171c;box-shadow:none;color:#cfd5db}
body.arena-ui .visibility-preview{border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0d1115;box-shadow:none}
body.arena-ui .settings-actions{padding-top:24px}

/* Friends and community */
body.arena-ui .friends-page{display:grid;gap:34px}
body.arena-ui .friends-hero{grid-template-columns:minmax(0,1fr) auto}
body.arena-ui .friends-balance{min-width:210px;padding:18px 22px;border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0e1317;box-shadow:none}
body.arena-ui .challenge-guide{border-block:1px solid var(--a8-line);border-inline:0;border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .challenge-guide summary{padding:18px 0}
body.arena-ui .challenge-guide ol{columns:2;column-gap:50px;padding:0 0 24px 28px}
body.arena-ui .community-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:end;gap:32px;padding:28px!important}
body.arena-ui .community-player,body.arena-ui .friend-requests article{border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .friend-list{display:grid;gap:0;border-top:1px solid var(--a8-line)}
body.arena-ui .friend-card{border:0!important;border-bottom:1px solid var(--a8-line)!important;border-radius:0!important;background:transparent!important}
body.arena-ui .friend-card summary{min-height:70px;padding:12px 5px}
body.arena-ui .friend-main{border-top:1px solid var(--a8-line-soft);background:#0b0f12}
body.arena-ui .challenge-lists{gap:30px}
body.arena-ui .friend-main form[data-challenge-form]{gap:1px;padding:1px;border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:var(--a8-line);box-shadow:none}
body.arena-ui .friend-main form[data-challenge-form] label{margin:0;padding:14px;border:0;border-radius:0;background:#0c1115;color:#c7ced5}

/* Wallet, rewards and inventory */
body.arena-ui .wallet-balance-grid,body.arena-ui .reward-overview{display:grid;gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .wallet-balance-grid>.panel,body.arena-ui .reward-overview>.panel{border:0!important;border-radius:0!important;background:#0e1317!important}
body.arena-ui .wallet-balance strong,body.arena-ui .reward-overview strong{font-family:"Arial Narrow",sans-serif;font-size:clamp(2rem,4vw,3.6rem);color:#fff}
body.arena-ui .wallet-inventory{width:100%;margin:8px 0 38px;padding:0;border:0;border-block:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .wallet-inventory .leaderboard-head{margin:0}
body.arena-ui .wallet-inventory-total{padding:5px 8px;border:1px solid #544821;border-radius:var(--a8-r1);background:#15130d;color:var(--a8-warning);box-shadow:none;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}
body.arena-ui .wallet-inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .wallet-inventory-item{margin:0;padding:16px;border:0;border-radius:0;background:#0e1317;box-shadow:none}
body.arena-ui .wallet-inventory-item.is-tetris,body.arena-ui .wallet-inventory-item.is-match3{border:0;background:#0e1317}
body.arena-ui .wallet-inventory-item>b{border:1px solid #39434d;border-radius:var(--a8-r1);background:#151a20;color:#d3dae0}
body.arena-ui .reward-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px!important}
body.arena-ui .reward-orb{border:1px solid #40505b;border-radius:50%;background:#121a20;box-shadow:none;color:var(--a8-accent)}

/* Crates keep their art, but inventory structure is calmer. */
body.arena-ui .loot-page{display:grid;gap:44px}
body.arena-ui .loot-hero{grid-template-columns:minmax(0,1fr) 240px}
body.arena-ui .loot-filters{display:flex;gap:0;border-bottom:1px solid var(--a8-line);overflow:auto}
body.arena-ui .loot-filters a{padding:13px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#88929c;box-shadow:none;white-space:nowrap}
body.arena-ui .loot-filters a[aria-current=page]{border-bottom-color:var(--a8-accent);color:#fff}
body.arena-ui .loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .loot-card{min-height:190px;margin:0;padding:20px!important;border:0!important;border-radius:0!important;background:#0d1216!important}
body.arena-ui .cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .cosmetic-card{margin:0;padding:20px!important;border:0!important;border-radius:0!important;background:#0e1317!important}

/* Auth and editorial */
body.arena-ui .auth-shell{width:var(--a8-content);min-height:0;margin-inline:auto;align-items:start;padding:var(--a8-page-top) 0}
body.arena-ui .auth.panel{display:grid;width:min(100%,930px);max-width:930px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;margin:auto;padding:0!important;overflow:hidden;border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:#0c1014!important}
body.arena-ui .auth-brand{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:38px;border-right:1px solid var(--a8-line);background:#090c0f;text-align:left}
body.arena-ui .auth-brand img{width:145px;align-self:flex-start;margin-bottom:36px}
body.arena-ui .auth-brand h1{font-size:clamp(2rem,3vw,2.75rem);text-transform:none;overflow-wrap:normal;text-wrap:balance}
body.arena-ui .auth-content{min-width:0;padding-block:8px 20px}
body.arena-ui .auth-content>.resend-verification{margin-inline:28px;max-width:calc(100% - 56px);padding-inline:12px;font-size:.8rem}
body.arena-ui .auth-tabs,body.arena-ui .auth form,body.arena-ui .resend-verification,body.arena-ui .resend-message{padding-inline:28px}
body.arena-ui .auth-tabs{align-self:start;margin:0;padding-top:12px}
body.arena-ui .auth-help a{min-height:44px}
body.arena-ui .auth-tab-icon,body.arena-ui .auth-tabs button.active .auth-tab-icon{border:0;border-radius:var(--a8-r1);background:transparent;box-shadow:none}
body.arena-ui .auth form{padding-top:26px;padding-bottom:20px}
body.arena-ui .editorial-page{padding-top:0}
body.arena-ui .editorial-breadcrumbs{border-bottom:1px solid var(--a8-line);padding-bottom:13px}
body.arena-ui .editorial-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:var(--a8-section-y) var(--a8-section-x);border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .editorial-hero h1{max-width:900px;margin:12px 0 18px}
body.arena-ui .editorial-hero-mark{color:#1b252c;font-family:"Arial Narrow",sans-serif;font-size:9rem;line-height:.8;text-shadow:none}
body.arena-ui .editorial-layout{gap:64px}
body.arena-ui .editorial-section{padding:28px 0;border:0;border-bottom:1px solid var(--a8-line-soft)}
body.arena-ui .editorial-section,body.arena-ui .editorial-subsection,body.arena-ui .editorial-note,
body.arena-ui .editorial-cta,body.arena-ui .editorial-related{border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .editorial-note{border:0;border-left:2px solid var(--a8-accent);padding-left:20px}
body.arena-ui .editorial-related a{border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent}
body.arena-ui .editorial-supplement{width:var(--a8-content);margin:var(--a8-s7) auto 24px;padding:var(--a8-section-y) 0;border:0;border-block:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .editorial-supplement-grid{gap:0;margin-top:26px;border-top:1px solid var(--a8-line)}
body.arena-ui .editorial-supplement-grid>section{padding:22px 24px 22px 0;border:0;border-right:1px solid var(--a8-line-soft);border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .editorial-supplement-grid>section:nth-child(even){padding-right:0;padding-left:24px;border-right:0}
body.arena-ui .editorial-supplement-links{gap:0;border-top:1px solid var(--a8-line)}
body.arena-ui .editorial-supplement-links a{padding:13px 18px 13px 0;border:0;border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent;color:var(--a8-info);box-shadow:none}

/* Public player profiles: product colour is retained only where it carries meaning. */
body.arena-ui .player-profile-page{gap:34px}
body.arena-ui .profile-hero{padding:28px 0;border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .profile-avatar{border:1px solid #3a4650;background:#11181e;box-shadow:none}
body.arena-ui .profile-friends{padding-left:28px;border-left:1px solid var(--a8-line)}
body.arena-ui .profile-journeys{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .profile-journeys article{min-height:0;padding:24px;border:0;border-radius:0;background:var(--a8-surface)!important;box-shadow:none!important}
body.arena-ui .profile-journeys article:before,body.arena-ui .profile-journeys article:after{display:none}
body.arena-ui .profile-achievements,body.arena-ui .avatar-picker{padding:28px;border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0d1216!important;box-shadow:none}
body.arena-ui .profile-achievements:before{display:none}
body.arena-ui .profile-achievements>div{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .profile-achievements article{min-height:78px;padding:14px;border:0;border-radius:0;background:#10151a!important;box-shadow:none;transform:none}
body.arena-ui .profile-achievements article>b{border-radius:var(--a8-r1);box-shadow:none;transform:none}
body.arena-ui .avatar-grid span{border-radius:var(--a8-r2);box-shadow:none}
body.arena-ui .avatar-collection-groups{gap:0;margin:0 0 18px;border-block:1px solid var(--a8-line)}
body.arena-ui .avatar-collection-group,
body.arena-ui .achievement-avatar-group{margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .avatar-collection-group:last-child{border-bottom:0}
body.arena-ui .avatar-group-heading>span,
body.arena-ui .achievement-avatar-group .avatar-group-heading>span{border:1px solid #39434d;border-radius:var(--a8-r1);background:#12171c;color:var(--a8-accent);box-shadow:none}
body.arena-ui .achievement-avatar-group .avatar-choice:after{border:1px solid #414b55;border-radius:var(--a8-r1);background:#0b0f13;box-shadow:0 12px 30px #000b}

/* Tournament, leaderboard and history surfaces use result-table rhythm. */
body.arena-ui .tournament-page,body.arena-ui .tournament-history-page{display:grid;gap:30px}
body.arena-ui .tournament-page>.panel,body.arena-ui .tournament-history-card{border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:#0d1216!important;box-shadow:none!important}
body.arena-ui .tournament-hero{padding:32px}
body.arena-ui .tournament-facts{gap:1px;margin:0;padding:1px;background:var(--a8-line)}
body.arena-ui .tournament-facts article{min-height:96px;padding:18px;border:0;border-radius:0;background:#0d1216}
body.arena-ui .tournament-history-card>summary{padding:18px;border-bottom:1px solid transparent}
body.arena-ui .tournament-history-card[open]>summary{border-bottom-color:var(--a8-line)}
body.arena-ui .past-tournaments .cards{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .past-tournaments .cards article{border:0;border-radius:0;background:#0d1216;box-shadow:none}
body.arena-ui .past-tournaments .cards article:after{display:none}
body.arena-ui .past-tournaments .cards article:hover{transform:none;background:#11171c;box-shadow:none}

/* Weekly, tournaments and leaderboards */
body.arena-ui .weekly-page{display:grid;gap:36px}
body.arena-ui .weekly-page .weekly-hero{border-radius:var(--a8-r2)!important;background-color:#0b1014!important;box-shadow:none!important}
body.arena-ui .weekly-page .countdown{width:100%;padding:14px 0;border:0;border-block:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .weekly-scope-tabs{display:flex;gap:0;border-bottom:1px solid var(--a8-line)}
body.arena-ui .weekly-scope-tabs a{padding:12px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#84909b;box-shadow:none;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
body.arena-ui .weekly-scope-tabs a.active{border-bottom-color:var(--a8-accent);color:#fff}
body.arena-ui .my-rank{display:flex;align-items:center;justify-content:space-between;padding:16px 18px!important}
body.arena-ui .competition-hub,body.arena-ui .competition-page{color:var(--a8-text-2)}
body.arena-ui .competition-section,body.arena-ui .competition-card{border-radius:var(--a8-r2);box-shadow:none}
body.arena-ui .competition-page-heading{margin:0 0 42px;padding-bottom:28px;border-bottom:1px solid var(--a8-line)}
body.arena-ui .competition-page-heading h1{margin:10px 0 12px}
body.arena-ui .competition-page-heading nav{gap:0;margin-top:22px;border-bottom:1px solid var(--a8-line)}
body.arena-ui .competition-page-heading nav a{padding:11px 15px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#89949f;font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.arena-ui .competition-page-heading nav a:hover{border-bottom-color:var(--a8-accent);color:#fff}
body.arena-ui :is(.competition-feature,.competition-personal,.competition-preferences,.competition-seasons,.competition-season-rules){padding:var(--a8-surface-y) var(--a8-surface-x);border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:var(--a8-surface);box-shadow:none}
body.arena-ui :is(.competition-feature,.competition-personal,.competition-preferences,.competition-seasons)>h2,
body.arena-ui :is(.competition-feature,.competition-personal)>:is(div,header):first-child>h2{margin-top:0}
body.arena-ui .competition-personal>header .eyebrow+h2,
body.arena-ui .competition-feature>div .eyebrow+h2{margin-top:8px}
body.arena-ui :is(.competition-personal,.competition-seasons)>:last-child{margin-bottom:0}
/* Reusable compact surface for a short explanation or contextual link. */
body.arena-ui .surface-compact{display:grid;gap:var(--a8-s3);padding:var(--a8-compact-y) var(--a8-surface-x)}
body.arena-ui .surface-compact>:is(h2,p,.competition-badges){margin:0}
body.arena-ui .surface-compact>h2{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.2}
body.arena-ui .surface-compact>a{display:flex;align-items:center;justify-self:start;min-height:44px}
body.arena-ui .competition-neighbors{gap:0;border-top:1px solid var(--a8-line)}
body.arena-ui .competition-neighbors li{padding:13px 4px;border:0;border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent}
body.arena-ui .competition-neighbors .is-me{border-color:var(--a8-accent);background:#10191d}
body.arena-ui .competition-badges{gap:1px;margin-top:18px;padding:1px;background:var(--a8-line)}
body.arena-ui .competition-badges:empty{display:none}
body.arena-ui .competition-badges>span{min-width:130px;flex:1;padding:15px;border:0;border-radius:0;background:#0d1216;color:#cbd2d8}
body.arena-ui .competition-badges b{display:block;margin:0 0 4px;color:#fff;font-size:1.4rem}
body.arena-ui .competition-calendar{border-top:1px solid var(--a8-line)}
body.arena-ui .competition-calendar>header{padding:30px 0 22px}
body.arena-ui .competition-calendar>article{border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .competition-season-list{gap:0;border-top:1px solid var(--a8-line)}
body.arena-ui .competition-season-list>a{padding:18px 2px;border:0;border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .competition-preferences form{display:grid;gap:0;margin-top:18px;border-top:1px solid var(--a8-line)}
body.arena-ui .competition-preferences label{padding:15px 0;border-bottom:1px solid var(--a8-line-soft)}
body.arena-ui .competition-game-library{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .competition-game-library>article,
body.arena-ui .competition-game-library>article.is-colorfall{padding:28px;border:0;border-radius:0;background:#0e1317;box-shadow:none}

/* Admin uses the same primitives while specialist game editors retain their functional canvases. */
body.arena-ui .admin-nav.admin-nav-v2{border-block:1px solid var(--a8-line);background:#090c0ff5;box-shadow:none;backdrop-filter:blur(16px)}
body.arena-ui .admin-nav-home,body.arena-ui .admin-nav-menu>summary{border:0;border-radius:0;background:transparent;color:#939da7;box-shadow:none}
body.arena-ui .admin-nav-home:hover,body.arena-ui .admin-nav-menu>summary:hover,body.arena-ui .admin-nav-home[aria-current=page],body.arena-ui .admin-nav-menu.is-current>summary{background:#11171c;color:#fff}
body.arena-ui .admin-nav-dropdown{border:1px solid #37414a;border-radius:var(--a8-r2);background:#0a0e11;box-shadow:0 22px 60px #000d}
body.arena-ui .admin-nav-dropdown a{border-radius:var(--a8-r1);background:transparent}
body.arena-ui .admin-nav-dropdown a[aria-current=page]{background:#172026;color:var(--a8-accent);box-shadow:none}
body.arena-ui .admin-location{color:#7f8993}
body.arena-ui .admin-location b{border:1px solid #37414a;border-radius:var(--a8-r1);background:#10161b;color:var(--a8-warning)}
body.arena-ui .admin-search-box{border-color:var(--a8-line);border-radius:var(--a8-r2);background:#0d1216;box-shadow:none}
body.arena-ui .admin-page{--admin-control-h:40px}
body.arena-ui .admin-page>.panel,body.arena-ui .admin-page .admin-filter,body.arena-ui .admin-page .admin-list-filters{border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:#0d1216!important;box-shadow:none!important}
body.arena-ui .admin-page .stats-grid{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .admin-page .stats-grid article{border:0!important;border-radius:0!important;background:#0e1317!important;box-shadow:none!important}
body.arena-ui .admin-page .badge,body.arena-ui .admin-page .perf-status{border-radius:var(--a8-r1)!important}
body.arena-ui .admin-game-cards{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .admin-game-card{border:0;border-radius:0;background:#0d1216;box-shadow:none}
body.arena-ui .admin-game-card:before{display:none}
body.arena-ui .admin-game-icon{border:1px solid #3a4650;border-radius:var(--a8-r1);background:#121920;box-shadow:none}
body.arena-ui .admin-game-kpis{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .admin-game-kpis span{border-radius:0;background:#090d10}
body.arena-ui .admin-health-matrix>div,body.arena-ui .admin-tool-links a,body.arena-ui .diagnostic-signature{border-radius:var(--a8-r1);background:#10161a;box-shadow:none}
body.arena-ui .admin-attention{border:1px solid color-mix(in srgb,var(--a8-danger) 45%,var(--a8-line));border-radius:var(--a8-r2);background:#111317;box-shadow:none}
body.arena-ui .admin-attention>header p{padding:0 0 0 14px;border-left:1px solid var(--a8-line);border-radius:0;background:transparent;color:var(--a8-text-2)}
body.arena-ui .attention-beacon{width:9px;height:9px;background:var(--a8-danger);box-shadow:none;animation:none}
body.arena-ui .admin-attention-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0;padding:0;background:transparent}
body.arena-ui .attention-item{padding:14px;border:1px solid var(--a8-line);border-radius:0;background:#0d1216;box-shadow:none;transform:none}
body.arena-ui .attention-item:hover{border-color:#43505a;background:#141b20;transform:none}
body.arena-ui .attention-icon{border:1px solid #55313a;border-radius:var(--a8-r1);background:#25171c;color:#ff9da4}
body.arena-ui .system-observatory{border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0c1115;box-shadow:none}
body.arena-ui .system-live-dot{width:8px;height:8px;background:var(--a8-positive);box-shadow:none;animation:none}
body.arena-ui .system-kpi-grid{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .system-secondary-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:0;padding:0;background:transparent}
body.arena-ui .system-kpi-grid article{border:0;border-radius:0;background:#0f151a;box-shadow:none}
body.arena-ui .system-secondary-grid article{border:1px solid var(--a8-line);border-radius:0;background:#0f151a;box-shadow:none}
body.arena-ui .system-kpi-grid svg{opacity:.16}
body.arena-ui .system-history-charts{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .system-history-charts article{border-radius:0;background:#090d10}
body.arena-ui .system-history-charts polyline{filter:none}

/* The guide remains product-rich, while its surrounding information system is calm and structural. */
body.arena-ui .info-hero{min-height:0;padding:28px 0 32px;border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .info-hero-games{padding-right:12px}
body.arena-ui .info-tabs{top:var(--app-sticky-offset);z-index:40;gap:0;margin:0 0 28px;padding:0;border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:#07090b;box-shadow:none;backdrop-filter:none}
body.arena-ui .info-tabs button{min-height:58px;padding:0 18px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .info-tabs button[aria-selected=true]{border-bottom-color:var(--a8-accent);background:#10151a;box-shadow:none}
body.arena-ui .system-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:20px;padding:1px;background:var(--a8-line)}
body.arena-ui .system-stat-strip article{min-width:0;padding:20px;border:0;border-radius:0;background:#0d1216}
body.arena-ui .system-stat-strip strong{display:block;color:#c8adff;font-size:clamp(1.45rem,3vw,1.9rem);font-variant-numeric:tabular-nums}
body.arena-ui .system-stat-strip span{display:block;margin-top:4px;color:#89939d;font-size:12px}
body.arena-ui :is(.system-copy-grid,.system-control-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--a8-line)}
body.arena-ui :is(.system-copy-grid,.system-control-grid)>article{min-width:0;padding:24px 28px 24px 0;border-right:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui :is(.system-copy-grid,.system-control-grid)>article+article{padding-right:0;padding-left:28px;border-right:0}
body.arena-ui :is(.system-copy-grid,.system-control-grid)>article>h3{margin-top:0}
body.arena-ui .info-section-title{margin-top:52px;padding:0 0 16px;border-bottom:1px solid var(--a8-line)}
body.arena-ui .info-section-title>span{border:0;border-right:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none;color:var(--a8-accent)}
body.arena-ui .score-table-wrap{border-color:var(--a8-line);border-radius:var(--a8-r2);box-shadow:none}
body.arena-ui .info-ranking li{border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent}
body.arena-ui .mode-guide{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui .mode-guide>a{border:0;border-radius:0;background:#0d1216;box-shadow:none}
body.arena-ui .faq-list details{border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}

/* Guide system lists replace the remaining legacy gradient-card family. */
body.arena-ui .info-guide-head{margin:34px 0 26px;padding:26px 0;border:0;border-block:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui .info-hero-games span{border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0e1318;box-shadow:none}
body.arena-ui .info-symbol{border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#10161b;box-shadow:none}
body.arena-ui .system-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--a8-line);counter-reset:guide-system-item}
body.arena-ui .system-item-list>article{position:relative;display:grid;grid-template-columns:34px 66px minmax(0,1fr);align-items:center;gap:14px;min-width:0;margin:0;padding:18px 18px 18px 0;border:0;border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent;box-shadow:none;counter-increment:guide-system-item}
body.arena-ui .system-item-list>article:nth-child(odd){border-right:1px solid var(--a8-line)}
body.arena-ui .system-item-list>article:before{grid-column:1;grid-row:1;align-self:start;padding-top:7px;content:counter(guide-system-item,decimal-leading-zero);color:#98a2ae;font:800 11px/1 "Arial Narrow",sans-serif;letter-spacing:.08em}
body.arena-ui .system-item-list>article>i,body.arena-ui .system-item-list>article>.guide-powerup{grid-column:2;grid-row:1}
body.arena-ui .system-item-list>article>div{grid-column:3;grid-row:1;min-width:0}
body.arena-ui .system-item-list h3{margin:0 0 5px;font-size:17px;letter-spacing:.01em;text-transform:uppercase}
body.arena-ui .system-item-list b{display:block;color:#aa85f4;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
body.arena-ui .system-item-list p{margin:6px 0 0;color:var(--a8-text-2);font-size:14px;line-height:1.55}
body.arena-ui .system-item-list .guide-powerup{width:60px;height:60px}
body.arena-ui .system-inline-notice,body.arena-ui .info-note{margin-top:18px;padding:10px 0 10px 18px;border:0;border-left:2px solid var(--a8-info);border-radius:0;background:transparent;color:#aeb8c2;box-shadow:none}
body.arena-ui .system-inline-notice strong{display:block;margin-bottom:4px;color:var(--a8-info);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
body.arena-ui .guide-mechanic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--a8-line)}
body.arena-ui .guide-mechanic-list>.journey-bomb-guide{display:grid;min-width:0;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:18px;margin:0!important;padding:20px 20px 20px 0!important;border:0!important;border-bottom:1px solid var(--a8-line-soft)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.arena-ui .guide-mechanic-list>.journey-bomb-guide:nth-child(odd){border-right:1px solid var(--a8-line)!important}
body.arena-ui .guide-mechanic-list :is(.journey-bomb-intro,.journey-surge-intro){position:relative;display:grid;width:64px;height:64px;margin:0;place-items:center;border:1px solid #343d46;border-radius:var(--a8-r2);background:#0d1216;box-shadow:none}
body.arena-ui .guide-mechanic-list .journey-bomb-intro>i{width:52px;height:52px;filter:drop-shadow(0 5px 7px #0009)}
body.arena-ui .guide-mechanic-list .journey-bomb-intro>b{position:absolute;right:-4px;bottom:-4px;padding:3px 5px;border:1px solid #544116;border-radius:var(--a8-r1);background:#19160d;color:var(--a8-warning);font-size:9px;line-height:1}
body.arena-ui .guide-mechanic-list .journey-surge-intro>i{display:none}
body.arena-ui .guide-mechanic-list .journey-surge-intro>b{position:static;padding:0;border:0;border-radius:0;background:transparent;color:#c8adff;font:850 18px/1 "Arial Narrow",sans-serif;letter-spacing:.04em}
body.arena-ui :is(.match3-guide-steps,.match3-special-guide,.match3-blocker-guide,.match3-combo-guide){gap:0;padding:0;border-block:1px solid var(--a8-line);background:transparent}
body.arena-ui :is(.match3-guide-steps,.match3-special-guide,.match3-blocker-guide,.match3-combo-guide)>article{margin:0;padding:20px!important;border:0!important;border-right:1px solid var(--a8-line)!important;border-bottom:1px solid var(--a8-line-soft)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.arena-ui :is(.match3-special-guide,.match3-blocker-guide,.match3-combo-guide)>article:nth-child(even){border-right:0!important}
body.arena-ui .match3-guide-steps>article:last-child{border-right:0!important}
body.arena-ui .match3-guide-steps .guide-action{border-radius:var(--a8-r2);background:#090d11}
body.arena-ui .match3-combo-guide span,body.arena-ui .match3-combo-guide strong{border-radius:var(--a8-r1);box-shadow:none}
body.arena-ui .info-score-table .score-highlight{background:#15130d}

/* Journey presentation uses the same application shell. The illustrated map,
   nodes and level art remain product-owned; the surrounding surfaces do not. */
body.arena-ui :is(.journey-page,.journey-level-page){--a8-product:var(--a8-blockfall)}
body.arena-ui :is(.match3-journey-page,.m3j-page,.m3j-level){--a8-product:var(--a8-colorfall)}
body.arena-ui :is(.journey-page,.journey-level-page,.m3j-page,.m3j-level){--jp-radius-xl:var(--a8-r3);--jp-radius-lg:var(--a8-r2);--jp-radius-md:var(--a8-r1)}
body.arena-ui :is(.journey-page .journey-hero,.journey-level-page .journey-level-hero,.m3j-page .m3j-hero,.m3j-level .m3j-level-hero){border:1px solid var(--a8-line)!important;border-top:2px solid var(--a8-product)!important;border-radius:var(--a8-r3)!important;background:#0c1115!important;box-shadow:none!important}
body.arena-ui :is(.journey-page .journey-hero,.journey-level-page .journey-level-hero,.m3j-page .m3j-hero,.m3j-level .m3j-level-hero):after{opacity:.22!important;filter:grayscale(.65)}
body.arena-ui :is(.journey-page .journey-hero-copy h1,.journey-level-page h1,.m3j-page .m3j-hero h1,.m3j-level .m3j-level-hero h1){background:none!important;color:var(--a8-text)!important;text-shadow:none!important}
body.arena-ui .journey-page .journey-hero-copy h1 span{background:none;color:var(--a8-text)!important}
body.arena-ui :is(.journey-page,.journey-level-page,.m3j-page,.m3j-level) .button{min-height:44px;border-radius:var(--a8-r1);box-shadow:0 3px 0 #050607;filter:none}
body.arena-ui :is(.journey-page .journey-play-cta,.journey-level-page .journey-play-cta,.m3j-page .match3-cta,.m3j-level .match3-cta){border-color:#aa8af5!important;background:var(--a8-brand)!important;box-shadow:0 3px 0 #351675!important;color:#fff!important}
body.arena-ui :is(.journey-page,.journey-level-page,.m3j-page,.m3j-level) .button.secondary{border-color:#3a424b!important;background:#14191e!important;box-shadow:0 3px 0 #050607!important;color:#d7dce1!important}
body.arena-ui .journey-page :is(.journey-summary,.journey-standing,.journey-resume,.powerup-store,.tetris-daily,.weekly-mission-track,.journey-leaderboard-compact),
body.arena-ui .journey-level-page :is(.panel,.journey-level-stars),
body.arena-ui .m3j-page :is(.m3j-summary,.m3j-summary-stats,.journey-resume,.powerup-store,.m3j-daily-tasks,.weekly-mission-track,.m3j-top),
body.arena-ui .m3j-level :is(.panel,.m3j-level-best){border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:#0f1419!important;box-shadow:none!important}
body.arena-ui .journey-page .journey-summary-ring{border:1px solid var(--a8-line)!important;border-radius:var(--a8-r2)!important;background:#0d1216!important;box-shadow:none!important}
body.arena-ui :is(.journey-page .journey-stat,.m3j-page .m3j-summary-stats>span){border:0;border-left:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui :is(.journey-page .journey-world,.m3j-page .m3j-chapter){border-radius:var(--a8-r3)!important;box-shadow:none!important}
body.arena-ui :is(.journey-page .journey-world>header,.m3j-page .m3j-chapter>header){background:#090d11d9!important;backdrop-filter:blur(8px)}
body.arena-ui :is(.journey-page .node-copy,.m3j-page .m3j-node-copy){border-radius:var(--a8-r2);box-shadow:none}
body.arena-ui .guest-journey-notice{width:var(--a8-content);margin-inline:auto;border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#0d1317;box-shadow:none}
body.arena-ui :is(.journey-page,.m3j-page) .journey-top-preview{padding:22px 0;border:0;border-block:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}
body.arena-ui :is(.journey-page,.m3j-page) .journey-top-preview-grid{gap:1px;padding:1px;background:var(--a8-line)}
body.arena-ui :is(.journey-page,.m3j-page) .journey-top-preview-card,
body.arena-ui :is(.journey-page,.m3j-page) .journey-top-preview-card.place-1,
body.arena-ui .m3j-page .m3j-top article{border:0;border-radius:0;background:#0d1216;box-shadow:none}

/* Both Journey leaderboards share the result-ledger language. The podium is
   still recognisable, but it is no longer a separate gradient-card system. */
body.arena-ui :is(.journey-highscores-page-hero,.m3j-high-hero){padding:var(--a8-section-y) var(--a8-section-x);border:1px solid var(--a8-line)!important;border-top:2px solid var(--a8-product)!important;border-radius:var(--a8-r3)!important;background:#0c1115!important;box-shadow:none!important}
body.arena-ui :is(.journey-highscores-page-hero,.m3j-high-hero) h1{background:none!important;color:var(--a8-text)!important;text-shadow:none!important}
body.arena-ui .journey-highscores{padding:var(--a8-section-y) var(--a8-section-x);border:1px solid var(--a8-line);border-radius:var(--a8-r3);background:#0b0f13;box-shadow:none}
body.arena-ui .journey-highscores-limit{border-radius:var(--a8-r1);background:#11161b}
body.arena-ui :is(.journey-podium-card,.m3j-podium article){border:1px solid var(--a8-line);border-radius:var(--a8-r2);background:#11171c;box-shadow:none}
body.arena-ui :is(.journey-podium-card.place-1,.m3j-podium .place-1){border-color:#7b6933;background:#17150f;box-shadow:none}
body.arena-ui .journey-podium-card.place-3{border-color:#69493d}
body.arena-ui .journey-podium-step{border-radius:var(--a8-r1) var(--a8-r1) 0 0;background:#251947}
body.arena-ui .place-1 .journey-podium-step{background:#4b3715}
body.arena-ui .place-3 .journey-podium-step{background:#3c241e}
body.arena-ui :is(.journey-ranking-row,.m3j-ranking li){border:0;border-bottom:1px solid var(--a8-line);border-radius:0;background:transparent;box-shadow:none}

/* Chat belongs to the shell. */
body.arena-ui .friend-chat{--chat-accent:var(--a8-accent);font-family:inherit}
body.arena-ui .chat-dock-toggle{width:46px;height:46px;border:1px solid #414a55;border-radius:var(--a8-r2);background:#0c1014;color:#d8dde2;box-shadow:0 8px 22px #0008;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}
body.arena-ui .chat-dock-toggle:hover,body.arena-ui .chat-dock-toggle:focus-visible,body.arena-ui .chat-dock-toggle[aria-expanded=true]{border-color:var(--a8-brand);background:#15101e;color:#fff;transform:translateY(-1px)}
body.arena-ui .chat-dock-toggle>span{border:0;border-radius:0;background:transparent;color:#c7adfb;box-shadow:none}
body.arena-ui .chat-dock-toggle b{border:1px solid #080a0c;border-radius:8px;box-shadow:none}
body.arena-ui .chat-conversation-drawer,body.arena-ui .chat-window{border:1px solid #3b4650;border-radius:var(--a8-r3);background:#0b0f13;box-shadow:0 24px 70px #000d;backdrop-filter:none}
body.arena-ui .chat-conversation-drawer>header,body.arena-ui .chat-window>header{border-bottom:1px solid var(--a8-line);background:#10151a}
body.arena-ui .chat-search-field{border:1px solid #333d47;border-radius:var(--a8-r2);background:#080c0f;box-shadow:none}
body.arena-ui .chat-conversation{border-bottom:1px solid var(--a8-line-soft);border-radius:0;background:transparent}
body.arena-ui .chat-conversation:hover{background:#12181d}
body.arena-ui .chat-messages{background:#080b0e}
body.arena-ui .chat-message.is-mine .chat-bubble{background:#16353a;color:#eefcfd}
body.arena-ui .chat-message:not(.is-mine) .chat-bubble{border:1px solid #303942;background:#13191e;color:#e1e5e9}
body.arena-ui .chat-window>form{border-top:1px solid var(--a8-line);background:#10151a}
body.arena-ui .chat-window textarea{border:1px solid #333d46;border-radius:var(--a8-r2);background:#080c0f}
body.arena-ui .chat-send{border-radius:var(--a8-r1);background:var(--a8-accent);color:var(--a8-accent-ink);box-shadow:none}

/* Homepage refinement: the product leads, not the headline. */
body.arena-ui.home-page .grid-bg,
body.arena-ui.home-page .brand img,
body.arena-ui.home-page .section,
body.arena-ui.home-page .hero-ambient span,
body.arena-ui.home-page .preview-status i,
body.arena-ui.home-page .preview-scan:after,
body.arena-ui.home-page .home-hero .preview-shell,
body.arena-ui.home-page .home-hero h1 span,
body.arena-ui.home-page .home-hero .button:after{animation:none!important;animation-timeline:auto!important}

/* Footer */
body.arena-ui>.site-footer{width:100%;max-width:none;margin:84px 0 68px;border:0;border-top:1px solid var(--a8-line);border-radius:0;background:#080a0c;box-shadow:none}
body.arena-ui>.site-footer:before{display:none}
body.arena-ui>.site-footer .site-footer-main,body.arena-ui>.site-footer .site-footer-bottom{width:var(--a8-content);margin-inline:auto}
body.arena-ui>.site-footer .site-footer-main{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,1fr));gap:28px;padding:46px 0 36px;text-align:left;align-items:start}
body.arena-ui>.site-footer .site-footer-brand>a{display:inline-flex;align-items:center;width:116px;min-height:44px}
body.arena-ui>.site-footer .site-footer-brand>span{max-width:300px;font-size:13px;line-height:1.7}
body.arena-ui>.site-footer .site-footer-group{min-width:0}
body.arena-ui>.site-footer .site-footer-group h2{margin:4px 0 16px;font-size:12px;line-height:1.5;letter-spacing:.06em;text-align:left}
body.arena-ui>.site-footer .site-footer-group nav{display:grid;grid-template-columns:1fr;gap:2px}
body.arena-ui>.site-footer .site-footer-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border:0;border-radius:0;background:transparent;color:#a7a8b6;font-size:13px;line-height:1.5;text-align:left;white-space:normal;transform:none}
body.arena-ui>.site-footer .site-footer-group a>span{min-width:0;overflow-wrap:normal;word-break:normal}
body.arena-ui>.site-footer .site-footer-group a i{color:#a98bdd;opacity:.8}
body.arena-ui>.site-footer .site-footer-group a:hover{color:#eee8fa;background:transparent}
body.arena-ui>.site-footer a:focus-visible,body.arena-ui>.site-footer button:focus-visible{outline:2px solid var(--a8-brand-strong);outline-offset:3px}
body.arena-ui>.site-footer .site-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid var(--a8-line);background:transparent}
body.arena-ui>.site-footer .footer-languages{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;border:0;background:transparent}
body.arena-ui>.site-footer .footer-languages>span{margin-right:10px;color:#9a9daa;font-size:12px}
body.arena-ui>.site-footer .footer-languages button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:6px;border:0;border-radius:var(--a8-r1);background:transparent;box-shadow:none;color:#a7a8b6;font-size:11px;font-weight:650}
body.arena-ui>.site-footer .footer-languages button[aria-current=true]{color:#dac7fc;background:var(--a8-brand-soft)}
body.arena-ui>.site-footer .footer-languages button:hover{color:#fff;background:var(--a8-surface-2)}
body.arena-ui>.site-footer .footer-feedback,body.arena-ui>.app-footer .footer-feedback{min-height:44px;border:1px solid #343e48;border-radius:var(--a8-r1);background:#0e1317;color:#bec5cc;box-shadow:none}

@media(min-width:701px) and (max-width:1100px){
 body.arena-ui{--a8-page-top:44px;--a8-section-x:36px;--a8-section-y:40px}
}
@media(max-width:1100px){
 body.arena-ui .locale-switcher{right:80px}
 body.arena-ui .competition-site-nav .nav-toggle{border:1px solid #39434d;border-radius:var(--a8-r1);background:#0e1317;box-shadow:none}
 body.arena-ui .competition-site-nav #main-nav.open{height:auto;max-height:calc(100dvh - var(--app-header-height) - var(--app-bottom-nav-height) - env(safe-area-inset-bottom) - 16px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid #39434d;border-radius:var(--a8-r2);background:#090d10;box-shadow:0 22px 60px #000d}
 body.arena-ui .competition-site-nav #main-nav>a,body.arena-ui .competition-site-nav .nav-group-toggle{height:44px;justify-content:flex-start}
 body.arena-ui .competition-site-nav #main-nav>a[aria-current=page]:after,body.arena-ui .competition-site-nav .nav-group-toggle[aria-expanded=true]:after{top:7px;right:auto;bottom:7px;left:0;width:2px;height:auto}
 body.arena-ui .account-content-card{grid-template-columns:1fr}
 body.arena-ui .reward-card{grid-template-columns:auto 1fr}
 body.arena-ui .reward-card>.button{grid-column:1/-1}
}
@media(max-width:700px){
 body.arena-ui:has(.competition-mobile-nav){padding-bottom:calc(var(--app-bottom-nav-height) + env(safe-area-inset-bottom))}
 body.arena-ui .site-content .match3-how article{border-right:0;border-bottom:1px solid var(--a8-line)}
 body.arena-ui .site-content .weekly-free{border-left:0!important;border-top:1px solid var(--a8-line)!important;padding:18px 0}
 body.arena-ui .system-item-list>article:nth-child(even){padding-left:0}
 body.arena-ui{--a8-content:calc(100% - 24px);--a8-page-top:24px;--a8-section-x:22px;--a8-section-y:28px;--a8-surface-x:20px;--a8-surface-y:20px;--a8-s7:36px;--a8-s8:54px;--app-header-height:58px}
 body.arena-ui .leaderboard-head{align-items:stretch;gap:var(--a8-s4)}
 body.arena-ui .competition-site-nav{height:var(--app-header-height);min-height:var(--app-header-height);padding-inline:12px}
 body.arena-ui .competition-site-nav .brand{border:0}.arena-ui .competition-site-nav .brand img{width:84px}
 body.arena-ui nav.player-quicknav{position:sticky;top:var(--app-header-height);z-index:50;width:100%;height:var(--app-account-nav-height);margin:0;padding:0 7px;border-block:1px solid var(--a8-line);background:#090c0f;overflow-x:auto;backdrop-filter:none}
 body.arena-ui:has(nav.player-quicknav){--app-sticky-offset:calc(var(--app-header-height) + var(--app-account-nav-height))}
 body.arena-ui nav.player-quicknav a{min-width:0;min-height:44px;flex:1;justify-content:center;gap:4px;padding:0 6px}
 body.arena-ui .player-quicknav-icon{width:17px;height:17px}.arena-ui .player-quicknav-icon svg{width:15px;height:15px}
 body.arena-ui .player-quicknav-copy strong{font-size:9px;letter-spacing:0}.arena-ui .player-quicknav>a>b{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 2px;font-size:7px}
 body.arena-ui main.site-content>.section:first-of-type,body.arena-ui main.site-content>.experience-page:first-of-type{margin-top:var(--a8-page-top)}
 body.arena-ui h1{font-size:clamp(2.35rem,12vw,3.6rem)}
 body.arena-ui .settings-hero,body.arena-ui .friends-hero,body.arena-ui .loot-hero,body.arena-ui .account-hero{grid-template-columns:1fr;align-items:start;gap:18px}
 body.arena-ui .account-hero{grid-template-columns:auto minmax(0,1fr)}
 body.arena-ui .account-actions{grid-column:1/-1;width:100%}
 body.arena-ui .account-actions .button{width:100%}
 body.arena-ui .player-hub-grid{grid-template-columns:1fr}.arena-ui .player-hub-card{border-right:0;border-bottom:1px solid var(--a8-line)}
 body.arena-ui .account-content-card{gap:24px;padding:22px var(--a8-section-x)!important}
 body.arena-ui .weekly-account .weekly-stats{grid-template-columns:1fr}
 body.arena-ui .profile-hero{align-items:center;gap:14px;padding-top:12px}
 body.arena-ui .profile-friends{padding-left:14px}
 body.arena-ui .profile-journeys{grid-template-columns:1fr}
 body.arena-ui .profile-achievements,body.arena-ui .avatar-picker{padding:20px var(--a8-section-x)}
 body.arena-ui .profile-achievements>div{grid-template-columns:1fr}
 body.arena-ui .experience-stats{grid-template-columns:1fr}.arena-ui .experience-stats article{min-height:72px;border-right:0;border-bottom:1px solid var(--a8-line-soft)}
 body.arena-ui .achievement-grid{grid-template-columns:1fr 1fr}.arena-ui .achievement-card{min-height:175px;padding:15px!important}
 body.arena-ui .community-search{grid-template-columns:1fr;padding:22px var(--a8-section-x)!important}.arena-ui .challenge-guide ol{columns:1}
 body.arena-ui .challenge-lists{grid-template-columns:1fr}
 body.arena-ui .wallet-inventory-grid{grid-template-columns:1fr 1fr}
 body.arena-ui .loot-grid,body.arena-ui .cosmetic-grid{grid-template-columns:1fr}
 body.arena-ui .loot-card{min-height:160px}
 body.arena-ui .auth-shell{width:var(--a8-content);padding:26px 0}
 body.arena-ui .auth.panel{grid-template-columns:1fr}
 body.arena-ui .auth-brand{padding:26px 22px;border-right:0;border-bottom:1px solid var(--a8-line)}
 body.arena-ui .auth-brand img{width:110px;margin-bottom:12px}.arena-ui .auth-brand h1{font-size:1.9rem;margin:8px 0 12px}
 body.arena-ui .auth-tabs,body.arena-ui .auth form,body.arena-ui .resend-verification,body.arena-ui .resend-message{grid-column:1;padding-inline:20px}
 body.arena-ui .editorial-hero{grid-template-columns:1fr;padding:var(--a8-section-y) var(--a8-section-x)}.arena-ui .editorial-hero-mark{display:none}.arena-ui .editorial-layout{gap:36px;padding-inline:var(--a8-section-x)}
 body.arena-ui .editorial-supplement{width:var(--a8-content);padding:var(--a8-section-y) 0}
 body.arena-ui .editorial-supplement-grid{grid-template-columns:1fr}
 body.arena-ui .editorial-supplement-grid>section,body.arena-ui .editorial-supplement-grid>section:nth-child(even){padding:18px 0;border-right:0}
 body.arena-ui .info-hero{padding:var(--a8-section-y) var(--a8-section-x)}
 body.arena-ui .system-stat-strip{grid-template-columns:1fr}
 body.arena-ui :is(.system-copy-grid,.system-control-grid){grid-template-columns:1fr}
 body.arena-ui :is(.system-copy-grid,.system-control-grid)>article,body.arena-ui :is(.system-copy-grid,.system-control-grid)>article+article{padding:20px 0;border-right:0;border-bottom:1px solid var(--a8-line-soft)}
 body.arena-ui :is(.system-copy-grid,.system-control-grid)>article:last-child{border-bottom:0}
 body.arena-ui .system-item-list,body.arena-ui .guide-mechanic-list{grid-template-columns:1fr}
 body.arena-ui .system-item-list>article{grid-template-columns:27px 56px minmax(0,1fr);padding:15px 0}
 body.arena-ui .system-item-list>article:nth-child(odd),body.arena-ui .guide-mechanic-list>.journey-bomb-guide:nth-child(odd){border-right:0!important}
 body.arena-ui .system-item-list .guide-powerup{width:54px;height:54px}
 body.arena-ui .guide-mechanic-list>.journey-bomb-guide{grid-template-columns:66px minmax(0,1fr);padding:17px 0!important;text-align:left}
 body.arena-ui :is(.match3-guide-steps,.match3-special-guide,.match3-blocker-guide,.match3-combo-guide){grid-template-columns:1fr}
 body.arena-ui :is(.match3-guide-steps,.match3-special-guide,.match3-blocker-guide,.match3-combo-guide)>article{border-right:0!important;padding:16px 0!important}
 body.arena-ui :is(.journey-page .journey-hero,.journey-level-page .journey-level-hero,.m3j-page .m3j-hero,.m3j-level .m3j-level-hero){border-radius:var(--a8-r3)!important}
 body.arena-ui :is(.journey-page .journey-world,.m3j-page .m3j-chapter){border-radius:var(--a8-r3)!important}
 body.arena-ui .table-wrap{border-inline:0;border-radius:0}
 body.arena-ui>.site-footer .site-footer-main,body.arena-ui>.site-footer .site-footer-bottom{width:var(--a8-content)}
 body.arena-ui>.site-footer .site-footer-main{grid-template-columns:1fr;gap:30px;padding:32px 0}
 body.arena-ui>.site-footer .site-footer-brand{grid-column:auto}
 body.arena-ui>.site-footer .site-footer-brand>span{max-width:420px}
 body.arena-ui>.site-footer .site-footer-group h2{margin-bottom:10px}
 body.arena-ui>.site-footer .site-footer-group nav{grid-template-columns:1fr;gap:0}
 body.arena-ui>.site-footer .site-footer-group a{min-height:44px;font-size:14px}
 body.arena-ui>.site-footer .site-footer-bottom{flex-direction:column;align-items:stretch;gap:14px}
 body.arena-ui>.site-footer .footer-languages{order:-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}
 body.arena-ui>.site-footer .footer-languages>span{grid-column:1/-1;margin:0 0 6px}
 body.arena-ui>.site-footer .footer-languages button{min-width:0;min-height:44px}
 body.arena-ui>.site-footer .footer-feedback{width:auto;align-self:flex-start;min-height:44px}
 body.arena-ui .locale-switcher{position:fixed;top:7px;right:68px;bottom:auto;left:auto}
 body.arena-ui .locale-switcher>summary{min-height:44px}
 body.arena-ui .locale-switcher>form{top:calc(100% + 8px);right:0;bottom:auto;left:auto;width:min(300px,calc(100vw - 80px));min-width:0;max-height:calc(100dvh - 150px);overflow-y:auto}
 body.arena-ui>.site-footer{margin-bottom:calc(108px + env(safe-area-inset-bottom))}
 body.arena-ui .friend-chat{z-index:95}
}
@media(max-width:420px){
 body.arena-ui .achievement-grid{grid-template-columns:1fr}
 body.arena-ui .wallet-inventory-grid{grid-template-columns:1fr}
}
@media(min-width:701px) and (max-width:1100px){
 body.arena-ui>.site-footer .site-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 body.arena-ui>.site-footer .site-footer-brand{grid-column:1/-1}
}
/* Shared editorial discovery: readable links, not another card grid. */
body.arena-ui .arena-learn{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);padding-block:clamp(32px,4vw,56px)}
.arena-learn header{min-width:0}.arena-learn h2{margin:12px 0;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.arena-learn header p{max-width:45ch;color:var(--a8-muted);font-size:14px;line-height:1.7}
.arena-learn header>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--a8-brand-strong)}
.arena-learn-links{display:grid;align-content:start;min-width:0}
.arena-learn-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--a8-line);text-decoration:none;color:var(--a8-text)}
.arena-learn-links>a:first-child{border-top:1px solid var(--a8-line)}
.arena-learn-links strong{display:block;font-size:17px;line-height:1.4;font-weight:650}
.arena-learn-links small{display:block;max-width:66ch;margin-top:6px;color:var(--a8-muted);font-size:13px;line-height:1.6}
.arena-learn-links>a>span:last-child{flex:none;color:var(--a8-brand-strong);font-size:20px}
.arena-learn-links>a:hover strong{color:var(--a8-brand-strong)}
.arena-learn a:focus-visible{outline:2px solid var(--a8-brand-strong);outline-offset:5px}
.competition-game-library article>p{max-width:52ch;color:var(--a8-muted);line-height:1.7}
.competition-game-library .competition-guide-link{display:flex;align-items:center;min-height:44px;margin-top:12px;color:var(--a8-brand-strong)}
.arena-platform-intro{max-width:56ch;color:var(--a8-muted);font-size:14px;line-height:1.6}
@media(max-width:760px){body.arena-ui .arena-learn{grid-template-columns:1fr;gap:20px}.arena-learn-links>a{padding-block:17px}.arena-learn-links strong{font-size:16px}}
/* Keep consent readable on small screens; choices and consent semantics are unchanged. */
@media(max-width:700px){
 body.arena-ui:has(.competition-mobile-nav) .consent-banner:not([hidden]){bottom:calc(76px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;padding:12px 16px;gap:8px}
 body.arena-ui .consent-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
 body.arena-ui .consent-copy strong{font-size:12px}
 body.arena-ui .consent-copy p{flex:1 1 210px;font-size:11px;line-height:1.4;white-space:normal}
 body.arena-ui .consent-copy a{display:inline-flex;align-items:center;min-height:24px}
 body.arena-ui .consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body.arena-ui .consent-actions .button{min-width:0;min-height:44px;padding:8px;font-size:10px;white-space:normal;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){body.arena-ui *,body.arena-ui *:before,body.arena-ui *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}