/* ARENA V9.5 — gameplay visual craft. Pure presentation, zero game-rule changes.
   One premium system, four distinct worlds, tactile and legible by design. */
:root{--play-paper:#fffdfa;--play-ink:#273740;--play-shadow:0 30px 70px #24333c13,0 5px 14px #24333c0a}
.quiz-layout{--play-accent:#7c3b5d;--play-pale:#f9eef4;--play-deep:#4a2843;background:radial-gradient(circle at 5% 15%,#e8dbe8 0,transparent 38%),radial-gradient(circle at 94% 35%,#f4e7de 0,transparent 34%),#f6f3f2}
.football-game{--play-accent:#227461;--play-pale:#e8f2ec;--play-deep:#174d43;background:radial-gradient(circle at 12% 20%,#dbeae1 0,transparent 42%),radial-gradient(circle at 90% 38%,#e5f0eb 0,transparent 34%),#f3f6f3}
.logic-game{--play-accent:#367ab6;--play-pale:#e9f5fc;--play-deep:#1e547e;background:radial-gradient(circle at 6% 16%,#dbeaf6 0,transparent 40%),radial-gradient(circle at 85% 65%,#e5edf8 0,transparent 38%),#f4f8fb}
.duel-view{--play-accent:#9c6f41;--play-pale:#f8eee2;--play-deep:#63452b;background:radial-gradient(circle at 10% 25%,#f0e5d6 0,transparent 39%),radial-gradient(circle at 95% 62%,#e4eced 0,transparent 40%),#f6f1ec;color:var(--play-ink)}
.quiz-layout,.football-game,.logic-game,.duel-view{position:relative;isolation:isolate}
.quiz-layout:before,.football-game:before,.logic-game:before,.duel-view:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#55677505 1px,transparent 1px),linear-gradient(90deg,#55677505 1px,transparent 1px);background-size:78px 78px;pointer-events:none;z-index:-1}
.quiz-layout>.container,.football-game>.container,.logic-game>.container,.duel-view>.container{position:relative}
.quiz-layout .duel-top,.football-game .duel-top,.logic-game .duel-top,.duel-view .duel-top{margin:0 auto 22px;max-width:990px;min-height:46px}
.quiz-layout .duel-top .crumb,.football-game .duel-top .crumb,.logic-game .duel-top .crumb,.duel-view .duel-top .crumb{font-weight:800;font-size:11px;color:var(--play-deep);background:#ffffffc9;border:1px solid #ffffffd8;border-radius:99px;padding:11px 15px;box-shadow:0 5px 16px #3641500b;text-decoration:none;transition:background .18s,transform .18s}
.quiz-layout .duel-top .crumb:hover,.football-game .duel-top .crumb:hover,.logic-game .duel-top .crumb:hover,.duel-view .duel-top .crumb:hover{background:white;transform:translateY(-2px)}
.quiz-layout .small-pill,.football-game .small-pill,.logic-game .small-pill,.duel-view .small-pill{display:inline-flex;align-items:center;min-height:34px;color:var(--play-deep);background:var(--play-pale);border:1px solid color-mix(in srgb,var(--play-accent) 24%,white);box-shadow:0 4px 12px #38465a07;font-size:10px;padding:9px 14px;max-width:60%;line-height:1.25;text-align:right}
/* A real editorial question card with intentional whitespace and generous hit targets. */
.quiz-layout .quiz-main,.football-game .football-question,.logic-game .quiz-main{max-width:880px;width:min(880px,100%);margin:23px auto 0;padding:47px clamp(25px,5.2vw,68px) 38px;border:1px solid #ffffff;border-radius:27px;background:linear-gradient(145deg,#ffffff,#fcfdfdf2);box-shadow:var(--play-shadow);position:relative;overflow:hidden}
.quiz-layout .quiz-main:before,.football-game .football-question:before,.logic-game .quiz-main:before{content:'';position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--play-accent),color-mix(in srgb,var(--play-accent) 24%,#f8e3b9));opacity:.88}
.quiz-layout .quiz-topline,.football-game .quiz-topline,.logic-game .quiz-topline{margin:0 0 13px;display:flex;align-items:center;gap:15px;justify-content:space-between;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#777c85;text-transform:uppercase;line-height:1.4}
.quiz-layout .quiz-topline span:last-child,.football-game .quiz-topline span:last-child,.logic-game .quiz-topline span:last-child{color:var(--play-deep)}
.quiz-layout .progress-track,.football-game .progress-track,.logic-game .progress-track,.duel-view .progress-track{height:7px;border-radius:12px;background:#e8edef;overflow:hidden;box-shadow:inset 0 1px 2px #5362720c}
.quiz-layout .progress-track>div,.football-game .progress-track>div,.logic-game .progress-track>div,.duel-view .progress-track>div{height:100%;border-radius:12px;background:linear-gradient(90deg,var(--play-accent),color-mix(in srgb,var(--play-accent) 40%,#d9b885));position:relative}
.quiz-layout .quiz-topic,.football-game .eyebrow,.logic-game .quiz-main>.eyebrow{display:block;margin-top:36px;color:var(--play-accent);font-size:10px;letter-spacing:.17em;font-weight:900}
.quiz-layout .quiz-main h1,.football-game .football-question h1,.logic-game .quiz-main h1{color:#263640;font:700 clamp(25px,3.7vw,42px)/1.17 'Space Grotesk',sans-serif;letter-spacing:-.052em;margin:13px 0 29px;text-wrap:pretty}
.quiz-layout .quiz-options,.football-game .quiz-options,.logic-game .quiz-options{display:grid;gap:11px;margin:0 0 17px}
.quiz-layout .quiz-answer,.football-game .quiz-answer,.logic-game .quiz-answer{position:relative;display:flex;min-width:0;align-items:center;gap:16px;width:100%;min-height:70px;padding:15px 18px;border-radius:15px;background:linear-gradient(120deg,#f7f9f9,#f9fafb);color:#293a44;border:1px solid #e3e7e9;text-align:left;font-weight:700;box-shadow:0 2px 6px #2f394408;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.quiz-layout .quiz-answer:not(:disabled):hover,.football-game .quiz-answer:not(:disabled):hover,.logic-game .quiz-answer:not(:disabled):hover{transform:translateY(-2px);background:var(--play-pale);border-color:color-mix(in srgb,var(--play-accent) 53%,white);box-shadow:0 10px 21px #26333d14}
.quiz-layout .answer-letter,.football-game .answer-letter,.logic-game .answer-letter{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#fff;border:1px solid #d9e0e3;border-radius:11px;color:var(--play-accent);font:800 12px 'Space Grotesk',sans-serif;box-shadow:0 2px 5px #26383f09}
.quiz-layout .quiz-answer>span:nth-child(2),.football-game .quiz-answer>span:nth-child(2),.logic-game .quiz-answer>span:nth-child(2){font-size:14px;line-height:1.45;letter-spacing:-.006em;flex:1;overflow-wrap:anywhere}
.quiz-layout .quiz-answer.selected,.football-game .quiz-answer.selected,.logic-game .quiz-answer.selected{border-color:var(--play-accent)!important;background:var(--play-pale)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--play-accent) 13%,transparent)!important}
.quiz-layout .quiz-answer.right,.football-game .quiz-answer.right,.logic-game .quiz-answer.right{border-color:#43a382!important;background:#e3f4ec!important;color:#1c654e!important;opacity:1!important;box-shadow:0 0 0 1px #6db69a4a!important}
.quiz-layout .quiz-answer.right .answer-letter,.football-game .quiz-answer.right .answer-letter,.logic-game .quiz-answer.right .answer-letter{background:#298467;color:white;border-color:#298467}
.quiz-layout .quiz-answer.wrong,.football-game .quiz-answer.wrong,.logic-game .quiz-answer.wrong{border-color:#d88897!important;background:#fbe9ec!important;color:#914354!important;opacity:1!important}
.quiz-layout .quiz-answer.wrong .answer-letter,.football-game .quiz-answer.wrong .answer-letter,.logic-game .quiz-answer.wrong .answer-letter{background:#b65268;color:white;border-color:#b65268}
.quiz-layout .quiz-answer.dimmed,.football-game .quiz-answer.dimmed,.logic-game .quiz-answer.dimmed{opacity:.65}
.quiz-layout .answer-explainer,.football-game .answer-explainer,.logic-game .answer-explainer{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin:25px 0 0;padding:25px 28px;border-radius:17px;background:linear-gradient(125deg,#f7f9f3,#f3f7f6);border:1px solid #c9ddd0;color:#314d40;box-shadow:0 7px 17px #2c584814}
.quiz-layout .answer-explainer .eyebrow,.football-game .answer-explainer .eyebrow,.logic-game .answer-explainer .eyebrow{margin:0!important;color:#377a60!important;letter-spacing:.12em;font-size:10px}
.quiz-layout .answer-explainer h3,.football-game .answer-explainer h3,.logic-game .answer-explainer h3{margin:0;font:700 22px 'Space Grotesk',sans-serif;color:#274536}
.quiz-layout .answer-explainer p,.football-game .answer-explainer p,.logic-game .answer-explainer p{font-size:14px;line-height:1.75;color:#445a53;margin:0}
.quiz-layout .answer-explainer a,.football-game .answer-explainer a,.logic-game .answer-explainer a{font-size:12px;color:#3b745e;text-decoration:underline;overflow-wrap:anywhere}
.quiz-layout .answer-explainer .btn,.football-game .answer-explainer .btn,.logic-game .answer-explainer .btn{min-height:47px;border-radius:11px;padding:12px 21px;margin-top:13px}
.quiz-layout .v8-culture-tools{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}.quiz-layout .v8-culture-tools button{border-radius:11px;font-weight:700}
.football-game .hint-line{color:#287e63;font-weight:800;margin-bottom:15px}.football-game .football-hints{background:#f1f8f4;border:1px solid #d4e7da;padding:20px;border-radius:15px}.football-game .football-free-form{display:grid;gap:12px}.football-game .football-free-form label{color:#285e4b;font-size:12px;font-weight:800}.football-game .football-free-form input{min-height:59px;padding:14px 17px;background:#fbfefd;color:#1e3c32;border:1px solid #bed9cb;border-radius:12px;font-size:16px;outline-offset:3px}.football-game .football-free-form input:focus{border-color:#2b8162;box-shadow:0 0 0 4px #81c8a02e}.football-game .football-free-form button{min-height:51px;justify-self:start}
.logic-game .logic-visual-sequence{border-radius:18px;border:1px solid #cfe3f0;background:linear-gradient(145deg,#f0f8ff,#e7f2f8);padding:22px;box-shadow:inset 0 1px 5px #2860830b}
/* Music: album artwork drives the decision; polished cards support, never replace, it. */
.duel-view .game-header{margin:27px auto 28px}.duel-view .game-header .eyebrow{font-size:11px;letter-spacing:.18em;color:#a17b50}.duel-view .game-header h1{color:#26343a;font:700 clamp(36px,5.3vw,68px)/1.02 'Space Grotesk',sans-serif;margin:12px 0 10px}.duel-view .game-header p{color:#717981;font-size:13px}.duel-view .progress-label{font-size:11px;color:#6c737a;margin:25px 0 12px}
.duel-view .versus-grid{max-width:990px;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:0}.duel-view .versus-card,.duel-view .versus-card.side-two{min-height:430px;padding:27px 24px 22px;background:linear-gradient(153deg,#fffefe,#f8f5f1);border:1px solid #dfdad4;border-radius:24px;color:#2b3440;box-shadow:var(--play-shadow);transition:transform .22s,border-color .22s,box-shadow .22s}.duel-view .versus-card.side-two{background:linear-gradient(152deg,#fffcfb,#f6f1f1)}
.duel-view .versus-card:hover{transform:translateY(-6px);border-color:#b89564;box-shadow:0 28px 55px #33271c26}.duel-view .versus-cover{width:min(100%,255px);margin:0 auto 17px}.duel-view .versus-cover .artwork{width:100%;border-radius:13px;box-shadow:0 13px 35px #28343a38;aspect-ratio:1;object-fit:cover}.duel-view .versus-choice-label{color:#9b8165;font-size:10px}.duel-view .versus-card h2{color:#25313a;font:700 clamp(18px,2.35vw,27px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:9px 0 5px;max-width:100%;overflow-wrap:anywhere}.duel-view .versus-card p{font-size:12px;color:#7e858a;margin:0 0 22px}.duel-view .duel-pick,.duel-view .side-two .duel-pick{border:1px solid #ddc9aa;background:linear-gradient(135deg,#f0dfc3,#e7cfa8);color:#5a3d1c;border-radius:12px;min-height:49px;font-size:11px;box-shadow:0 5px 13px #46331c15}.duel-view .versus-card:hover .duel-pick{background:#d9b781;color:#302111}.duel-view .duel-votes{color:#97969a;font-size:10px}.duel-view .versus-or{height:58px;width:58px;display:grid;place-items:center;margin:auto 6px;background:linear-gradient(135deg,#f5ebdb,#dfcaad);border:1px solid #c7ab84;border-radius:50%;color:#6b502d;box-shadow:0 8px 22px #3c2c1c19;font:900 14px 'Space Grotesk',sans-serif}.duel-view .game-under{color:#69747a}.duel-view .game-under .text-link{color:#8b663a;font-weight:800}
/* Results are designed celebrations, not dark leftover panels. */
.result-page{--play-accent:#8d7450;color:#273740}.result-page .result-hero{background:radial-gradient(circle at 50% 5%,#fbf0dc,#fffdf9 57%);border:1px solid #e8dacc;border-radius:28px;box-shadow:var(--play-shadow);padding:65px clamp(24px,6vw,70px);color:#283840}.result-page .result-hero h1{color:#2d3540;font:700 clamp(32px,5.8vw,69px)/1.02 'Space Grotesk';letter-spacing:-.065em}.result-page .result-hero .eyebrow{color:#9c7952}.result-page .result-hero .big-score{color:#9a7049}.result-page .result-hero .big-score span{color:#99a1a6}.result-page .result-hero>p{color:#6f7a7e}.result-page .result-hero.theme-football{background:radial-gradient(circle at 50% 3%,#e0f0e5,#fffefa 62%);border-color:#cfe1d5}.result-page .theme-football .big-score{color:#278264}.result-page .result-hero.theme-logic{background:radial-gradient(circle at 50% 3%,#e5f3fc,#fffefa 62%);border-color:#d2e3f0}.result-page .theme-logic .big-score{color:#367ab6}.result-page .result-podium>div{background:#f4eee6;color:#6c5641;border:1px solid #e9dac9;border-radius:11px}
/* In-field XI, modes and choice controls: consistent finish across minigames. */
.football-xi-root .xi-pitch{border-radius:25px;border:7px solid #275b46;box-shadow:0 18px 50px #1b483842;background:repeating-linear-gradient(0deg,#22694f 0 12.5%,#1f5f49 12.5% 25%)}.football-xi-root .xi-slot{min-height:61px;border-radius:12px;box-shadow:0 7px 16px #09231c8c;transition:transform .2s,border-color .2s}.football-xi-root .xi-slot:hover{transform:translate(-50%,-53%);border-color:#e6ca86}.football-xi-root .xi-squad{border-radius:22px;background:#fbfdfc;border:1px solid #d4e4db;color:#243f32;box-shadow:var(--play-shadow)}.football-xi-root .xi-squad h2{color:#2a4b3d}.football-xi-root .xi-squad-head p{color:#617c6b}.football-xi-root .xi-player{border-radius:12px;background:#edf4ef;border:1px solid #d4e1d8;color:#263f34;min-height:59px}.football-xi-root .xi-player:hover{border-color:#4d9b70;background:#dcebe1}.football-xi-root .xi-hint{color:#557261}
/* Shared interaction polish and legibility. */
.quiz-layout button,.football-game button,.logic-game button,.duel-view button{touch-action:manipulation}.quiz-layout button:focus-visible,.football-game button:focus-visible,.logic-game button:focus-visible,.duel-view button:focus-visible{outline:3px solid #b69158;outline-offset:3px}.quiz-layout .btn-primary,.football-game .btn-primary,.logic-game .btn-primary{min-height:47px;padding:11px 21px;border-radius:11px;font-weight:800;box-shadow:0 7px 19px #223b4323!important}
@media(max-width:830px){.duel-view .versus-grid{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)}.duel-view .versus-card,.duel-view .versus-card.side-two{min-height:400px;padding:20px 15px}.duel-view .versus-cover{width:min(100%,210px)}.duel-view .versus-or{width:46px;height:46px}.quiz-layout .quiz-main,.football-game .football-question,.logic-game .quiz-main{padding:35px 28px}}
@media(max-width:620px){.quiz-layout,.football-game,.logic-game,.duel-view{padding-top:17px;padding-bottom:55px}.quiz-layout .duel-top,.football-game .duel-top,.logic-game .duel-top,.duel-view .duel-top{gap:8px;margin-bottom:12px}.quiz-layout .duel-top .crumb,.football-game .duel-top .crumb,.logic-game .duel-top .crumb,.duel-view .duel-top .crumb{font-size:10px;padding:9px 10px}.quiz-layout .small-pill,.football-game .small-pill,.logic-game .small-pill,.duel-view .small-pill{font-size:9px;max-width:52%}.quiz-layout .quiz-main,.football-game .football-question,.logic-game .quiz-main{margin:14px auto 0;padding:28px 18px 23px;border-radius:20px}.quiz-layout .quiz-main h1,.football-game .football-question h1,.logic-game .quiz-main h1{font-size:clamp(24px,6.5vw,31px);margin:12px 0 24px}.quiz-layout .quiz-topic,.football-game .eyebrow,.logic-game .quiz-main>.eyebrow{margin-top:28px}.quiz-layout .quiz-answer,.football-game .quiz-answer,.logic-game .quiz-answer{min-height:63px;padding:12px 11px;gap:11px;border-radius:12px}.quiz-layout .answer-letter,.football-game .answer-letter,.logic-game .answer-letter{width:34px;height:34px;flex-basis:34px;border-radius:9px}.quiz-layout .quiz-answer>span:nth-child(2),.football-game .quiz-answer>span:nth-child(2),.logic-game .quiz-answer>span:nth-child(2){font-size:12px}.quiz-layout .answer-explainer,.football-game .answer-explainer,.logic-game .answer-explainer{padding:20px 16px}.quiz-layout .answer-explainer p,.football-game .answer-explainer p,.logic-game .answer-explainer p{font-size:13px}.duel-view .game-header{margin:23px auto}.duel-view .game-header h1{font-size:39px}.duel-view .versus-grid{grid-template-columns:1fr 1fr;gap:9px}.duel-view .versus-or{grid-column:1/-1;grid-row:2;margin:-10px auto;z-index:3;width:38px;height:38px;font-size:11px}.duel-view .versus-card{grid-column:1;grid-row:1}.duel-view .versus-card.side-two{grid-column:2;grid-row:1}.duel-view .versus-card,.duel-view .versus-card.side-two{min-height:310px;padding:13px 9px 12px;border-radius:16px}.duel-view .versus-cover{width:100%;margin-bottom:13px}.duel-view .versus-card h2{font-size:clamp(15px,4vw,20px)}.duel-view .versus-card p{font-size:10px;margin-bottom:14px}.duel-view .duel-pick,.duel-view .side-two .duel-pick{min-height:49px;font-size:9px;gap:5px;padding:8px 5px;letter-spacing:0}.duel-view .duel-votes{font-size:8px}.duel-view .game-under{flex-wrap:wrap;justify-content:center;text-align:center}.result-page .result-hero{padding:43px 19px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.quiz-layout *,.football-game *,.logic-game *,.duel-view *{transition:none!important}}

/* Artist battles: collectible portrait cards and a podium worth reaching. */
.artist-battle-root,.artist-rank-root{color:#2c363b}.artist-battle-root .page-title,.artist-rank-root .page-title{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}
.artist-battle-root .artist-battle-body{padding:clamp(20px,3vw,35px);background:radial-gradient(circle at 50% 0,#fff8f4,#fffefd 65%);border:1px solid #eadbd9;box-shadow:var(--play-shadow);border-radius:25px;color:#2b3440}
.artist-battle-body .quiz-topline{color:#8a6b69}.artist-battle-body .progress-track{height:7px;background:#eadfe0}.artist-battle-body .progress-track>div{background:linear-gradient(90deg,#8a4264,#c99e74)}
.artist-battle-body h2{font:700 clamp(25px,3.5vw,41px) 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:#3f2c3b}
.artist-battle-body .artist-duel-cards{gap:12px}.artist-battle-body .artist-pick{border-radius:19px;background:linear-gradient(160deg,#553149,#292937);border:1px solid #715067;box-shadow:0 15px 32px #32243a25;transition:transform .2s,box-shadow .2s,border-color .2s}.artist-battle-body .artist-pick:hover{transform:translateY(-5px);border-color:#d8ba8c;box-shadow:0 22px 40px #32243a35}.artist-battle-body .artist-pick .artist-face{border:2px solid #ffffff25;border-radius:13px;box-shadow:0 9px 25px #15121b4d}.artist-battle-body .artist-pick strong{font-family:'Space Grotesk';letter-spacing:-.04em;color:#fff9f6}.artist-battle-body .artist-pick>span:last-child{color:#f2cea9}.artist-battle-body .artist-versus{background:#fff9f2;border:1px solid #e7d8ca;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font:900 14px 'Space Grotesk';color:#88674d;box-shadow:0 5px 16px #291d281a}.artist-battle-body .artist-table{border-color:#e7d9dd;color:#795f70}.artist-battle-body .artist-round p{color:#827783}
.artist-battle-root .artist-modes .format-card{min-height:205px;border-radius:19px;background:linear-gradient(145deg,#fffefa,#f4eaf0);border:1px solid #e4d9dd;color:#3b2f3c;box-shadow:0 10px 25px #3b2b3f11;transition:transform .2s,box-shadow .2s}.artist-battle-root .format-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #3b2b3f20;border-color:#b889a3}.artist-battle-root .format-card strong{color:#423145}.artist-battle-root .format-card small{color:#8e7a89}.artist-battle-root .format-go{color:#89566f}
.artist-battle-root .artist-person,.artist-rank-root .artist-person{background:#fffdfa;border:1px solid #e7dfe0;color:#3b3c40;border-radius:13px;box-shadow:0 5px 13px #3b2b3f0b}
.artist-battle-root .artist-podium{background:radial-gradient(circle at 50% 15%,#fbebd7,#fffaf5 65%);border:1px solid #ddc8ac;color:#41362e;box-shadow:var(--play-shadow);padding:52px 25px}.artist-battle-root .artist-podium h2{color:#7d553a;font-family:'Space Grotesk';letter-spacing:-.06em}.artist-battle-root .artist-podium .artist-face{border:4px solid #efcc9b;box-shadow:0 16px 35px #49341e33}
.artist-rank-root .artist-ranking-list{background:#fffdfb}.artist-rank-root .artist-rank-row{color:#303e45;background:#faf9f7;border:1px solid #e5e4e1}.artist-rank-root .artist-rank-row .artist-rank-position{color:#98617d}.artist-rank-root .artist-rank-row>span:nth-last-child(-n+2){color:#64737a}

/* Rap debates: a sequence of serious editorial face-offs, not a dense form. */
.debate-root{background:#f6f1ed;color:#2f353a}.debate-root .debate-hero{background:radial-gradient(circle at 80% 23%,#713e5c,#392736 60%,#292633);border-bottom:1px solid #ffffff2a}.debate-hero h1{font-family:'Space Grotesk';letter-spacing:-.075em;color:#fffaf6}.debate-hero h1 em{color:#e7c9a8}.debate-hero .eyebrow{color:#e9c8b1}.debate-hero p{color:#e2d6da}.debate-ticker{gap:12px;flex-wrap:wrap}.debate-ticker>div{padding:15px 22px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0c;backdrop-filter:blur(4px)}.debate-ticker b{color:#f3d2a7;font-family:'Space Grotesk',sans-serif}.debate-ticker span{color:#e2d0d9}
.debates-main .section-head h2{color:#2d3037}.debate-filters{background:#fffdfa;border:1px solid #e4dcd9;padding:13px;border-radius:15px;box-shadow:0 8px 22px #40323e0d}.debate-filters select{color:#433744;background:#f9f7f8;border:1px solid #ddd6dc;border-radius:10px;min-height:47px}.debate-filters .search-field{color:#5e5361}.debate-list-head{color:#857c85}
.debate-grid{gap:17px}.debate-card{min-height:285px;border-radius:20px;padding:26px;background:linear-gradient(145deg,#fffdfb,#f9f6f4);border:1px solid #e5d9dc;box-shadow:0 13px 29px #49374110;color:#2e3039;transition:transform .2s,box-shadow .2s}.debate-card:hover{transform:translateY(-2px);box-shadow:0 20px 39px #4937411b}.debate-card-top{color:#9e6580}.debate-card-top small{color:#a6a0a4}.debate-card h3{color:#39333e;font-family:'Space Grotesk';font-size:22px;letter-spacing:-.042em;margin:17px 0 21px}
.debate-choice{min-height:61px;background:#f5eef2;border:1px solid #e5d3df;border-radius:11px;color:#553e4e;transition:background .16s,border-color .16s,transform .16s}.debate-choice:hover{background:#efe1e9;border-color:#b77b98;transform:translateY(-2px)}.debate-choice.voted{background:#74465f;color:white;border-color:#83516c}.debate-choices>span{font-size:10px;color:#ae9aa6}.debate-card>p{color:#837780}.debate-disclaimer{color:#79727a}.debate-leaderboard .own-rank{background:#fffdfb;border:1px solid #e8dde2;border-radius:13px;margin:8px 0;color:#3a3b40}.debate-leaderboard .own-rank>strong{color:#a16b87}.debate-leaderboard .own-rank span{color:#747980}.debate-leaderboard .rank-bar{background:#efe5e9}

/* Mini-game entry points and the encapsulated heritage PSG portal. */
.logic-root .logic-tile{border-radius:20px;border:1px solid #d6e4ef;background:linear-gradient(145deg,#fafdff,#e5f1f8);color:#22445e;box-shadow:0 12px 27px #23465f14}.logic-root .logic-tile.tile-2{background:linear-gradient(145deg,#fdfaff,#eee8f7)}.logic-root .logic-tile.tile-3{background:linear-gradient(145deg,#f8fcff,#dcebf6)}.logic-root .logic-tile.tile-4{background:linear-gradient(145deg,#fffafc,#efe9f3)}.logic-root .logic-tile:hover{border-color:#7daecb;box-shadow:0 20px 39px #27476022}.logic-root .logic-index{color:#6c8496}.logic-root .logic-icon{color:#4782b1}.logic-root .logic-tile strong{color:#264a65;font-family:'Space Grotesk'}.logic-root .logic-tile>span:not(.logic-index):not(.logic-icon):not(.logic-cta){color:#6d8190}.logic-root .logic-cta{color:#2d78aa}
.psg-portal .psg-intro{padding:30px 0 25px}.psg-portal .psg-intro h1{color:#273d56;font-family:'Space Grotesk'}.psg-portal .psg-intro p{color:#60758a}.psg-portal .psg-legacy-note{color:#36506b;background:#e9eff5;border:1px solid #cbd8e5;border-radius:12px}.psg-portal .psg-frame-wrap{border:7px solid #e7ebed;border-radius:22px;box-shadow:0 25px 60px #182b4133;overflow:hidden}
@media(max-width:750px){.debate-grid{grid-template-columns:1fr}.debate-ticker{gap:7px}.debate-ticker>div{padding:13px 15px}.debate-ticker b{font-size:28px}.debate-card{padding:19px;min-height:250px}.artist-battle-root .artist-modes{grid-template-columns:1fr}.artist-battle-root .artist-battle-body{padding:17px}.artist-battle-body .artist-duel-cards{grid-template-columns:1fr 38px 1fr;gap:5px}.artist-battle-body .artist-versus{width:36px;height:36px;font-size:10px}.artist-battle-body .artist-pick{padding:11px 7px;border-radius:14px}.artist-battle-body .artist-pick .artist-face{height:clamp(130px,35vw,200px)}.artist-battle-body .artist-pick strong{font-size:16px}.artist-battle-body .artist-pick>span:last-child{font-size:9px}.debate-hero h1{font-size:clamp(42px,9vw,63px)}}