body{background:#fcfaf8;color:#52351e}
p{color:#86605c}
.prototype{background:#f8efe8;color:#86605c}
nav a:hover,.text-link:hover{color:#c73e30}
.button{background:radial-gradient(ellipse at 35% 8%,#e17a6f 0%,#d64c3f 40%,#c63d2f 100%);box-shadow:inset 0 1.5px 2px #ffffffa0,inset 0 -2px 3px #b378722a;color:#ffffff}
.button.secondary{background:linear-gradient(180deg,#fbf6f2,#f8ebe0);color:#52351e}
.eyebrow{color:#955e58}
.hero{background:linear-gradient(110deg,#fbf3ec,#faefe6)}
.hero em{color:#c7483c}
.hero-proof{color:#876561}
.hero-chip{background:radial-gradient(ellipse at 32% 0%,#fefcfb,#fbf4ee 58%,#f9ece1);box-shadow:inset 0 1.5px 2px #ffffff,inset 0 -2px 3px #cb9c9845}
.hero-chip img{background:#f7e5d7}
.hero-chip small{color:#93706d}
.quiet{color:#94726e}
.game-card{background:#ffffff;border:1px solid #f3eae3}
.game-art{background:radial-gradient(ellipse at 50% 20%,#f9ede4,#eac6a9)}
.tarot .game-art,.tarot.detail-art{background:radial-gradient(ellipse at top,#fbf3ed,#e8d3c2)}
.spades .game-art,.spades.detail-art{background:radial-gradient(ellipse at top,#fbf2eb,#dfcdbe)}
.euchre .game-art,.euchre.detail-art{background:radial-gradient(ellipse at top,#f5eee8,#cfbcad)}
.game-meta{color:#957572}
.demo-label{color:#957572}
.ranking{background:linear-gradient(180deg,#faf6f2,#f9ece2);box-shadow:inset 0 1.5px 2px #ffffff,inset 0 -2px 3px #cb9c9845}
.ranking-filters label{color:#916a66}
.ranking-filters select{border:1px solid #eadbce;background:#ffffff;color:#52351e}
.tabs{background:#efe1d6}
.tabs button{color:#86605c}
.tabs button.active{background:radial-gradient(ellipse at 35% 8%,#e17a6f,#d64c3f 40%,#c63d2f);box-shadow:inset 0 1px 1px #ffffff88}
.rank-heading{color:#a07e7b}
.rank-row{background:radial-gradient(ellipse at 32% 0%,#fefcfb,#fbf4ee 58%,#f9ece1);box-shadow:inset 0 1px 2px #ffffff;color:#52351e}
.rank-row img{background:#efe0d4}
.player small{color:#987e7b}
.score small{color:#957774}
.rank-note{color:#9a7a76}
.learn-banner{background:#f9f1eb}
.mobile-banner{background:radial-gradient(ellipse at 65% 10%,#d9594c,#d1473a 44%,#c94538)}
.mobile-banner .eyebrow{color:#f4dfce}
.mobile-banner p{color:#f8e9dd}
.phone{background:linear-gradient(160deg,#faefe6,#ecd0b9);border:7px solid #fcf8f5;box-shadow:0 4px 20px #842a2244}
.phone-top{background:#e1d0c2}
.phone-avatar{background:#faf1e9}
.phone-title{color:#52351e}
footer{border-top:1px solid #f1eae4;color:#997e7b}
.explainer-grid article{background:#fbf4ee}
.guide-card{background:#fbf3ec}
.breadcrumb{color:#957572}
.detail-art{background:#f5e1d1}
.download-panel{background:#f8ede4}
.step{color:#c85045}
.article-layout aside{background:#faf1e9}
dialog{background:#faf6f2;color:#52351e;box-shadow:0 20px 70px #52351e50}
dialog::backdrop{background:#52351e70}
.close{color:#86605c}
#profile-content>img{background:#f4e2d4}
.competition-header{background:#c9473a}
.satin-competition .satin-section-banner p{color:#faf0e7}
.competition-tabs{background:#b03b30}
.competition-tabs button[aria-pressed=true]{color:#ffffff}
.satin-competition :is(.text-gray-400,.text-gray-500,.text-gray-600){color:#8b625e}
.competition-ranking-row:not(.league-player-row)>div:nth-child(2){background:#f0d1b8;border-color:#e0766b!important}
.competition-ranking-row:not(.league-player-row)>div:last-child>div{background:#f9ece1!important}
.satin-competition .competition-season-row:not(.league-player-row)>div:last-child>div:last-child{background:#f9ece1!important}
.satin-competition .competition-season-row .rounded-full{border-color:#e0766b!important;background:#f0d1b8}
.satin-competition .competition-countdown{background:#faf1ea!important}
.competition-reward-prizes>span{background:#f9ece2}
.league-personal-standing{color:#fbf2eb}
.league-screen .competition-tabs{background:#9c3126}
.league-player-row .league-place{color:#8c6561}
.league-player-row .place-2{background:linear-gradient(#fbf7f3,#dbc4b1);color:#7f5855}
.league-player-row .league-portrait{border:2px solid #e3867d}
.league-points{background:#f5eae1}
.league-player-row.is-self .league-points{color:#ffffff}
.league-zone-divider{background:#fbf2ea}
.league-player-row .league-place:is(.place-1,.place-2,.place-3){color:#ffffff;box-shadow:inset 0 1px 1px #ffffff, inset 0 -2px 2px var(--medal-edge)}
.league-player-row .place-2{--medal-light:#fbf6f2;--medal-face:#dac5b3;--medal-edge:#92706c}
.league-player-row .place-other{color:#ffffff;-webkit-text-stroke:1.3px #704641}
.league-title-lockup .league-personal-standing{background:#a5342966}
.league-player-row .place-2{--rank-ink:#734c48}
.league-player-row .place-other{color:#a74035}
.competition-info th{background:#f8ebe0}
.competition-info td{border-bottom:1px solid #eedfd3}
.competition-info tbody tr:nth-child(even){background:#fbf4ee}
.league-integrated-hero{background:#fbf8f5}
.league-integrated-hero::before{color:#ba4e43}
.league-integrated-hero>.league-season-clock strong,.hero-event-clock strong{color:#88615e}
.league-integrated-hero>.league-season-clock svg,.hero-event-clock svg{color:#88615e}
.league-integrated-hero .league-hero-info{background:#ffffff;color:#c74538;box-shadow:inset 0 -2px 0 #faeee5}
.competition-hero-stats{background:#faeee5}
.competition-hero-stats small{color:#88615e}
.tournament-hero-identity span{color:#88615e}
.competition-info-backdrop{background:#2a1b0eb3}
.competition-illustrated-hero{background:#cc4032}
.competition-illustrated-hero .league-integrated-hero>.league-season-clock,.league-screen.is-embedded .competition-illustrated-hero .league-integrated-hero>.league-season-clock,.competition-illustrated-hero .hero-event-clock{background:#fbf8f5}
.competition-illustrated-hero .league-hero-content{background:#fbf8f5}
.league-zone-divider[data-zone="safe"]{color:#ffffff}
.league-zone-divider[data-zone="relegation"]{color:#ffffff}
.league-zone-divider[data-zone="promotion"]{color:#ffffff}

:root{--classic-ink:#52351e;--classic-muted:#86605c;--classic-blue:radial-gradient(ellipse at 35% 8%,#e17a6f 0%,#d64c3f 40%,#c63d2f 100%);--classic-inner:inset 0 1.5px 2px #ffffffa0,inset 0 -2px 3px #b378722a;--satin-shell:radial-gradient(ellipse at 45% 6%,#d9584b 0%,#d1473a 44%,#c94538 100%);--satin-surface:radial-gradient(ellipse at 32% 0%,#fefcfb 0%,#fbf4ee 58%,#f9ece1 100%)}
.video-feature{background:#4a311c}
.video-feature video{background:#412a17}
.rank-stage>div{background:linear-gradient(transparent,#b2372bb8);color:#ffffff}
.rank-stage p{color:#faeee5}
.portal-rank-controls label{color:#f7e8dc}
.portal-rank-controls select{color:#52351e;background:#faf5f1}
.refresh-rank{color:#ffffff}
.rank-live{color:#f8ebe0}
.rank-loading{color:#ffffff}
.portal-rank-note{color:#f8e9dc}
.rank-pagination button{color:#52351e}
.ranking-all{color:#ffffff}
.real-profile .social-avatar{border:3px solid #e3867d}
.profile-stats>div{background:#f9ece2}
.profile-stats span{color:#86605c}
.game-showcase{background:#faf1e9}
.showcase-media{background:#49301c}
.screenshot-dialog{background:#52351e}
.screenshot-dialog .close{color:#ffffff}
.store-button{background:#52351e}
.play-sidebar small{color:#94716d}
.fullscreen-button{background:#faeee5;color:#52351e}
.game-frame{box-shadow:inset 0 1px 2px #ffffff88}
.launch-cover{background:radial-gradient(ellipse at top,#d9594c,#a93428);color:#ffffff}
.launch-cover p{color:#f7e6d8}
.play-status{color:#94716d}
.portal-game-nav{border-top:1px solid #f2e9e1;border-bottom:1px solid #f2e9e1}
.portal-game-nav a[aria-current]{background:#f9ece2;color:#ac362a}
.icon-hero{background:#faefe6}
.icon-hero-copy{background:linear-gradient(90deg,#faefe6 85%,#faefe600)}
.icon-wall{background:radial-gradient(ellipse at center,#ebc2a1,#bb4f44)}
.orbit-tile{box-shadow:0 3px 0 #8c2c2240}
.motion-toggle{border:1px solid #ffffff88;background:#52351ecc}
.page-sections{border-block:1px solid #f2e9e1}
.review-lead{color:#552925}
.review-facts span{background:#f6ede5}
.review-video{background:#412a17}
.card-reference{background:#f8f0e9}
.rule-card img{filter:drop-shadow(0 2px 2px #52351e22)}
.rule-card figcaption span{color:#86605c}
.download-panel{background:#faeee5}
@media(max-width:700px){.icon-hero-copy{background:#faefe6}}
header nav a{background:#f8efe8}
.portal-game-nav a{background:#f8efe8}
.game-art{background:radial-gradient(ellipse at 50% 0%,#227459,#352111)}
.game-art>img{filter:drop-shadow(0 3px 3px #00000055)}
.game-art .theme-card{filter:drop-shadow(0 2px 3px #00000066)}
.tarot .game-art{background:radial-gradient(ellipse at top,#9d7672,#3e3126)}
.belot .game-art{background:radial-gradient(ellipse at top,#8b6460,#422f20)}
.spades .game-art{background:radial-gradient(ellipse at top,#8e504a,#47301d)}
.euchre .game-art{background:radial-gradient(ellipse at top,#834b45,#3f2b1b)}
.world-footer{background:#170e06;color:#ffffff}
.footer-universe{background:radial-gradient(ellipse at 50% 95%,#6a1e16 0%,#170e06 65%)}
.footer-universe:before{background-image:radial-gradient(#f2d8c2 1px,transparent 1px),radial-gradient(#ca847d 1px,transparent 1px)}
.footer-heading .eyebrow{color:#edc8a9}
.footer-heading p{color:#f2e2d4}
.world-footer .footer-directory{background:#170e06}
.footer-brand p{color:#e2d1c3}
.footer-directory a{color:#e2d1c3}
.footer-directory a:hover{color:#ffffff}
.world-footer .footer-bottom{color:#e2d1c3}
.belote .game-art{background:#422f20 url("/assets/themes/theme-1.jpg") center top / cover no-repeat}
.tarot .game-art{background:#422f20 url("/assets/themes/theme-2.jpg") center top / cover no-repeat}
.mus .game-art{background:#422f20 url("/assets/themes/theme-3.jpg") center top / cover no-repeat}
.belot .game-art{background:#422f20 url("/assets/themes/theme-4.jpg") center top / cover no-repeat}
.spades .game-art{background:#422f20 url("/assets/themes/theme-5.jpg") center top / cover no-repeat}
.hearts .game-art{background:#422f20 url("/assets/themes/theme-6.jpg") center top / cover no-repeat}
.euchre .game-art{background:#422f20 url("/assets/themes/theme-7.jpg") center top / cover no-repeat}
.skat .game-art{background:#422f20 url("/assets/themes/theme-8.jpg") center top / cover no-repeat}
.review-layout{background:#2b1c0f;border:1px solid #532e2b}
.review-text{color:#ffffff}
.review-app span{color:#e2c9b4}
.review-layout .review-lead{color:#fbf8f5}
.review-layout .review-text>p:not(.review-lead){color:#dbccc0}
.review-layout .review-facts span{background:#493422;color:#f9ece1}
.review-layout .review-video{background:#1a1109}
.carousel-controls button{background:#f7ede4;color:#52351e}
.review-gallery .screenshot-button img{background:#f5eee8}
.review-layout{background:#221d19}
.review-layout .review-video{background:#221d19}
.review-layout:after{background:linear-gradient(90deg,#221d19 9%,#221d19f2 28%,#221d1966 63%,#221d1922),linear-gradient(0deg,#221d19 0%,transparent 35%)}
.preview-toggle{background:#18130edd}
@media(max-width:700px){.review-layout:after{background:linear-gradient(0deg,#221d19 8%,#221d19dd 36%,#221d1920 100%),linear-gradient(90deg,#221d1988,transparent)}}
.review-gallery .carousel-controls button{color:#522824}
.portal-select-label{color:#f7e8dc}
.portal-select-trigger{background:linear-gradient(180deg,#fdfaf8,#f9ece2);color:#562521;box-shadow:inset 0 2px 1px #ffffff99}
.portal-select-trigger[aria-expanded=true]{border-color:#e8b890;box-shadow:0 0 0 3px #ecc6a766}
.portal-select-menu{border:1px solid #e9d2bf;background:#fbf6f2;box-shadow:0 10px 24px #452a1335}
.portal-select-menu [role=option]{color:#582924}
.portal-select-menu [role=option]:hover,.portal-select-menu [role=option]:focus{background:#f8eade}
.portal-select-menu [aria-selected=true]{background:linear-gradient(135deg,#d85447,#c53d30)}
.portal-select-menu [aria-selected=true]:focus,.portal-select-menu [aria-selected=true]:hover{background:#c13c2f}
.review-actions .secondary{color:#ffffff}
.review-gallery .carousel-controls button{background:#fcf9f7eb;box-shadow:0 2px 9px #3e261333}
[data-live-game][data-status=unavailable]{color:#896e6b}
[data-live-game][data-status=unavailable] .live-dot{background:#a08987}
.download-app-icon{box-shadow:0 4px 14px #4d341f22}
.store-button small{color:#f8eadf}
.community-arena{box-shadow:var(--classic-inner),0 7px 0 #a5372d;color:#ffffff}
.community-arena-heading>img{filter:drop-shadow(0 5px 0 #9a302555)}
.community-arena-heading h3{color:#ffffff}
.community-arena-heading p{color:#f8e9dc}
.community-switch{background:#aa3529;box-shadow:inset 0 3px 5px #6f231c30}
.community-switch button{box-shadow:var(--classic-inner),0 4px 0 #822820}
.community-switch button[aria-pressed=true]{color:#ffffff}
.community-stage{background:radial-gradient(ellipse at 50% 100%,#e4877e70,transparent 65%)}
.champion{color:#ffffff}
.champion-rank{box-shadow:inset 0 2px 2px #ffffff,0 4px 0 #bc7f1d}
.champion-2 .champion-rank{background:linear-gradient(#fbf7f3,#dac4b2);border-color:#faf0e8;color:#815e5a;box-shadow:inset 0 2px 2px #ffffff,0 4px 0 #9d7b77}
.champion-3 .champion-rank{box-shadow:inset 0 2px 2px #ffffff,0 4px 0 #b97842}
.community-content .social-avatar{border:3px solid #e8b891;box-shadow:var(--classic-inner),0 4px 0 #932e24}
.community-game-icon{box-shadow:0 4px 0 #932e24}
.champion-name{text-shadow:0 2px 0 #9b392f}
.champion-game{color:#f8ebe0}
.champion-base{background:linear-gradient(#fcfaf8,#dfc8b5);color:#653833;box-shadow:inset 0 3px 2px #ffffff,inset 0 -9px 0 #ae7a7455;border:3px solid #f8e9dc}
.champion-1 .champion-base{box-shadow:inset 0 3px 2px #ffffff,inset 0 -9px 0 #d3982555}
.champion-3 .champion-base{box-shadow:inset 0 3px 2px #ffffff,inset 0 -9px 0 #b7713655}
.community-lobby{box-shadow:var(--classic-inner),0 7px 0 #a5372d}
.community-lobby-heading{color:#ffffff}
.community-lobby-heading h3{color:#ffffff}
.community-lobby-heading p{color:#f8ebe0}
.community-player{box-shadow:var(--classic-inner),0 5px 0 #9a3329}
.community-player .social-avatar,.community-player .community-game-icon{box-shadow:var(--classic-inner),0 3px 0 #dec9b7}
.community-player-copy>span{color:#875a55}
.community-player-copy>small{color:#9e7470}
.community-footnote{color:#977774}
.community-chart{box-shadow:var(--classic-inner),0 6px 0 #e6d1bf;border:2px solid #f8e9dd}
.community-chart-heading p{color:#906864}
.community-chart-heading>span{color:#98736f}
.chart-legend button{background:#ffffff;color:#552722}
.chart-legend button[aria-pressed=true]{background:#f8ebe0;outline:3px solid #ffffff}
.chart-legend small{color:#977773}
.chart-values summary{color:#875954}
.chart-values th,.chart-values td{border-bottom:2px solid #efe4db}
.community-performance-grid .chart-legend button{color:#ffffff}
.community-performance-grid .chart-legend button[aria-pressed=true]{outline:3px solid #523823}
.community-performance-grid .chart-legend b{color:#ffffff}
.community-performance-grid .community-chart{box-shadow:0 3px 0 #e9ded5}
.community-performance-grid .community-stage{background:#ffffff}
.community-performance-grid .champion-name{color:#523823}
.community-performance-grid .champion-game{color:#987471}
.community-performance-grid .champion-base>.champion-rank{background:#faf1ea;color:#784a46;box-shadow:0 2px 0 #c9b19d}
.community-performance-grid .community-chart{background:#ffffff}
.community-performance-grid .chart-canvas{background:linear-gradient(145deg,#faf6f2,#f7eee7)}
main #jeux .game-grid>.game-card{background:#ffffff}
.language-bar{background:#fbf3ec;border-bottom:1px solid #ebddd2;color:#744945}
.language-bar strong{color:#572621}
.language-picker a:hover{background:#ffffff}
.language-dropdown .language-picker{background:#ffffff;box-shadow:0 12px 30px #57262125}
.language-dropdown .language-picker a{color:#523823}
.language-dropdown .language-picker a[aria-current=page]{background:#fbf3ec}
.language-dropdown .language-picker a:hover{background:#fbf7f3}
header .portal-nav-icon{filter:drop-shadow(0 2px 1px #6e302a15)}
header #main-navigation>a+a:before{background:#dbccc0}
header #main-navigation>a:hover{background:#faf2ec}
header #main-navigation>a[aria-current]{background:linear-gradient(135deg,#df7368,#cb483b 60%,#b53a2d);box-shadow:inset 0 1px 1px #ffffff80,0 3px 0 #9c352a}
@media(max-width:700px){header>.main-menu-toggle{background:linear-gradient(140deg,#fbf6f2,#f9ece2);color:#5d2924}
header #main-navigation{background:#fdfbf9;border:1px solid #f0e5dc;box-shadow:0 14px 30px #55292525}
header #main-navigation>a+a{border-top:1px solid #f0e6dd}}
header #main-navigation>a[aria-current]{background:#faf2ec;color:#523823}

.tournament-board{background:#fbf6f2;box-shadow:inset 0 2px 2px white,0 6px 0 #e7d8cb;border:2px solid #f8eade}
.tournament-heading{background:linear-gradient(135deg,#d85447,#b73a2e)}
.tournament-meta details>div{box-shadow:0 10px 25px #50372230}
.tournament-meta button{background:#fbf3ec;color:#503722}
.tournament-board th{color:#906864}
.tournament-empty{color:#906864}
.review-layout .review-video>img.arena-preview-still{width:100%;height:100%;object-fit:cover;object-position:center 65%}.arena-preview-label{position:absolute;bottom:12px;left:16px;color:white;text-shadow:0 2px 6px #000}.arena-preview-note{position:fixed;bottom:10px;left:12px;z-index:10000;background:#fff0ce;color:#603b24;border:1px solid #a8753e;border-radius:12px;padding:7px 12px;font:700 11px system-ui;box-shadow:0 2px 10px #0002}
.button.green{background:linear-gradient(#ec4737,#b92920);color:#fff8e9;box-shadow:inset 0 2px 0 #ffd29077}.hero-copy h1 em{color:#a92e20}
.tournament-heading{background:linear-gradient(90deg,#581119bb,#58111933),url(/assets/ranking-headers/cardsarena-tournaments-satin-v3.png) center 42%/cover;text-shadow:0 2px 5px #420f0f}.tournament-heading h2{color:#fff8e9}
/* Cream table surfaces with warm, restrained accents. */
.portal-ranking.satin-competition{background:#faf3e4;color:#523e2d;box-shadow:inset 0 0 0 1px #ded0bd,0 4px 0 #dfd2c0}
.portal-ranking .rank-stage>div{background:linear-gradient(transparent 42%,#003e3bc9)}
.portal-ranking .rank-stage>img{filter:none}
.portal-ranking .portal-select-label,.portal-ranking .portal-rank-controls label{color:#68513c}
.portal-ranking .rank-live,.portal-ranking .portal-rank-note{color:#78634f}
.portal-ranking .portal-select-trigger{background:#fffaf0;color:#523e2d;border-color:#dfcfb5}
.portal-ranking .refresh-rank{background:#fffaf0;color:#795739;border-color:#d8c4a9}
.portal-ranking .competition-tabs button{background:#fffaf0;color:#68513c;border-color:#dfcfb5}
.portal-ranking .competition-tabs button[aria-pressed=true]{background:linear-gradient(#dbc18f,#c6a56d);color:#483621;box-shadow:none}
.portal-ranking .competition-empty{background:#fffcf7;color:#57432f}
.portal-ranking .rank-pagination button,.portal-ranking .ranking-all{background:#fffaf0;color:#68513c}
/* The selected menu item uses only the pale hover surface. */
header #main-navigation>a[aria-current],header #main-navigation>a:hover{background:#eee0c4;color:#543d29;box-shadow:none;border-bottom:0}
header .arena-nav-icon>img{display:block;width:100%;height:100%;object-fit:contain}
.tournament-heading{background:linear-gradient(90deg,#004e4b99,#004e4b22),url(/assets/ranking-headers/cardsarena-tournaments-satin-v3.png) center 42%/cover}

/* Keep the footer below the first viewport while dynamic sections mount. */
main.portal-content { min-height: 100vh; min-height: 100svh; }
[data-ranking-root]:not([hidden]) { min-height: 480px; }
[data-community-root] { min-height: 320px; }
#tournaments-root { min-height: 700px; }

.play-tools>a { background:#f8eee5; padding:12px 18px; border-radius:14px; }
.play-tools>a:hover { background:#f0e0cf; }

.review-layout .review-text .button:not(.green) { background:#795032; color:#fff5df; border-color:#a87b4e; }
.review-layout>.arena-game-character { position:absolute; z-index:2; right:3%; bottom:-9%; width:44%; height:94%; object-fit:contain; object-position:bottom; pointer-events:none; }
@media(prefers-reduced-motion:no-preference) {
 .review-layout.character-pending>.arena-game-character { opacity:0; transform:translateX(110%); }
 .review-layout.character-visible>.arena-game-character { animation:arena-character-enter .85s cubic-bezier(.22,1,.36,1) both; }
 @keyframes arena-character-enter { from { opacity:0; transform:translateX(110%); } to { opacity:1; transform:translateX(0); } }
}
@media(max-width:700px) {
 .review-layout:has(>.arena-game-character) { padding-top:220px; }
 .review-layout>.arena-game-character { height:290px; width:65%; right:0; top:0; bottom:auto; }
 .review-layout:has(>.arena-game-character) .review-text { padding-bottom:30px; }
}

.portal-ranking .rank-stage { aspect-ratio:3 / 1; height:auto; min-height:180px; }
.portal-ranking .rank-stage>img { object-fit:cover; object-position:center; }

/* Match the visible logo size to Classigames, compensating for its image padding. */
header .brand { transform:scale(1.33); transform-origin:center; }
/* Catalogue tables reuse each game's default felt palette and actual textures. */
.game-card.belote { --arena-felt-light:#008975; --arena-felt-dark:#00594e; }
.game-card.tarot { --arena-felt-light:#a05262; --arena-felt-dark:#5b273a; }
.game-card.mus { --arena-felt-light:#316084; --arena-felt-dark:#152e4e; }
.game-card.belot { --arena-felt-light:#8059a6; --arena-felt-dark:#43245f; }
.game-card.spades { --arena-felt-light:#138a94; --arena-felt-dark:#00555d; }
.game-card .game-art {
 background:linear-gradient(145deg,#ffd68a45,#9a531222 50%,#6b370f55),url('/img/board/oak-wood.jpg') center/cover !important;
 isolation:isolate;
}
.game-card .game-art::before {
 display:block; content:''; position:absolute; inset:7px; border:2px solid var(--arena-felt-dark); border-radius:34px;
 background:url('/img/board/felt-grain-v2.svg') center/96px,url('/img/board/felt-inner-diamonds-v1.svg') center/200px,radial-gradient(ellipse at 50% 32%,var(--arena-felt-light),var(--arena-felt-dark) 88%);
 box-shadow:0 3px 2px #291b0e88,inset 0 0 18px #00161344; z-index:0;
}
.game-card .game-art::after {
 content:''; position:absolute; inset:13px; border:1px dashed #f4dca2cc; border-radius:28px;
 box-shadow:0 0 0 3px #001d1b44; z-index:1; pointer-events:none;
}
.game-card .game-art>img { position:relative; z-index:2; }

/* Player panels share the league cards' warm cream and satin gold palette. */
.community-content .community-arena,
.community-content .community-lobby {
 background:linear-gradient(145deg,#fff3cf,#f4e1af);
 color:#523e2d;
 border:1px solid #dec79b;
 box-shadow:inset 0 2px 0 #fffaf0,0 6px 0 #c9ad7b;
}
.community-content .community-arena-heading h3,
.community-content .community-lobby-heading h3 { color:#523e2d; }
.community-content .community-arena-heading p,
.community-content .community-lobby-heading p,
.community-content .community-empty,
.community-content .community-footnote { color:#78634f; }
.community-content .community-switch {
 background:#e7d2a7;
 box-shadow:inset 0 2px 4px #9b743522;
}
.community-content .community-switch button {
 background:#fffaf0; color:#68513c;
 box-shadow:inset 0 2px 0 #fffdf7,0 3px 0 #c9b38e;
}
.community-content .community-switch button[aria-pressed=true] {
 background:linear-gradient(#e8cc8b,#c9a260); color:#483621;
 box-shadow:inset 0 2px 0 #fff0bb,0 3px 0 #a88344;
}
.community-content .community-stage,
.community-content .community-chart { background:#fffcf7; }
.community-content .chart-canvas { background:linear-gradient(145deg,#fffcf7,#faf0d9); }
.community-content .community-player {
 background:#fffaf0; color:#523e2d;
 box-shadow:inset 0 1px 0 #fff,0 3px 0 #d9c5a2;
}
.community-content .league-player-detail { color:#78634f; }
.community-content .community-game-icon { box-shadow:0 3px 0 #b99a66; }

/* Render the actual in-game mat, enlarged and cropped to expose its diagonal edge. */
.portal-ranking .table-header {
  isolation: isolate;
  background:linear-gradient(145deg,#ffd68a45,#9a531222 50%,#6b370f55),url('/img/board/oak-wood.jpg') center/cover;
}
.portal-ranking .table-header .header-table {
  position:absolute; width:150%; height:900px; left:15%; top:-350px;
  transform:rotate(-23deg); transform-origin:0 350px;
  pointer-events:none; z-index:-1;
}
.portal-ranking .header-table > .stitched-mat {
  position:absolute; inset:0; background:none; box-shadow:none;
}
.portal-ranking .table-header > div {
  background:none; justify-content:center; padding:24px 16px;
  text-align:center; text-shadow:0 2px 4px #0006;
}
.portal-ranking .table-header h2 { color:#fff9e9; }
.portal-ranking .table-header p { color:#fff1d3; }
@media(max-width:700px) {
  .portal-ranking .table-header h2 { font-size:clamp(23px,6vw,30px); }
}

@media(max-width:700px) {
 .review-layout > .arena-game-character { display:none; }
 .review-layout:has(> .arena-game-character) { padding-top:28px; }
}

/* Keep the home ranking link inside its card as a full-size action. */
.portal-ranking .ranking-all{display:flex;align-items:center;justify-content:center;min-height:52px;margin:20px 24px 24px;padding:13px 20px;border:1px solid #d6b77e;border-radius:16px;background:linear-gradient(180deg,#fff1cb,#eed09a);color:#593c25;box-shadow:inset 0 2px 0 #fff8,0 4px 0 #b28b4d;text-decoration:none;line-height:1.35;transition:background .15s,transform .15s}
.portal-ranking .ranking-all:hover{background:linear-gradient(180deg,#fff6df,#f6dda9)}
.portal-ranking .ranking-all:focus-visible{outline:3px solid #916329;outline-offset:4px}
.portal-ranking .ranking-all:active{transform:translateY(2px);box-shadow:inset 0 2px 0 #fff8,0 2px 0 #b28b4d}
@media(max-width:600px){.portal-ranking .ranking-all{margin:16px 16px 20px;padding:12px 16px}}