/*
 * ARENA V10 — unified dark editorial design system
 * LAST stylesheet: presentation only. No game logic, storage, media IDs or rules.
 * Core: obsidian / imperial gold. Each universe retains its own identity.
 */
:root{
 color-scheme:dark;
 --bg:#08090c;--surface:#11141b;--surface2:#191d27;--surface3:#242a36;
 --text:#f7f5f0;--muted:#b5bccb;--dim:#97a1b2;
 --line:rgba(221,229,240,.16);
 --accent:#d4af37;--gold:#e0bc64;--radius:20px;
 --arena-elevated:#181d26;--arena-glass:rgba(18,22,31,.87);
 --arena-stroke:rgba(222,225,232,.15);
 --arena-shadow:0 18px 55px rgba(0,0,0,.22);
 --arena-focus:#f8d57c;
}
html{scroll-padding-top:88px}
body{
 color:var(--text);
 background:radial-gradient(ellipse 900px 560px at 95% -220px,rgba(160,122,52,.12),transparent 72%),#08090c;
}
a,button,input,select,textarea{touch-action:manipulation}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font-family:var(--font)}
:where(button,a,input,textarea,select,[tabindex]):focus-visible{
 outline:3px solid var(--arena-focus)!important;
 outline-offset:3px;
}
::selection{background:#d4af37;color:#090a0d}
.container{width:min(1240px,calc(100% - 80px))}
.content-root{overflow:clip}
.section-stack{gap:clamp(46px,6.5vw,82px);padding-top:clamp(48px,6vw,78px);padding-bottom:clamp(70px,8vw,108px)}
.section-head{align-items:flex-end;gap:20px;margin-bottom:25px}
.section-head h2,.section-stack h2,.page-title,.profile-history h2,.account-box h2{
 color:var(--text);letter-spacing:-.055em;
}
.eyebrow{color:#dfbe77;letter-spacing:.13em;font-size:11px;font-weight:800}
.muted,.quiet,.fine-print,.section-intro{color:var(--muted)}
.fine-print{line-height:1.6;font-size:12px}
.text-link{color:#e8c27d}
.text-link:hover{color:#fff0b8}
a,button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .18s ease,transform .18s ease}
.btn{min-height:44px;border-radius:12px;padding:12px 19px;line-height:1.35;letter-spacing:0;font-size:13px;font-weight:800}
.btn-primary{
 color:#15120a!important;background:#ddb862!important;border:1px solid #efd18a!important;
 box-shadow:0 8px 20px rgba(195,146,55,.17)!important;
}
.btn-primary:hover:not(:disabled){background:#f0cc81!important;box-shadow:0 10px 25px rgba(195,146,55,.24)!important;transform:translateY(-2px)}
.btn-secondary,.btn-ghost,.btn-white{
 background:#222936;color:#f7f5f0;border:1px solid #586176;border-radius:12px;
 box-shadow:none;
}
.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-white:hover:not(:disabled){
 background:#30394a;border-color:#9babc4;color:#fff;
}
.btn:active:not(:disabled),button:active:not(:disabled){transform:translateY(0)}
button:disabled{opacity:.52}
input:not([type=checkbox]):not([type=radio]),select,textarea{
 border:1px solid #556073;background:#151b25;color:#f9fafb;border-radius:12px;
 min-height:45px;
}
input::placeholder,textarea::placeholder{color:#99a6b8;opacity:1}

/* Persistent navigation and feedback */
.site-header{
 background:rgba(10,12,17,.93);border-bottom:1px solid rgba(221,194,131,.19);
 box-shadow:0 14px 30px rgba(0,0,0,.17);backdrop-filter:blur(24px);
}
.arena-logo .symbol-a,.arena-logo .logo-name,.logo-name,.symbol-a{color:#f7f5f0}
.arena-logo .a-glow,.footer-logo span{color:#d4af37}
.top-nav-link{color:#b8bdca}
.top-nav-link:hover,.top-nav-link.active{color:#fff4de}
.top-nav-link.active:after{background:#d4af37}
.xp-pill{background:#28251c;border:1px solid rgba(236,194,106,.35);color:#f2d79e;box-shadow:none}
.xp-pill svg{color:#f0c46e}
.profile-control,.mobile-menu-btn{
 background:#191f2b;border:1px solid #424c5d;color:#e7ebf2;
}
.profile-control:hover,.mobile-menu-btn:hover{background:#2b3442;border-color:#d0b47b}
.mobile-nav{background:#121720;color:#f2f2f4;border:1px solid #354153;box-shadow:0 25px 50px #0008}
.mobile-nav a{color:#e6e9f1}
.site-footer{background:#0d1016;border-top:1px solid #3a3430;color:#f4eede}
.site-footer .footer-logo{color:#f9f5ec}
.footer-inner p,.footer-note{color:#a7adba}
.footer-links a{color:#c0c7d3}
.footer-links a:hover{color:#f1cc87}
#toast{border:1px solid rgba(238,200,120,.34);box-shadow:0 15px 35px #0007}

/* Home: visual focus on the four universes, no washed-out light theme. */
.home-hero{
 background:
 linear-gradient(90deg,rgba(8,9,13,.98) 0%,rgba(9,12,18,.92) 33%,rgba(11,15,22,.65) 58%,rgba(10,12,18,.4) 100%),
 url('/assets/arena-forum-v9.webp') center center/cover no-repeat;
 border-bottom:1px solid #343841;min-height:650px;
}
.home-hero:after{background:linear-gradient(transparent,#08090c)}
.home-hero:before{opacity:.25}
.hero-copy h1{
 color:#fffdf5;text-shadow:0 5px 30px rgba(0,0,0,.2);
 letter-spacing:-.075em;line-height:.98;
}
.hero-copy h1 em{color:#e6c478;text-shadow:none}
.hero-copy p{color:#d0d5de;max-width:515px;line-height:1.7}
.hero-bottom{color:#afb8c7;gap:15px}
.hero-flag{color:#f2d49b;background:#d0a7561a;border:1px solid #d5b67075}
.hero-showcase .orbit-chip{
 color:#f2e9d5;background:rgba(17,21,29,.87);border:1px solid #d5b6706c;
 box-shadow:0 10px 30px #0006;backdrop-filter:blur(10px);
}
.hero-showcase .chip-rap{color:#ffb4b7;border-color:#9b404e}
.hero-showcase .chip-foot{color:#b9d7ff;border-color:#4d77b0}
.hero-showcase .chip-culture{color:#eed0dd;border-color:#854663}
.hero-showcase .chip-logic{color:#b4e7fa;border-color:#457f99}
.worlds-section{padding-top:clamp(44px,5vw,68px)}
.world-grid{gap:20px}
.world-tile,.world-tile.world-wide{
 min-height:360px;border-radius:24px;border:1px solid rgba(230,234,245,.25);
 box-shadow:0 14px 40px rgba(0,0,0,.24);overflow:hidden;
}
.world-tile:hover{transform:translateY(-4px);border-color:#d4af3785;box-shadow:0 25px 55px #0008}
.world-tile .world-content{left:clamp(22px,3vw,38px);right:22px;bottom:clamp(22px,3vw,36px)}
.world-title{font-size:clamp(32px,3.4vw,49px);letter-spacing:-.065em;color:white}
.world-sub{color:#e4e7ee;line-height:1.5}
.world-open{background:#ffffff16;color:white!important;border-color:#ffffff73;border-radius:12px}
.world-tile.world-rap:after{background:linear-gradient(90deg,#220910f2,#641421bd 58%,#220e1466),linear-gradient(0deg,#0d0709c7,transparent)}
.world-tile.world-football:after{background:linear-gradient(90deg,#031b3bed,#0b3267ac 60%,#06264c65),linear-gradient(0deg,#031023c7,transparent)}
.world-tile.world-culture:after{background:linear-gradient(90deg,#2b0716f0,#641d34b2 58%,#34102075),linear-gradient(0deg,#190810c2,transparent)}
.world-tile.world-logic{background:linear-gradient(120deg,#10283d,#163e55 66%,#071827)}
.world-tile.world-logic:after{background:linear-gradient(90deg,#081625e8,#14506e85 70%,#14374a48)}
.quick-card,.resume-banner,.mission-card,.v8-long-quiz,.v8-bookmark-quiz,
.v8-football-formats,.v5-training,.feature-strip,.home-bottom .quick-card{
 background:linear-gradient(145deg,#171c26,#11161e);border:1px solid var(--arena-stroke);
 box-shadow:var(--arena-shadow);color:#f4f5f7;border-radius:21px;
}
.quick-card strong,.feature-strip h2,.feature-strip b,.home-bottom h2{color:#f5f2ed}
.quick-card small,.feature-cells span{color:#bdc5d1}

/* Keep the different worlds unmistakable without returning to bright white pages. */
.rap-root{--accent:#f56b73;--world:#e50914;color:#f4e9eb;background:#100c11}
.football-root{--accent:#e2b662;--world:#3a8dff;color:#edf4fe;background:#071328}
.culture-root{--accent:#e3b7c9;--world:#b75a80;color:#f7e9ee;background:#1a0d15}
.logic-root{--accent:#9fdffc;--world:#5dbfe7;color:#eaf5fc;background:#0a1a28}
.rap-root .eyebrow{color:#f7a5aa}
.football-root .eyebrow{color:#e1c07f}
.culture-root .eyebrow{color:#f2bccf}
.logic-root .eyebrow{color:#9dddf1}
.rap-root .section-head h2,.football-root .section-head h2,.culture-root .section-head h2,.logic-root .section-head h2{color:#fff9f2}
.rap-root .btn-primary,.theme-rap .btn-primary{background:#b9182c!important;border-color:#e74f5d!important;color:#fff!important}
.football-root .btn-primary,.football-game .btn-primary{background:#164d96!important;border-color:#3b86e1!important;color:#fff!important}
.culture-root .btn-primary,.quiz-layout .btn-primary{background:#742c4e!important;border-color:#b86188!important;color:#fff!important}
.logic-root .btn-primary,.logic-game .btn-primary{background:#16688c!important;border-color:#4daacb!important;color:#fff!important}
.universe-hero{min-height:465px;border-bottom:1px solid #ffffff21}
.universe-hero .container{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(50px,6vw,78px)}
.universe-hero h1{line-height:1.02;letter-spacing:-.07em}
.universe-hero p{color:#e4e7ed;line-height:1.65}
.universe-hero .crumb{color:#e3e6ed}
.universe-hero .eyebrow{color:#ffe0ad}
.rap-banner:after{background:linear-gradient(90deg,#200812f3,#5a1227bb 60%,transparent)}
.football-banner:after{background:linear-gradient(90deg,#03152cf2,#083d7cbe 58%,transparent)}
.culture-banner:after{background:linear-gradient(90deg,#290713f2,#5a1827bd 58%,transparent)}
.logic-banner{background:radial-gradient(ellipse at 80% 25%,#1b6182,#0d2b43 68%,#061625);color:#f5f9ff}
.logic-banner:after{background:linear-gradient(90deg,#071b2eea,#123b56aa 66%,transparent)}
.logic-banner h1,.logic-banner p,.logic-banner .crumb{color:#f3f8ff}
.logic-banner .eyebrow{color:#9addf6}
.logic-banner .logic-background{opacity:.42}
.rap-root .section-stack,.football-root .section-stack,.culture-root .section-stack,.logic-root .section-stack{
 gap:clamp(46px,5vw,74px);
}

/* Dense catalogue/list cards: legible content and consistent interaction. */
:is(.rap-root,.football-root,.culture-root,.logic-root)
 :is(.mode-card,.format-card,.domain-card,.logic-tile,.quick-card,.resume-banner,.mission-card,.v8-long-quiz,.v8-bookmark-quiz,.v8-football-formats,.v5-training){
 background:linear-gradient(145deg,#1a2230,#111721);
 color:#f6f5f3;border:1px solid #ffffff28;box-shadow:0 9px 24px #0003;
 border-radius:18px;
}
.rap-root :is(.mode-card,.format-card){background:linear-gradient(145deg,#2b1820,#160f17)}
.football-root :is(.mode-card,.format-card){background:linear-gradient(145deg,#172e4e,#101b2f)}
.culture-root :is(.domain-card,.format-card){background:linear-gradient(145deg,#351827,#20121d)}
.logic-root .logic-tile,
.logic-root .logic-tile.tile-2,
.logic-root .logic-tile.tile-3,
.logic-root .logic-tile.tile-4{background:linear-gradient(145deg,#16354c,#0c2233)}
:is(.rap-root,.football-root,.culture-root,.logic-root)
 :is(.mode-card,.format-card,.domain-card,.logic-tile):hover{
 border-color:var(--world,#d4af37);transform:translateY(-3px);
 box-shadow:0 19px 38px #0006;
}
:is(.rap-root,.football-root,.culture-root,.logic-root)
 :is(.mode-card,.format-card,.domain-card,.logic-tile) strong,
.logic-root .logic-tile strong{color:#fff8ee}
.logic-root .logic-tile :is(.logic-index,.logic-cta){color:#9edaf3}
.logic-root .logic-tile :is(.logic-icon,.logic-tile>span){color:#c5d9e8}
:is(.rap-root,.football-root,.culture-root,.logic-root) .muted{color:#c0c8d3}

/* Music Cups: distinct artist palettes, common premium interaction language. */
.theme-melo{--cup:#4c91fa;--cup-soft:#152b55}
.theme-ocho{--cup:#ebd6a4;--cup-soft:#33302a}
.theme-gragra{--cup:#ef4b53;--cup-soft:#3b121c}
.theme-dadj{--cup:#a1b7ec;--cup-soft:#142344}
.theme-ovni{--cup:#d78de8;--cup-soft:#432050}
.theme-jefe{--cup:#91c7a5;--cup-soft:#1d3e2e}
.theme-meugui{--cup:#e6c077;--cup-soft:#302b1c}
.cup-page{background:#110f14;color:#f7f3f1}
.cup-page .cup-hero{border-bottom:1px solid #ffffff28}
.cup-page :is(.format-card,.collection-card,.album-card,.resume-banner,.archive-card,.cup-stat-card){
 background:linear-gradient(150deg,var(--cup-soft,#211823),#12161e);
 color:#f4f2f5;border:1px solid #ffffff2e;border-radius:18px;
 box-shadow:0 9px 24px #0003;
}
.cup-page :is(.format-card,.collection-card,.album-card):hover{border-color:var(--cup,#d4af37);transform:translateY(-2px)}
.cup-page :is(.format-card,.collection-card,.album-card) strong,
.cup-page :is(.format-card,.collection-card,.album-card) h3{color:#fff9f1}
.cup-page .eyebrow,.cup-page .gold-text{color:var(--cup,#d4af37)!important}
.cup-page .btn-primary{background:var(--cup,#d4af37)!important;border-color:var(--cup,#d4af37)!important;color:#0b0d15!important}
.cup-page :is(.artwork,.cup-card-art){overflow:hidden}
.cup-page .artwork img,.world-image img{object-fit:cover}

/* Play: less visual noise, strong hierarchy, visible selected/wrong/right states. */
.quiz-layout{--play-accent:#d986a8;--play-deep:#edb6cd;--play-pale:#341c2b}
.football-game{--play-accent:#68a7ff;--play-deep:#adcfff;--play-pale:#152c4e}
.logic-game{--play-accent:#78cbea;--play-deep:#b1e5f3;--play-pale:#13394d}
.duel-view{--play-accent:var(--cup,#e2b875);--play-deep:var(--cup,#f1d29e);--play-pale:#30232f}
.quiz-layout,.football-game,.logic-game,.duel-view{
 --play-ink:#f5f5f7;
 color:#f7f4f2;
 background:radial-gradient(ellipse at 80% 6%,color-mix(in srgb,var(--play-accent) 13%,transparent),transparent 60%),#0b1018;
}
.duel-view{background:radial-gradient(ellipse at 80% 0%,#432633,#0c0f15 70%);}
.quiz-layout .quiz-main,.football-game .football-question,.logic-game .quiz-main{
 background:linear-gradient(155deg,#1c2432,#101721);
 border:1px solid #ffffff2a;box-shadow:0 18px 45px #0005;color:#f9f7f3;
 border-radius:24px;
}
.quiz-layout .quiz-main h1,.football-game .football-question h1,.logic-game .quiz-main h1{
 color:#fffaf2;letter-spacing:-.045em;line-height:1.12;
}
.quiz-layout .duel-top .crumb,.football-game .duel-top .crumb,.logic-game .duel-top .crumb,.duel-view .duel-top .crumb{
 color:#f4e9da;background:#1f2937;border:1px solid #455468;
}
.quiz-layout .small-pill,.football-game .small-pill,.logic-game .small-pill,.duel-view .small-pill{
 color:#ede8df;background:#263145;border-color:#465369;
}
.quiz-layout .quiz-answer,.football-game .quiz-answer,.logic-game .quiz-answer,
.quiz-answer{
 color:#f3f4f6;background:#242d3b;border:1px solid #4a5768;
 box-shadow:none;border-radius:15px;
}
.quiz-layout .quiz-answer:not(:disabled):hover,.football-game .quiz-answer:not(:disabled):hover,.logic-game .quiz-answer:not(:disabled):hover,
.quiz-answer:hover:not(:disabled){background:#313e51;border-color:var(--play-accent,#d4af37)}
.quiz-layout .answer-letter,.football-game .answer-letter,.logic-game .answer-letter{
 color:#e0e6ef;background:#151d2a;border-color:#536176;
}
.quiz-layout .quiz-answer.selected,.football-game .quiz-answer.selected,.logic-game .quiz-answer.selected{background:#2a4158;border-color:#8bc7ff}
.quiz-layout .quiz-answer.right,.football-game .quiz-answer.right,.logic-game .quiz-answer.right{color:#e8ffef;background:#164533;border-color:#57b585}
.quiz-layout .quiz-answer.wrong,.football-game .quiz-answer.wrong,.logic-game .quiz-answer.wrong{color:#ffe5e5;background:#50252f;border-color:#e06d77}
.quiz-layout .quiz-answer.dimmed,.football-game .quiz-answer.dimmed,.logic-game .quiz-answer.dimmed{color:#adb8c7;background:#171d27}
.quiz-layout .answer-explainer,.football-game .answer-explainer,.logic-game .answer-explainer,.answer-explainer{
 color:#f1f5ef;background:#1c352d;border:1px solid #547a65;border-radius:17px;
}
.quiz-layout .answer-explainer h3,.football-game .answer-explainer h3,.logic-game .answer-explainer h3{color:#f4fcf5}
.quiz-layout .answer-explainer p,.football-game .answer-explainer p,.logic-game .answer-explainer p,.answer-explainer p{color:#c9e0d2}
.progress-track{background:#354052}
.progress-track>div{background:var(--play-accent,var(--accent,#d4af37))}
.duel-view .versus-card,.duel-view .versus-card.side-two{
 background:linear-gradient(145deg,#292330,#171c26);border:1px solid #505064;color:#f6f0ed;
 box-shadow:0 18px 36px #0005;
}
.duel-view .versus-card:hover{border-color:var(--cup,#edc97a)}
.duel-view .versus-card h2{color:#fff9f4}
.duel-view .versus-card p,.duel-view .game-header p{color:#cbd1db}
.duel-view .game-header h1,.duel-view .game-header .eyebrow{color:#fff1dc}
.duel-view .game-under{color:#bac2cd}
.result-hero{background:linear-gradient(140deg,#1b2431,#121820);color:#f5f4f2;border:1px solid #4b556a}
.result-hero h1{color:#fff8ed}
.result-hero p{color:#c8d0dd}

/* Profiles, friends and verified competition: calm dashboards, no white cards. */
.profile-page,.social-page,.verified-root,.competition-root{color:#f2f3f7}
.profile-page .section-head h2,.social-page h2,.verified-root h2,.competition-root h2{color:#f8f5f0}
.account-box,.profile-hero,.profile-stat-grid>div,.profile-history,.profile-bottom>section,
.leaderboard-panel,.artist-ranking-list,.social-pane,.verified-pane{
 color:#f4f4f6;background:linear-gradient(145deg,#1b222e,#121820);
 border:1px solid #404a5c;box-shadow:var(--arena-shadow);border-radius:20px;
}
.profile-page .profile-name h2,.profile-page strong,.social-pane strong,.verified-pane strong{color:#f9f5ef}
.profile-page .profile-level b,.profile-stat-grid b{color:#e9c784}
.profile-progress .progress-row{border-color:#ffffff25}
.profile-progress .progress-row:hover{background:#ffffff0c}
.profile-page .progress-row strong{color:#f7f5f2}
.account-form input,.account-form select{background:#151e29;color:#f6f7f9;border:1px solid #627084}
.auth-tabs button{color:#bdc6d5}
.auth-tabs button.active{background:#2a3443;color:#fff5e4}
.connected-state{background:#19382d;color:#baf4d0;border:1px solid #386e55}
.signed-in .fine-print,.fine-print{color:#bac2ce}
.social-search input,.social-pane input:not([type=checkbox]){background:#182333;color:#f3f5f8;border-color:#53647c}
.social-results,.friend-list{color:#f4f6f9}
.social-error,.verified-error{color:#ffd0d2;background:#48242b;border-color:#a05b66}
.verified-root .verified-score strong{color:#e6c77e}
.verified-root .verified-choice{background:#202b3a;color:#f8f8f9;border:1px solid #526076;border-radius:15px}
.verified-root .verified-choice:hover{background:#2b4055;border-color:#9db8df}
.verified-root .verified-hero{background:linear-gradient(145deg,#131b29,#192a44);color:#f7f4eb}

/* Editorial pages: debate, learning and licensed media. */
.debate-root,.artist-battle-root,.artist-rank-root{background:#130e16;color:#f8f1f1}
.debates-main .section-head h2,.debate-hero h1{color:#fff8f2}
.debate-card,.debate-root .debate-card{
 background:linear-gradient(150deg,#261a27,#17131c);border:1px solid #564050;
 box-shadow:0 12px 28px #0004;color:#f6edf3;border-radius:20px;
}
.debate-card h3,.debate-card-top,.debate-card .debate-choice{color:#f9eef3}
.debate-choice{background:#3c2433;border:1px solid #745063}
.debate-choice:hover{background:#542d46;border-color:#c57fa7}
.debate-choice.voted{background:#77324f}
.debate-card>p,.debate-disclaimer{color:#c4b2bf}
.debate-filters{background:#231a24;border:1px solid #5b495a}
.debate-filters select{background:#1a1822;color:#f7f1f5;border-color:#665769}
.artist-battle-root .artist-modes,.artist-rank-root .artist-ranking-list{color:#f8f3f4}
.artist-rank-root .artist-rank-row{background:#271c29;border-color:#665464;color:#f8f1f3}
.media-hub .media-card{background:linear-gradient(180deg,#1e2936,#151c26);border:1px solid #4b5868;box-shadow:0 12px 24px #0004}
.media-hub .media-card-meta,.media-hub .media-card-meta strong{color:#f3f5f7}
.media-hub .media-status-pill{background:#2a3746;color:#d3dfeb;border-color:#596c7d}
.media-hub .media-totals>div,.media-verification-strip>div{background:#1b2933;border:1px solid #435865;box-shadow:none}
.media-hub .media-totals b,.media-verified-number{color:#e5cc91}
.media-hub .media-totals span,.media-verification-strip>div>span:last-child,.media-attribution{color:#c6d3dc}
.media-hub .media-tabs a{color:#dde7f3;background:#1a2531;border-color:#42566b}
.media-hub .media-tabs a.active{background:#29476e;border-color:#5287c4;color:white}
.media-hub .media-notice{background:#202a31;color:#f2e7d6;border-color:#76654c}
.media-hub .media-notice p{color:#cbd1d9}
.media-hub .media-attribution a{color:#c0dcff!important}

/* Geo atlas remains a deep cartographic chapter, with paper-toned inner maps. */
.geo-root{background:radial-gradient(ellipse at 85% 0%,#2b223d,#10131d 52%,#0a1019);color:#f4eff5}
.geo-topline{color:#bcb2c8}
.geo-topline a{color:#d8bdea}
.geo-root .geo-hero{box-shadow:0 28px 70px #0005;border:1px solid #ffffff29}
.geo-root .geo-page>.section-head h2{color:#f2ecf7}

/* Readability, accessibility and touch targets on phones. */
@media(max-width:1100px){
 .container{width:min(100% - 56px,1240px)}
 .world-grid{gap:14px}
}
@media(max-width:760px){
 .container{width:min(100% - 32px,680px)}
 .section-stack{gap:46px;padding-top:45px;padding-bottom:70px}
 .section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:18px}
 .section-head h2{font-size:clamp(28px,7vw,38px);line-height:1.12}
 .home-hero{
  min-height:600px;
  background-image:linear-gradient(180deg,#08090ceF 0%,#08090cdd 47%,#08090c93 78%,#08090cc9 100%),url('/assets/arena-forum-v9.webp');
  background-position:62% center;
 }
 .home-hero-grid{min-height:600px}
 .hero-copy{padding-top:52px}
 .hero-copy h1{font-size:clamp(45px,11vw,74px);line-height:1.01}
 .hero-copy p{font-size:14px;max-width:440px}
 .hero-bottom{margin-top:24px;gap:8px 15px}
 .hero-showcase{min-height:150px;height:200px}
 .world-grid{grid-template-columns:1fr}
 .world-tile,.world-tile.world-wide{min-height:330px}
 .world-tile .world-content{left:23px;right:18px;bottom:24px;max-width:90%}
 .world-title{font-size:clamp(31px,8.5vw,44px)}
 .universe-hero{min-height:370px}
 .universe-hero .container{padding-top:45px;padding-bottom:50px}
 .universe-hero h1{font-size:clamp(42px,11vw,67px)}
 .btn{min-height:46px;padding:12px 16px;white-space:normal}
 .hero-ctas{gap:9px}
 .profile-stat-grid>div{padding:16px}
 .quiz-layout .quiz-main,.football-game .football-question,.logic-game .quiz-main{padding:clamp(16px,4vw,27px)}
 .duel-view .versus-card{min-width:0}
 .media-hub .media-grid{gap:11px}
}
@media(max-width:420px){
 .container{width:calc(100% - 28px)}
 .home-hero{min-height:630px}
 .hero-copy h1{font-size:clamp(40px,10.6vw,53px)}
 .hero-showcase .orbit-chip{font-size:9px;padding:8px 9px}
 .world-tile,.world-tile.world-wide{min-height:305px;border-radius:19px}
 .section-stack{gap:41px}
 .hero-ctas .btn{justify-content:center}
 .profile-page .export-actions{gap:8px}
 .profile-page .export-actions .btn{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}