/* Kitchen Party Games — Gameco-informed social card room shell */
@font-face{font-family:Borda;src:url('/assets/social-room/fonts/Borda.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Borda;src:url('/assets/social-room/fonts/Borda-DemiBold.ttf') format('truetype');font-display:swap;font-weight:600 800}

:root{
  --kpg-bg:#0c0f0e;
  --kpg-surface:#151a17;
  --kpg-surface-2:#1b211e;
  --kpg-line:rgba(250,245,232,.09);
  --kpg-line-strong:rgba(250,245,232,.16);
  --kpg-cream:#f8f3e7;
  --kpg-muted:#a8afa9;
  --kpg-green:#b5d477;
  --kpg-sea:#71c5a7;
  --kpg-lobster:#f07850;
  --kpg-gold:#e8b96a;
  --kpg-radius:18px;
  --kpg-shadow:0 28px 80px rgba(0,0,0,.34);
}

body.gameco-social{
  color:var(--kpg-cream);
  background:
    radial-gradient(circle at 88% 8%,rgba(181,212,119,.06),transparent 28rem),
    radial-gradient(circle at 12% 86%,rgba(240,120,80,.05),transparent 32rem),
    #0c0f0e;
  font-family:"DM Sans",sans-serif;
}

.gameco-social .app-shell{min-height:100vh}
.gameco-social .site-header{
  position:fixed;
  inset:0 auto 0 0;
  width:248px;
  height:100vh;
  padding:28px 20px 22px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:30px;
  background:rgba(16,20,18,.96);
  box-shadow:18px 0 60px rgba(0,0,0,.18);
  backdrop-filter:blur(20px);
}
.gameco-social .brand{gap:12px;padding:0 8px}
.gameco-social .brand-mark{
  width:44px!important;
  height:52px!important;
  flex:0 0 44px!important;
  color:#182018;
  background:linear-gradient(145deg,#d7e8a1,#91b85c);
  border-radius:11px 11px 16px 16px!important;
  box-shadow:0 12px 30px rgba(181,212,119,.15);
  font:800 26px/1 "DM Sans",sans-serif;
}
.gameco-social .brand strong{font:700 18px/1 "DM Sans",sans-serif;letter-spacing:-.3px}
.gameco-social .brand small{margin-top:5px;color:var(--kpg-muted);font-size:8px;letter-spacing:2.1px}
.gameco-social .main-nav{
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column;
  align-self:auto;
  gap:7px;
}
.gameco-social .main-nav::before{
  content:"PLAY";
  padding:0 14px 6px;
  color:#707a73;
  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
}
.gameco-social .main-nav a{
  min-height:48px;
  padding:0 14px;
  border-radius:13px;
  color:#aeb6b0;
  font-size:14px;
  font-weight:600;
}
.gameco-social .main-nav a::before{
  width:25px;
  color:#707a73;
  font-size:15px;
}
.gameco-social .main-nav a:nth-child(1)::before{content:"⌂"}
.gameco-social .main-nav a:nth-child(2)::before{content:"♣"}
.gameco-social .main-nav a:nth-child(3)::before{content:"●"}
.gameco-social .main-nav a:nth-child(4)::before{content:"★"}
.gameco-social .main-nav a:nth-child(5)::before{content:"⚑"}
.gameco-social .main-nav a::after{display:none}
.gameco-social .main-nav a:hover,
.gameco-social .main-nav a.active{
  color:var(--kpg-cream);
  background:rgba(255,255,255,.065);
}
.gameco-social .main-nav a.active::before{color:var(--kpg-green)}
.gameco-social .main-nav a b{margin-left:auto;background:var(--kpg-green)}
.gameco-social .header-actions{
  width:100%;
  margin:auto 0 0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.gameco-social .header-actions>.outline-button,
.gameco-social .header-actions>.primary-button{width:100%}
.gameco-social .profile-chip{
  order:3;
  width:100%;
  margin-top:8px;
  padding:10px!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:14px!important;
}
.gameco-social .profile-chip>span:nth-child(2){display:block}
.gameco-social .profile-chip .avatar{background:var(--kpg-lobster)}
.gameco-social .profile-chip strong{font-size:13px}
.gameco-social .profile-chip small{font-size:10px}
.gameco-social .menu-button{display:none}
.gameco-social .main-content{width:calc(100% - 248px);margin-left:248px}
.gameco-social .page{width:min(100%,1480px);padding:32px clamp(26px,3.6vw,62px) 70px}

.gameco-social .primary-button{
  color:#151811;
  background:var(--kpg-green);
  box-shadow:0 10px 28px rgba(181,212,119,.15);
}
.gameco-social .primary-button:hover{filter:brightness(1.07)}
.gameco-social .outline-button,
.gameco-social .glass-button,
.gameco-social .icon-button{
  color:var(--kpg-cream);
  background:rgba(255,255,255,.065)!important;
}
.gameco-social .outline-button:hover,
.gameco-social .glass-button:hover{background:rgba(181,212,119,.12)!important}
.gameco-social .eyebrow{color:var(--kpg-green);font-size:9px;letter-spacing:2px}
.gameco-social .section-heading h2,
.gameco-social .page-scene-heading h1{font-family:"DM Sans",sans-serif!important}

.gameco-social .platform-hero{
  min-height:570px;
  padding:clamp(36px,4vw,62px);
  grid-template-columns:minmax(330px,1.25fr) minmax(300px,.72fr);
  gap:clamp(30px,5vw,80px);
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(8,11,10,.96) 0%,rgba(8,11,10,.88) 32%,rgba(8,11,10,.2) 68%,rgba(8,11,10,.7) 100%),
    url('/assets/social-room/social-card-room-hero.png') center/cover no-repeat;
  box-shadow:0 32px 90px rgba(0,0,0,.4);
}
.gameco-social .platform-hero::before{
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%);
  mask-image:none;
}
.gameco-social .platform-hero::after{height:3px;background:linear-gradient(90deg,var(--kpg-green),var(--kpg-lobster),transparent 72%)}
.gameco-social .hero-copy{max-width:590px}
.gameco-social .hero-kicker{margin-bottom:18px;color:var(--kpg-green);font-size:10px;letter-spacing:2.5px}
.gameco-social .hero-copy h1{
  font:800 clamp(48px,5.2vw,78px)/.96 "DM Sans",sans-serif;
  letter-spacing:-3.6px;
  text-transform:none;
}
.gameco-social .hero-copy h1 em{color:var(--kpg-cream);font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-2px}
.gameco-social .hero-lede{max-width:460px;color:#c8ccc8;font-size:16px;line-height:1.55}
.gameco-social .hero-game-art{display:none}
.gameco-social .live-board{
  grid-column:2;
  padding:19px;
  align-self:end;
  background:rgba(19,24,21,.9);
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}
.gameco-social .live-board-title span{font-size:15px}
.gameco-social .live-board-title i{background:var(--kpg-green);box-shadow:0 0 12px var(--kpg-green)}
.gameco-social .live-board>button{border-radius:11px}
.gameco-social .live-board>button:hover{background:rgba(181,212,119,.08)}
.gameco-social .live-board>button>b{color:var(--kpg-green)}

.gameco-social .activity-strip{
  min-height:82px;
  margin-top:14px;
  background:#141916;
  border-radius:16px;
}
.gameco-social .activity-strip strong{font:700 22px "DM Sans",sans-serif}
.gameco-social .activity-strip p span{background:var(--kpg-green)}
.gameco-social .section-heading{margin-top:46px}
.gameco-social .section-heading h2{font-size:clamp(26px,2.5vw,38px)!important;letter-spacing:-.6px}

.gameco-social .game-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.gameco-social .game-card{
  min-height:270px;
  padding:23px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:
    radial-gradient(circle at 88% 90%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 48%),
    linear-gradient(145deg,#1c221f,#111512);
  border-radius:17px;
  box-shadow:0 14px 35px rgba(0,0,0,.15);
}
.gameco-social .game-card:hover{transform:translateY(-5px);box-shadow:0 26px 55px rgba(0,0,0,.3)}
.gameco-social .game-card::after{opacity:.05}
.gameco-social .game-card .game-icon{
  width:62px;
  height:72px;
  margin-top:25px;
  color:#172019;
  background:var(--accent);
  border-radius:12px 12px 17px 17px;
  box-shadow:0 13px 28px rgba(0,0,0,.25);
  font:700 25px "DM Sans",sans-serif;
}
.gameco-social .game-coast{font-size:9px;color:var(--accent)}
.gameco-social .game-card .players{font-size:10px}
.gameco-social .game-card h3{margin-top:17px;font:700 22px "DM Sans",sans-serif}
.gameco-social .game-card p{font-size:13px}
.gameco-social .game-motto{margin-top:9px;color:#8f9891;font:400 11px "DM Sans",sans-serif}
.gameco-social .card-arrow{right:22px;bottom:21px;color:var(--accent);font-size:11px;font-weight:700}

.gameco-social .dashboard-grid{gap:12px}
.gameco-social .panel,
.gameco-social .stats-row>div{
  background:linear-gradient(145deg,#1a201d,#111512);
  border-radius:17px;
}
.gameco-social .panel{padding:25px}
.gameco-social .panel-heading h3{font:700 20px "DM Sans",sans-serif}
.gameco-social .avatar{background:var(--kpg-sea)}

.gameco-social .page-scene-heading{
  min-height:210px;
  background:
    linear-gradient(90deg,rgba(9,12,10,.95),rgba(9,12,10,.43)),
    url('/assets/social-room/social-card-room-hero.png') center 56%/cover no-repeat;
  border-radius:22px;
}
.gameco-social .page-crest{
  color:#1a211b;
  background:var(--kpg-green);
  border-radius:15px 15px 22px 22px;
}
.gameco-social .maritime-content-board{padding-inline:0}
.gameco-social .filter.active{color:#151811;background:var(--kpg-green)}
.gameco-social .room{background:linear-gradient(90deg,#1a201d,#121613)}
.gameco-social .room-buoy{background:var(--kpg-sea)}
.gameco-social .search-box{background:#151a17!important}

.gameco-social .game-title-plaque,
.gameco-social .game-header,
.gameco-social .hand-zone,
.gameco-social .game-log{background:linear-gradient(145deg,#1a201d,#111512)}
.gameco-social .game-surface{
  background:
    radial-gradient(ellipse at 50% 58%,rgba(34,104,72,.78),rgba(8,29,20,.9) 62%,rgba(6,12,9,.98)),
    url('/assets/social-room/social-card-room-hero.png') center/cover no-repeat;
  box-shadow:0 35px 80px rgba(0,0,0,.48),inset 0 0 110px rgba(0,0,0,.58);
}
.gameco-social .turn-status{color:var(--kpg-green)!important}
.gameco-social .table-button,
.gameco-social .control-button{background:#252c28!important}
.gameco-social .playing-card.selected{border-color:var(--kpg-green)!important;box-shadow:0 0 0 3px rgba(181,212,119,.22),0 15px 30px rgba(0,0,0,.45)!important}

.gameco-social .modal{background:#1b211e;border-radius:18px}
.gameco-social .form-field input,
.gameco-social .form-field select,
.gameco-social .table-select{background:#101411!important}
.gameco-social .coast-footer{color:#89918b}
.gameco-social .footer-brand .brand-mark{width:38px!important;height:44px!important;flex-basis:38px!important;font-size:21px}

@media(max-width:1100px){
  .gameco-social .site-header{
    position:sticky;
    inset:0 0 auto;
    width:100%;
    height:78px;
    padding:0 22px;
    flex-direction:row;
    align-items:center;
    gap:20px;
  }
  .gameco-social .main-content{width:100%;margin-left:0}
  .gameco-social .main-nav{margin-left:10px;flex:1;flex-direction:row;align-self:stretch}
  .gameco-social .main-nav::before,.gameco-social .main-nav a::before{display:none}
  .gameco-social .main-nav a{min-height:0;padding:0 10px;border-radius:0}
  .gameco-social .header-actions{width:auto;margin:0 0 0 auto;display:flex}
  .gameco-social .header-actions>.outline-button{display:none}
  .gameco-social .header-actions>.primary-button{width:auto}
  .gameco-social .profile-chip{order:0;width:auto;margin:0;padding:4px!important;background:transparent!important}
  .gameco-social .profile-chip>span:nth-child(2){display:none}
}

@media(max-width:850px){
  .gameco-social .site-header{height:74px;padding:0 16px}
  .gameco-social .main-nav{
    display:none;
    position:absolute;
    top:70px;
    right:14px;
    left:14px;
    width:auto;
    height:auto;
    padding:10px;
    flex-direction:column;
    background:#171c19;
    border-radius:15px;
  }
  .gameco-social .site-header.open .main-nav{display:flex}
  .gameco-social .main-nav a{min-height:45px;padding:0 14px;border-radius:10px}
  .gameco-social .main-nav a::before{display:block}
  .gameco-social .menu-button{display:block}
  .gameco-social .platform-hero{grid-template-columns:1fr;background-position:58% center}
  .gameco-social .live-board{grid-column:1;max-width:470px}
  .gameco-social .game-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
  .gameco-social .brand strong{font-size:15px}
  .gameco-social .brand-mark{width:37px!important;height:44px!important;flex-basis:37px!important;font-size:21px}
  .gameco-social .page{padding:16px 14px 52px}
  .gameco-social .platform-hero{min-height:auto;padding:34px 22px;background-position:64% center;border-radius:20px}
  .gameco-social .platform-hero{align-content:start;align-items:start;grid-template-rows:auto auto}
  .gameco-social .hero-copy h1{font-size:44px;letter-spacing:-1.5px}
  .gameco-social .hero-lede{font-size:14px}
  .gameco-social .live-board{margin-top:26px;padding:16px}
  .gameco-social .activity-strip{border-radius:14px}
  .gameco-social .game-grid{grid-template-columns:1fr}
  .gameco-social .game-card{min-height:235px!important}
  .gameco-social .page-scene-heading{border-radius:20px}
}

/* Brand v2 — reference-led Gameco composition */
.gameco-social.brand-red{
  --kpg-bg:#090b0f;
  --kpg-surface:#13161c;
  --kpg-surface-2:#191d24;
  --kpg-line:rgba(255,255,255,.09);
  --kpg-line-strong:rgba(255,255,255,.16);
  --kpg-cream:#fff;
  --kpg-muted:#aab0ba;
  --kpg-green:#ed1c24;
  --kpg-sea:#f23b42;
  --kpg-lobster:#ed1c24;
  --kpg-gold:#fff;
  color:#fff;
  background:
    radial-gradient(circle at 84% 10%,rgba(237,28,36,.18),transparent 26rem),
    linear-gradient(135deg,transparent 0 64%,rgba(237,28,36,.025) 64% 65%,transparent 65%) 0 0/52px 52px,
    #090b0f;
}
.brand-red .ambient-one{background:#ed1c24;opacity:.15}
.brand-red .ambient-two{background:#8c1117;opacity:.1}
.brand-red .site-header{width:260px;padding:28px 21px;background:linear-gradient(180deg,#11141a,#090b0f);box-shadow:22px 0 70px rgba(0,0,0,.38)}
.brand-red .main-content{width:calc(100% - 260px);margin-left:260px}
.brand-red .page{width:min(100%,1600px);padding:30px clamp(24px,3.6vw,64px) 70px}
.brand-red .site-header>.brand{
  width:100%;padding:0;background:transparent;
}
.brand-red .brand-logo{position:relative;display:block;width:100%;aspect-ratio:1983/793;overflow:hidden}
.brand-red .brand-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-red .brand-logo-reverse{filter:brightness(0) invert(1);clip-path:polygon(31% 0,100% 0,100% 100%,31% 100%)}
.brand-red .brand-logo-red{clip-path:polygon(71% 0,100% 0,100% 58%,71% 58%)}
.brand-red .brand-mark{
  width:48px!important;height:48px!important;flex:0 0 48px!important;padding:8px;
  display:grid;grid-template-columns:1fr 1fr;place-items:center;transform:rotate(45deg);
  color:#20242b;background:linear-gradient(145deg,#ff343b,#a9080f);border-radius:9px!important;
  box-shadow:0 0 0 4px #20242b,0 12px 34px rgba(237,28,36,.28);
}
.brand-red .brand-mark i{font:700 11px/1 Georgia;transform:rotate(-45deg);color:#fff;font-style:normal}
.brand-red .brand-mark i:nth-child(2),.brand-red .brand-mark i:nth-child(4){color:#fff}
.brand-red .brand strong{font:600 18px/1 Borda,"DM Sans",sans-serif;letter-spacing:.5px}
.brand-red .brand strong em{color:#ed1c24;font-style:normal}
.brand-red .brand small{color:#8d949f;font-size:8px;letter-spacing:4px}
.brand-red .main-nav::before{content:"GAME ROOM";color:#676d77}
.brand-red .main-nav a{border-radius:4px;color:#9299a4;text-transform:uppercase;letter-spacing:.7px;font-size:12px}
.brand-red .main-nav a:hover,.brand-red .main-nav a.active{background:linear-gradient(90deg,rgba(237,28,36,.16),rgba(237,28,36,.015));box-shadow:inset 3px 0 #ed1c24}
.brand-red .main-nav a.active::before,.brand-red .main-nav a b{color:#fff;background:#ed1c24}
.brand-red .profile-chip{border-radius:5px!important;background:#15181e!important}
.brand-red .profile-chip .avatar{background:linear-gradient(145deg,#fa333b,#a7070d)}
.brand-red .primary-button{
  color:#fff;background:linear-gradient(135deg,#f52e36,#be090f);border-radius:4px;
  box-shadow:0 13px 32px rgba(237,28,36,.25);text-transform:uppercase;letter-spacing:.55px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.brand-red .outline-button,.brand-red .glass-button,.brand-red .icon-button{border-radius:4px;background:#1b1f26!important;text-transform:uppercase;letter-spacing:.5px}
.brand-red .eyebrow{color:#ed1c24;font-family:Borda,"DM Sans",sans-serif;font-size:10px;letter-spacing:3px}

.brand-red .platform-hero{
  min-height:650px;padding:clamp(40px,5vw,78px);grid-template-columns:minmax(360px,1.05fr) minmax(340px,.68fr);
  align-items:center;border-radius:5px;
  background:
    linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.9) 34%,rgba(7,9,13,.17) 62%,rgba(7,9,13,.42) 100%),
    url('/assets/brand-v2/hero-game-night.jpg') center/cover no-repeat;
  box-shadow:0 38px 110px rgba(0,0,0,.55);
}
.brand-red .platform-hero::before{display:block;background:linear-gradient(135deg,rgba(237,28,36,.2),transparent 20%)!important;clip-path:polygon(0 0,32% 0,8% 100%,0 100%)}
.brand-red .platform-hero::after{height:5px;background:linear-gradient(90deg,#ed1c24 0 30%,#fff 30% 36%,#272c34 36%)}
.brand-red .hero-copy{max-width:660px}
.brand-red .hero-kicker{display:flex;align-items:center;gap:10px;color:#fff;font:600 11px Borda,"DM Sans",sans-serif;letter-spacing:4px}
.brand-red .hero-kicker span{width:34px;height:3px;background:#ed1c24}
.brand-red .hero-copy h1{font:600 clamp(52px,5.4vw,84px)/.95 Borda,"DM Sans",sans-serif;letter-spacing:-1.4px;text-transform:uppercase}
.brand-red .hero-copy h1 em{color:#ed1c24;font:inherit;font-style:normal;letter-spacing:inherit;text-shadow:0 0 32px rgba(237,28,36,.18)}
.brand-red .hero-lede{max-width:540px;color:#c4c8ce;font-size:16px;line-height:1.65}
.brand-red .hero-actions{margin-top:32px}
.brand-red .hero-actions .primary-button{height:52px;padding-inline:27px}
.brand-red .hero-actions .outline-button{height:52px;display:inline-flex;align-items:center;padding-inline:25px}
.brand-red .proof-avatars b{border-color:#0b0e12;background:#ed1c24;color:#fff;border-radius:4px}
.brand-red .proof-avatars b:nth-child(n){background:linear-gradient(145deg,#303640,#171a20)}
.brand-red .proof-avatars b:last-child{background:#ed1c24}
.brand-red .live-board{align-self:end;margin-bottom:-28px;padding:18px 20px;background:rgba(14,17,22,.94);border-radius:4px;border-top:3px solid #ed1c24;box-shadow:0 24px 70px rgba(0,0,0,.58)}
.brand-red .live-board-title span{font:600 16px Borda,"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:1px}
.brand-red .live-board-title i{background:#ed1c24;box-shadow:0 0 14px #ed1c24}
.brand-red .live-board-title a,.brand-red .live-board>button>b{color:#ed1c24}
.brand-red .live-board>button{border-radius:0}
.brand-red .live-board>button:hover{background:linear-gradient(90deg,rgba(237,28,36,.13),transparent)}
.brand-red .mini-crest{border-radius:4px;background:#232831}

.brand-red .activity-strip{min-height:104px;margin-top:20px;padding:0 28px;grid-template-columns:repeat(3,1fr) auto;border-radius:4px;background:linear-gradient(105deg,#fff,#e8e9eb);color:#151920;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.brand-red .activity-strip>div{height:58px;padding-inline:24px;display:flex;align-items:center;gap:14px;border-right:1px solid #c7cbd0}
.brand-red .activity-strip>div:first-child{padding-left:0}
.brand-red .activity-strip strong{min-width:40px;color:#ed1c24;font:700 18px "DM Sans",sans-serif;text-align:center}
.brand-red .activity-strip b,.brand-red .activity-strip small{display:block}
.brand-red .activity-strip b{color:#171b22;font-size:10px;letter-spacing:.7px}
.brand-red .activity-strip small{margin-top:4px;color:#69707a;font-size:9px}
.brand-red .activity-strip p{padding-left:20px;color:#20242b;font-weight:700;text-transform:uppercase;white-space:nowrap}
.brand-red .activity-strip p span{background:#ed1c24;box-shadow:0 0 12px rgba(237,28,36,.5)}
.brand-red .section-heading{margin-top:62px;margin-bottom:24px}
.brand-red .section-heading h2,.brand-red .page-scene-heading h1{font:600 clamp(30px,3vw,46px) Borda,"DM Sans",sans-serif!important;text-transform:uppercase;letter-spacing:.4px}
.brand-red .section-heading h2::after{content:"";display:block;width:74px;height:4px;margin-top:13px;background:linear-gradient(90deg,#ed1c24 0 68%,#fff 68% 78%,#343a44 78%)}
.brand-red .section-heading a{color:#ed1c24;font-weight:800;font-size:10px;letter-spacing:1px}

.brand-red .game-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.brand-red .game-card{min-height:430px;padding:0;border-radius:5px;background:#15181e;box-shadow:0 18px 45px rgba(0,0,0,.28);overflow:hidden}
.brand-red .game-card:hover{transform:translateY(-8px);box-shadow:0 32px 75px rgba(0,0,0,.52),0 0 0 1px rgba(237,28,36,.28)}
.brand-red .game-card::after{display:none}
.brand-red .game-card-art{position:relative;width:100%;height:240px;overflow:hidden;background:#090b0f}
.brand-red .game-card-art::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#15181e)}
.brand-red .game-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.brand-red .game-card:hover .game-card-art img{transform:scale(1.06)}
.brand-red .game-coast{z-index:2;left:18px;top:17px;padding:7px 9px;color:#fff;background:rgba(10,12,16,.78);border-left:3px solid #ed1c24;font-size:8px}
.brand-red .game-card .players{z-index:2;right:17px;top:17px;padding:7px 9px;color:#fff;background:rgba(10,12,16,.78);font-size:9px}
.brand-red .game-card-copy{position:relative;min-height:190px;padding:22px 22px 24px}
.brand-red .game-card .game-icon{position:absolute;right:22px;top:-29px;width:58px;height:58px;margin:0;border-radius:4px;color:#fff;background:linear-gradient(145deg,#f22f36,#a9060c);box-shadow:0 12px 30px rgba(0,0,0,.42);font-size:24px}
.brand-red .game-card h3{margin:0 0 8px;font:600 25px Borda,"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.3px}
.brand-red .game-card p{max-width:76%;color:#b9bec6;font-size:12px;line-height:1.45}
.brand-red .game-motto{margin-top:9px;color:#747b86;font-size:10px;font-style:normal}
.brand-red .card-arrow{right:22px;bottom:22px;color:#ed1c24;font-size:9px;letter-spacing:1.1px}

.brand-red .dashboard-grid{gap:20px}
.brand-red .panel,.brand-red .stats-row>div{border-radius:4px;background:linear-gradient(145deg,#1b1f26,#101217);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.brand-red .panel{position:relative;padding:28px;overflow:hidden}
.brand-red .panel::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#ed1c24}
.brand-red .panel-heading h3{font:600 23px Borda,"DM Sans",sans-serif;text-transform:uppercase}
.brand-red .text-button{color:#ed1c24}
.brand-red .avatar{border-radius:4px;background:#ed1c24}
.brand-red .invite-panel{background:linear-gradient(90deg,rgba(14,16,21,.94),rgba(14,16,21,.72)),url('/assets/brand-v2/party-cards.jpg') center/cover}

.brand-red .page-scene-heading{min-height:280px;border-radius:4px;background:linear-gradient(90deg,rgba(7,9,13,.98),rgba(7,9,13,.42)),url('/assets/brand-v2/hero-game-night.jpg') center/cover no-repeat;box-shadow:0 28px 80px rgba(0,0,0,.4)}
.brand-red .page-crest{border-radius:4px;color:#fff;background:#ed1c24}
.brand-red .filter.active{color:#fff;background:#ed1c24}
.brand-red .room,.brand-red .search-box{border-radius:4px;background:linear-gradient(90deg,#1c2027,#12151a)!important}
.brand-red .room-buoy{border-radius:4px;background:#ed1c24}
.brand-red .modal{border-radius:5px;background:#171a20;border-top:4px solid #ed1c24}
.brand-red .form-field input,.brand-red .form-field select,.brand-red .table-select{border-radius:4px;background:#0d0f13!important}
.brand-red .game-title-plaque,.brand-red .game-header,.brand-red .hand-zone,.brand-red .game-log{background:linear-gradient(145deg,#1b1f26,#101217)}
.brand-red .game-surface{background:radial-gradient(ellipse at 50% 55%,rgba(120,11,16,.82),rgba(24,5,8,.94) 60%,#08090c),url('/assets/brand-v2/hero-game-night.jpg') center/cover no-repeat;box-shadow:0 35px 90px rgba(0,0,0,.58),inset 0 0 130px rgba(0,0,0,.68)}
.brand-red .turn-status{color:#ff3a42!important}
.brand-red .playing-card.selected{border-color:#ed1c24!important;box-shadow:0 0 0 3px rgba(237,28,36,.28),0 15px 30px rgba(0,0,0,.5)!important}
.brand-red .coast-footer{margin-top:70px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}
.brand-red .footer-brand{padding:0;background:transparent}
.brand-red .footer-brand .brand-logo{width:230px}
.brand-red .footer-brand .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important;padding:6px}

@media(max-width:1100px){
  .gameco-social.brand-red .site-header{width:100%;background:rgba(10,12,16,.97)}
  .gameco-social.brand-red .main-content{width:100%;margin-left:0}
  .brand-red .site-header>.brand{width:210px}
  .brand-red .activity-strip{grid-template-columns:repeat(3,1fr)}
  .brand-red .activity-strip p{grid-column:1/-1;padding:0 0 14px;text-align:center}
}
@media(max-width:850px){
  .brand-red .platform-hero{grid-template-columns:1fr;background-position:58% center}
  .brand-red .game-grid{grid-template-columns:repeat(2,1fr)}
  .brand-red .activity-strip{padding:18px;grid-template-columns:1fr 1fr}
  .brand-red .activity-strip>div{padding:12px;border:0}
  .brand-red .activity-strip>div:nth-child(3){grid-column:1/-1}
}
@media(max-width:620px){
  .brand-red .site-header>.brand{width:205px}
  .brand-red .footer-brand .brand-logo{width:230px}
  .brand-red .platform-hero{
    padding:38px 23px;
    background:
      linear-gradient(180deg,rgba(7,9,13,.8),rgba(7,9,13,.7)),
      url('/assets/brand-v2/hero-game-night.jpg') 66% center/cover no-repeat;
  }
  .brand-red .platform-hero::before{opacity:.45}
  .brand-red .hero-copy h1{font-size:47px;letter-spacing:0}
  .brand-red .live-board{margin-bottom:0}
  .brand-red .activity-strip{grid-template-columns:1fr;padding:14px 18px}
  .brand-red .activity-strip>div,.brand-red .activity-strip>div:nth-child(3){grid-column:1}
  .brand-red .game-grid{grid-template-columns:1fr}
  .brand-red .game-card{min-height:410px!important}
  .brand-red .game-card-art{height:225px}
}