/* mapache.tv — independent identity: midnight, chalk and coral. */
:root {
  --txt:#f5efe6;
  --mut:#acafbc;
  --accent:#ff977d;
  --live:#ffad94;
  --up:#b9c6ee;
  --glass:rgba(27,30,43,.88);
  --glass-brd:#ffffff1c;
}
body { background:#10121b; font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
body::before {
  background:radial-gradient(ellipse at 4% 12%,#ed806426,transparent 48%),
    radial-gradient(ellipse at 90% 70%,#667fcd20,transparent 52%),#10121b;
}
.desktop-menu { color:#c5c6cf; }
.desktop-menu>span { color:#a0a3b1; }
.mapache-word { font-weight:800; letter-spacing:-.7px; white-space:nowrap; color:var(--txt); }
.mapache-word .brand-domain { color:var(--accent); }
.menu-brand { display:inline-flex; align-items:center; gap:8px; }
.menu-brand img { width:25px; height:25px; }
.desktop-menu .mapache-word { font-size:14px; }
.desktop-window { background:#1a1d29ed; border-color:#ffffff24; box-shadow:0 30px 90px #0006,inset 0 1px #ffffff17; }
.window-titlebar { background:linear-gradient(#ffffff09,#ffffff03); border-color:#ffffff10; }
.window-caption { color:#e5dfd9; }
.window-edition { color:#c5a294; white-space:nowrap; }
.workspace-sidebar { background:#10131d4d; border-color:#ffffff0d; }
.sidebar-brand { padding:0 3px; gap:7px; font-size:16px; }
.sidebar-brand .tile { width:33px; height:37px; flex-shrink:0; }
.tile { background:none; box-shadow:none; }
.tile img { display:block; width:100%; height:100%; object-fit:contain; }
.sidebar-label { color:#9799a9; }
.sidebar-nav a { color:#bec0cc; }
.sidebar-nav a[aria-current='page'] { color:#ffc3ae; background:#ff977d12; box-shadow:inset 0 0 0 1px #ff977d1a; }
.sidebar-nav a:hover { background:#ffffff08; color:var(--txt); }
.sidebar-note { color:#a0a3b2; border-color:#ffffff10; }
.sidebar-note b { color:#ded8d4; }
.workspace-content { background:#12152055; }
.workspace-content header { background:#12152045; border-color:#ffffff10; }
header .brand { font-size:17px; }
header .brand .brand-domain { color:var(--accent); }
#q { background:#ffffff05; border-color:#ffffff16; }
.hero { position:relative; overflow:hidden; border-color:#ffb39822; background:radial-gradient(ellipse at 10% 105%,#dd735f18,transparent 65%),linear-gradient(115deg,#30282c,#1f2434); }
.hero h1 { color:#f5efe6; font-weight:800; }
.hero h1 em { color:#ffad94; background:none; -webkit-text-fill-color:currentColor; }
.hero p { color:#bdbbc4; }
.hero-signature { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.hero-signature img { width:57px; height:57px; flex-shrink:0; }
.hero-signature .mapache-word { display:block; font-size:27px; line-height:1.1; letter-spacing:-1.2px; }
.hero-signature .eyebrow { font-size:8px; letter-spacing:2px; margin:8px 0 0; color:#c4a399; }
.primary,#share,.feedbtn.on { background:#ffad94; border-color:#ffad94; color:#251b1c; box-shadow:inset 0 1px #ffffff3d; }
.primary:hover,#share:hover { background:#ffc0ad; }
.text-link { color:#e2dcd8; }
.feature { border-color:#ffffff14; }
.feature-kicker { color:#efb6a5; }
.feature .primary { color:#ffd2c3; background:#ff977d12; border:1px solid #ff977d38; box-shadow:none; }
.pitch,.pitch::before,.pitch::after { border-color:#ffd4be18; }
.chip,.league-select { color:#c7c7d1; background:#ffffff04; border-color:#ffffff15; }
.league-select option { background:#1a1d29; color:#f5efe6; }
.chip.on { background:#f5efe6; color:#242331; border-color:#f5efe6; box-shadow:none; }
.chip:hover,.card:hover { border-color:#ffad9470; }
.card { background:linear-gradient(145deg,#ffffff06,#ffffff02); border-color:#ffffff12; }
.league { color:#b7b7c5; }
.badge.lv { color:#ffb49d; background:#ff977d12; }
.badge.up { color:#bec9e9; background:#ffffff06; }
.dot,.section-dot { background:var(--live); box-shadow:0 0 10px #ff977d2b; }
.event-icon { color:#efb6a5; border-color:#ff977d26; background:#ff977d0a; }
.crest .initials { background:#ffffff0b; color:#e6dfd9; }
.crest img { background:#252938; }
.card-bottom { color:#b5b6c5; border-color:#ffffff0d; }
.watch { color:#ffc2ad; background:#ff977d09; border-color:#ff977d2a; box-shadow:none; }
.watch:hover { color:#251b1c; background:#ffad94; }
.catalog-nav a:first-child { border-color:var(--accent); }
.desktop-dock { background:#282b39b8; border-color:#ffffff21; }
.dock-button { color:#c9c7ce; }
.dock-button[aria-current='page'] { background:#ffad94; color:#251b1c; }
#dock-home .dock-mascot { width:27px; height:27px; }
.footer-brand { display:flex; gap:8px; align-items:center; }
.footer-brand img { width:27px; height:27px; }
footer { border-color:#ffffff12; color:#969aa9; }
footer b { color:#ede4dd; }
.support-entry { color:#ffc2ad; background:#ff977d0a; border-color:#ff977d30; }
.community-entry { color:#c8c6ce; }
#player-wrap { background:#202432f5; border-color:#ffffff29; }
#player-wrap.chat-open #bar { background:#202432; }
#player-status[data-state=playing] { color:#ffb49d; }
.support-shell,.community-dialog { background:radial-gradient(ellipse at top right,#ff977d0d,transparent 60%),#1b1e2b; border-color:#ffffff25; }
.support-title,.community-heading h2 { color:var(--txt); }
.support-kicker { color:#eab5a3; }
.support-pills span,.community-tabs button[aria-pressed=true] { background:#ff977d09; border-color:#ff977d26; color:#f1bdac; }
.support-total strong { color:#ffc2ad; }
.support-progress::-webkit-progress-value { background:#ffad94; }
.support-progress::-moz-progress-bar { background:#ffad94; }
.support-privacy input,.account-check input { accent-color:var(--accent); }
.support-preview[data-rank='3'] { background:radial-gradient(ellipse at 10% 40%,#d3a25920,transparent 70%),#121520; }
.chat-toggle[aria-expanded=true] { color:#ffc2ad; border-color:#ff977d61; }
.chat-pane,.community-note,.support-preview,.support-calculator { background:#12152080; }
.chat-head,.chat-compose { border-color:#ffffff15; }
.chat-compose button { background:#ffad94; color:#251b1c; }
.account-form input:not([type=checkbox]),.account-form textarea,.support-inputs input { background:#141825; border-color:#ffffff25; }
.account-summary { background:#ffffff04; border-color:#ffffff14; }
.desktop-rest { color:var(--txt); }
.desktop-rest .tile { width:90px; height:90px; }
@media(max-width:1100px) { .sidebar-brand { font-size:13px; gap:4px; padding:0; } .sidebar-brand .tile { width:26px; } }
@media(max-width:760px) {
  .desktop-menu { gap:6px; padding:7px 3px; }
  .desktop-menu .menu-brand { flex-shrink:0; }
  .desktop-menu .mapache-word { font-size:13px; }
  .menu-brand img { width:23px; height:23px; }
  .desktop-menu .menu-actions { gap:0; margin-left:auto; }
  .desktop-menu .support-entry { padding:5px 7px; }
  .support-label-desktop { display:none; }
  .desktop-window { background:#1a1d29ed; }
  .hero-signature { margin-bottom:18px; gap:10px; }
  .hero-signature img { width:49px; height:49px; }
  .hero-signature .mapache-word { font-size:25px; }
}
@media(max-width:370px) { .desktop-menu { justify-content:center; } .desktop-menu .menu-actions { margin:0; } }
.sponsor-dialog { width:min(560px,calc(100% - 24px)); padding:0; overflow:auto; }
.support-reminder { width:min(440px,calc(100% - 24px)); padding:0; }
.sponsor-dialog[open],.support-reminder[open] {
  transform-origin:50% 55%;
  animation:promotion-arrive 340ms cubic-bezier(.16,1,.3,1) both;
}
.sponsor-dialog[open]::backdrop,.support-reminder[open]::backdrop {
  animation:promotion-backdrop 240ms ease-out both;
}
@keyframes promotion-arrive {
  from { opacity:0; transform:translateY(14px) scale(.965); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes promotion-backdrop {
  from { opacity:0; }
  to { opacity:1; }
}
@media(prefers-reduced-motion:reduce) {
  .sponsor-dialog[open],.support-reminder[open],
  .sponsor-dialog[open]::backdrop,.support-reminder[open]::backdrop { animation:none; }
}
.support-reminder::backdrop { background:#030a1555; backdrop-filter:none; }
.support-reminder-copy { padding:0 24px 24px; text-align:center; }
.support-reminder-copy img { display:block; margin:0 auto 12px; }
.support-reminder-copy h2 { font-size:26px; line-height:1.15; letter-spacing:-.7px; }
.support-reminder-copy p { margin:14px 0 20px; color:#bdbbc4; font-size:14px; line-height:1.6; }
.support-reminder-copy button { display:block; width:100%; min-height:44px; margin-top:9px; }
.support-reminder-copy small { display:block; margin-top:15px; color:#acafbc; font-size:11px; line-height:1.5; }
.sponsor-heading { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; }
.sponsor-label { font-size:10px; text-transform:uppercase; letter-spacing:1.5px; color:#ffb49d; }
.sponsor-image { display:block; width:100%; max-height:280px; object-fit:contain; background:#121520; }
.sponsor-copy { padding:20px 24px 24px; }
.sponsor-copy h2 { font-size:25px; letter-spacing:-.6px; line-height:1.2; overflow-wrap:anywhere; }
#sponsor-name { font-size:11px; color:#efb6a5; margin-bottom:8px; }
#sponsor-body { margin:12px 0 20px; color:#bdbbc4; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.sponsor-copy .primary,.sponsor-copy .secondary { display:flex; justify-content:center; width:100%; min-height:44px; padding:11px 15px; text-align:center; }
.sponsor-copy .secondary { margin-top:9px; }
#sponsor-destination { display:block; margin-top:13px; text-align:center; color:#acafbc; font-size:10px; overflow-wrap:anywhere; }
.campaign-dialog { width:min(620px,calc(100% - 24px)); }
.campaign-dialog .account-note { margin-bottom:18px; }
.campaign-dates { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.campaign-dialog select { padding:12px; border-radius:10px; color:#f5efe6; background:#141825; border:1px solid #ffffff25; }
.campaign-dialog textarea { min-height:78px; }
#campaign-open { margin-top:14px; padding:10px 14px; min-height:44px; }
@media(max-width:480px) { .campaign-dates { grid-template-columns:1fr; } .sponsor-copy { padding:17px; } .sponsor-copy h2 { font-size:23px; } .sponsor-image { max-height:230px; } }
.staff-insignia { display:inline-flex; align-items:center; gap:6px; color:#ffc2ad; font-size:10px; font-weight:700; line-height:1.3; }
.staff-insignia img { display:block; flex-shrink:0; width:34px; height:34px; filter:drop-shadow(0 1px 5px #ff977d18); }
.staff-member-badge { border:1px solid #ff977d26; border-radius:9px; background:#ff977d07; padding:0 7px 0 2px; }
.staff-avatar { background:#ff977d0b; border-color:#ffb49d; }
.staff-avatar-image { display:block; width:90%; height:90%; object-fit:contain; }
#account-avatar.staff-avatar { width:60px; height:60px; border-radius:18px; }
#account-rank .staff-insignia { font-size:11px; }
#account-rank .staff-insignia img { width:42px; height:42px; }
.account-support-label { display:block; margin-top:4px; }
.member-profile .staff-member-badge { display:flex; width:max-content; margin:14px auto 0; padding:5px 16px 5px 6px; }
.member-profile .staff-insignia { font-size:12px; }
.member-profile .staff-insignia img { width:60px; height:60px; }
.staff-mod-symbol { font-size:20px; }

/* Clear actions and comfortable touch targets across cards and account flows. */
.card-bottom { gap:8px; align-items:center; padding-top:14px; }
.card-bottom .watch { flex:1; width:auto; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #ffb69f; border-radius:12px; background:#ffb49d; color:#292027; font-size:12px; font-weight:750; box-shadow:0 3px 14px #ff977d0b; }
.card-bottom .watch:hover { background:#ffc7b6; color:#19151c; }
.card-share { display:grid; place-items:center; flex:0 0 44px; width:44px; height:46px; border:1px solid #ffffff22; border-radius:12px; color:#cbcbd7; background:#ffffff05; cursor:pointer; }
.card-share svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.card-share:hover { color:#ffd0bf; border-color:#ffb49d70; background:#ffb49d0d; }
.card-schedule { display:grid; gap:5px; min-width:0; flex:1; line-height:1.4; }
.card-schedule strong { font-size:11px; font-weight:600; color:#e0dce7; }
.share-feedback { position:fixed; z-index:200; bottom:90px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); padding:14px 18px; border:1px solid #ffc0a74d; border-radius:14px; background:#252631; box-shadow:0 12px 45px #0008; color:#f4ede8; font-size:13px; line-height:1.5; }
.share-feedback[hidden],#account-dialog [hidden],#player-start[hidden] { display:none!important; }
#account-dialog { width:min(520px,calc(100% - 28px)); padding:26px; }
#account-dialog .community-heading { align-items:flex-start; margin-bottom:20px; gap:14px; }
#account-dialog .community-heading h2 { margin-top:10px; font-size:27px; line-height:1.15; letter-spacing:-.7px; }
#account-dialog .community-heading p { margin-top:9px; max-width:350px; line-height:1.6; color:#b9b6c5; }
.account-eyebrow { color:#e6ac97; font-size:9px; font-weight:700; letter-spacing:1.8px; }
#account-dialog .community-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:5px; background:#10131d; border:1px solid #ffffff12; border-radius:14px; margin-bottom:20px; }
#account-dialog .community-tabs button { min-height:44px; border-radius:10px; border:1px solid transparent; background:transparent; color:#bab7c5; font-size:13px; font-weight:600; }
#account-dialog .community-tabs button[aria-pressed="true"] { color:#ffe0d2; background:#ffb49d12; border-color:#ffb49d30; }
.account-form { gap:17px; }
.account-form input:not([type="checkbox"]),.account-form textarea { min-height:48px; font-size:16px; }
.account-form input:focus,.account-form textarea:focus { outline:2px solid #ffb49d; outline-offset:2px; }
.account-form small,.account-password-field small { color:#aca9b8; font-size:11px; line-height:1.6; }
.account-form .primary { width:100%; min-height:48px; border-radius:12px; font-weight:700; }
.account-password-field { display:grid; gap:8px; font-size:13px; color:#d8d1dc; }
.password-control { display:flex; align-items:center; gap:6px; padding-right:5px; border:1px solid #ffffff22; border-radius:12px; background:#141825; }
.account-form .password-control input { flex:1; min-width:0; width:100%; border:0; background:transparent; box-shadow:none; }
.password-control button { flex-shrink:0; min-height:42px; padding:0 10px; border:0; border-radius:9px; background:transparent; color:#e9b49f; font-size:11px; cursor:pointer; }
.account-text-action { display:block; width:100%; min-height:44px; margin-top:9px; padding:10px 4px; border:0; border-radius:10px; background:transparent; color:#edbda9; font:inherit; font-size:12px; cursor:pointer; text-align:center; }
.account-text-action:hover { background:#ffffff07; }
.account-guest-note { margin:14px 0 0; padding-top:17px; border-top:1px solid #ffffff12; color:#aaa8b6; font-size:11px; line-height:1.8; text-align:center; }
#account-notice:empty { display:none; }
#account-notice:not(:empty) { margin:0 0 18px; padding:12px 14px; border-radius:11px; background:#b6dbcb0a; border:1px solid #b6dbcb22; color:#d6e6df; line-height:1.6; }
#account-notice[data-error="true"] { background:#ff93800a; border-color:#ff938044; color:#ffc2b4; }
.account-section { margin-top:23px; }
.account-section h3 { margin-bottom:10px; color:#b9b4c1; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; }
.account-tool-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
#account-dialog .account-tool-grid>* { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-width:0; min-height:52px; margin:0; padding:12px; text-align:left; font-size:12px; line-height:1.5; border-radius:12px; text-decoration:none; }
.account-tool-grid span { color:#b59d97; }
.account-edit { margin-top:20px; padding:15px; border:1px solid #ffffff16; border-radius:13px; background:#ffffff02; }
.account-edit summary { cursor:pointer; font-size:13px; color:#ece4e3; line-height:1.5; }
.account-edit summary span { display:block; margin-top:3px; margin-left:17px; color:#aaa5b5; font-size:11px; }
.account-edit[open] summary { margin-bottom:20px; }
.account-logout { margin-top:20px; padding-top:16px; border-top:1px solid #ffffff12; border-radius:0; color:#aaa5b5; }
#account-dialog .account-summary { margin-bottom:0; padding:17px; border-radius:16px; background:linear-gradient(115deg,#ffb49d08,#8ab5eb07); }
#player-start { display:block; min-height:46px; margin:12px auto 4px; padding:12px 24px; font-weight:700; }
#player-wrap #bar { cursor:grab; touch-action:none; user-select:none; flex-wrap:nowrap; }
#player-wrap.is-dragging #bar { cursor:grabbing; }
#player-wrap #now { min-width:0; overflow:hidden; text-overflow:ellipsis; }
#player-move { cursor:grab; color:#b8aebf; }
#player-wrap.is-dragging #player-move { cursor:grabbing; }
#player-pip { display:flex; align-items:center; justify-content:center; gap:7px; padding:0 11px; }
#player-pip .pip-label { font-size:11px; font-weight:600; }
#player-pip.is-active { color:#ffb49d; border-color:#ffb49d70; }
#player-window-note { margin:0 0 12px; padding:10px 12px; border:1px solid #ffffff18; border-radius:10px; font-size:12px; line-height:1.5; color:#d1c6d8; background:#ffffff05; }
.player-action:focus-visible { outline:2px solid #ffbdac; outline-offset:2px; }
#lv-sec { flex-wrap:wrap; }
.presence-group,.full-site #count { display:flex; align-items:center; gap:10px; }
.presence-stat { display:flex; align-items:center; gap:10px; min-height:56px; padding:10px 15px; border:1px solid #ffb49d2b; border-radius:14px; background:linear-gradient(130deg,#ffb49d12,#ffb49d04); color:#ffb49d; }
.presence-stat>svg { width:25px; height:25px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.presence-stat>div { display:flex; flex-direction:column; gap:2px; }
.presence-stat b,.full-site #count b { font-size:21px; font-weight:750; line-height:1; letter-spacing:-.5px; font-variant-numeric:tabular-nums; color:inherit; }
.presence-stat span,.sec .presence-stat span { color:#d8d1db; font-size:11px; line-height:1.4; white-space:nowrap; }
.presence-online { color:#b7e7d0; border-color:#b7e7d02b; background:linear-gradient(130deg,#b7e7d013,#b7e7d004); }
.presence-dot { width:6px; height:6px; border-radius:50%; background:#aee5c8; box-shadow:0 0 9px #aee5c84d; flex:none; }
.presence-stat[hidden] { display:none; }
#lv-sec { flex-wrap:wrap; gap:16px; }
@media(max-width:1000px) {
 .full-site .header-inner { flex-wrap:wrap; gap:12px; }
 .full-site .header-inner .search { flex:1 1 100%; max-width:none; width:100%; }
 .full-site #count { margin:0; }
 #lv-sec .section-note { display:none; }
}
@media(max-width:520px) {
 .presence-group,.full-site #count { width:100%; gap:8px; }
 .presence-stat { flex:1; min-width:0; min-height:58px; padding:10px; gap:8px; border-radius:12px; }
 .presence-stat>svg { width:22px; height:22px; }
 .presence-stat b,.full-site #count b { font-size:21px; }
 .presence-stat span,.sec .presence-stat span { font-size:10px; }
 .presence-dot { margin-left:auto; width:5px; height:5px; }
 #lv-sec { gap:12px; }
 #lv-sec h2 { width:100%; }
}
#player-wrap.is-mini .pip-label { display:none; }
#player-wrap.is-mini #bar { gap:4px; }
#player-wrap.is-mini .player-action { min-width:44px; width:44px; padding:0; }
#player-away { position:fixed; z-index:59; right:24px; bottom:96px; display:flex; align-items:center; gap:10px; max-width:calc(100% - 32px); padding:10px 12px; border:1px solid #ffffff24; border-radius:15px; background:#1d202ef5; box-shadow:0 12px 40px #0005; font-size:12px; color:#cbc4d2; }
#player-away[hidden] { display:none; }
#player-away button { min-height:44px; padding:8px 12px; border:1px solid #ffffff20; border-radius:10px; background:#ffffff09; color:#f5efe6; font-weight:600; cursor:pointer; }
#player-away #player-return { background:#ffb49d; color:#292027; }
body.detached-player { padding:0; overflow:auto; }
body.detached-player>header,body.detached-player .desktop-window,body.detached-player .desktop-dock,body.detached-player #desktop-rest,body.detached-player #player-away { display:none!important; }
body.detached-player #player-wrap,body.detached-player #player-wrap.chat-open:not(.is-mini) { position:relative; inset:auto!important; width:100%; max-width:none; max-height:none; min-height:calc(100dvh - 44px); margin:0; border:0; border-radius:0; padding:16px; overflow:visible; }
body.detached-player #player-wrap #bar { position:sticky; top:0; z-index:4; cursor:default; touch-action:auto; background:#1d202e; padding:8px 0 12px; }
body.detached-player #player-move,body.detached-player #player-minimize { display:none; }
body.detached-player #player-wrap video { width:100%; max-height:calc(100dvh - 240px); object-fit:contain; }
body.detached-player #player-wrap.chat-open:not(.is-mini) #player-chat { max-height:calc(100dvh - 100px); }
@media(max-width:600px) {
 #player-away { right:8px; bottom:92px; max-width:calc(100% - 16px); flex-wrap:wrap; gap:6px; }
 #player-away>span { width:100%; font-size:11px; }
 body.detached-player #player-wrap { padding:10px; }
 body.detached-player #player-wrap.chat-open:not(.is-mini) #player-chat { max-height:400px; }
}
@media(max-width:760px) {
 #player-pip .pip-label { display:none; }
 #player-wrap #bar { gap:5px; }
 #player-wrap #close { width:44px; padding:0; font-size:0; }
 #player-wrap #close::after { content:'×'; font-size:20px; }
 #player-pip { padding:0; width:44px; }
}
.card-share:focus-visible,.watch:focus-visible,.account-text-action:focus-visible,.account-tool-grid>*:focus-visible,.account-edit summary:focus-visible { outline:2px solid #ffbdac; outline-offset:3px; }
@media(max-width:480px) {
 #account-dialog { padding:20px; }
 #account-dialog .community-heading h2 { font-size:25px; }
 .card-bottom .watch { min-height:46px; padding:10px 6px; font-size:11px; }
 .card-bottom { gap:6px; }
 .card-share { flex-basis:44px; }
}

/* Full-page surface: keep the glass identity without the simulated desktop frame. */
body.full-site:not(.detached-player) { padding:0 0 32px; }
.full-site .desktop-menu { position:sticky; top:0; z-index:42; height:auto; min-height:58px; max-width:none; padding:10px clamp(16px,2.5vw,48px); gap:20px; border-bottom:1px solid #ffffff12; background:#131622ed; backdrop-filter:blur(22px); }
.full-site .menu-brand img { width:30px; height:30px; }
.full-site .desktop-menu .mapache-word { font-size:18px; }
.full-site .menu-tagline { display:none; }
.site-nav { display:flex; align-items:center; justify-content:center; gap:6px; margin-right:auto; }
.site-nav a,.site-nav button { display:inline-flex; align-items:center; min-height:40px; padding:8px 14px; border:1px solid transparent; border-radius:12px; background:none; color:#c7c2d0; font-family:inherit; font-size:12px; font-weight:600; line-height:1.4; cursor:pointer; }
.site-nav button { color:#ffbda8; border-color:#ffb49d26; background:#ffb49d08; font-size:12px; }
.site-nav a:hover,.site-nav button:hover,.site-nav button[aria-pressed=true] { background:#ffffff0c; color:#f5efe6; }
.full-site .desktop-window { display:block; width:100%; max-width:none; height:auto; min-height:0; margin:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.full-site .window-titlebar,.full-site .workspace-sidebar { display:none; }
.full-site .workspace-content { display:block; background:transparent; overflow:visible; }
.full-site .workspace-content header { position:relative; background:#161a2580; }
.full-site .header-inner { width:100%; max-width:none; padding:14px clamp(16px,2.5vw,48px); }
.full-site header .brand { display:none; }
.full-site .search { flex:1; max-width:650px; }
.full-site #q { height:44px; font-size:14px; }
.full-site .search svg { top:13px; }
.full-site #count { margin-left:auto; }
.full-site main { max-width:none; padding:0 clamp(16px,2.5vw,48px); overflow:visible; }
.full-site .hero { margin:22px 0; padding:26px 30px; gap:32px; border-radius:22px; }
.full-site .hero-signature { display:none; }
.full-site .hero h1 { font-size:clamp(32px,3.2vw,46px); }
.full-site .hero p { font-size:14px; margin:12px 0; }
.full-site .feature { min-height:135px; }
.full-site .grid { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.full-site .desktop-dock { display:none; }
.full-site .desktop-dock:has(#dock-player:not([hidden])) { display:flex; left:auto; right:18px; bottom:16px; transform:none; padding:5px; }
.full-site .desktop-dock .dock-button:not(#dock-player) { display:none; }
.full-site #player-wrap { bottom:24px; right:24px; max-height:calc(100dvh - 88px); }
.full-site #player-away { bottom:20px; }
.full-site .sec { scroll-margin-top:80px; }
.card-multi { align-self:flex-start; padding:8px 11px; margin-top:8px; border:0; border-radius:8px; min-height:36px; font-family:inherit; font-size:11px; font-weight:600; line-height:1.4; font-size:11px; background:none; color:#bbb3c8; cursor:pointer; }
.card-multi:hover { background:#ffffff08; color:#ffb49d; }
.multi-notice { padding:12px 16px; margin:16px 0; color:#e6cebf; background:#ffb49d0b; border:1px solid #ffb49d21; border-radius:12px; font-size:13px; }
.multiview { margin:24px 0; scroll-margin-top:78px; }
.multiview[hidden] { display:none; }
.multi-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.multi-heading .eyebrow { font-size:9px; letter-spacing:1.8px; color:#d5ad9f; margin-bottom:6px; }
.multi-heading h2 { font-size:28px; letter-spacing:-.8px; }
.multi-heading p { font-size:12px; color:#b4adbf; margin-top:5px; }
.multi-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.multi-slot { min-width:0; overflow:hidden; border:1px solid #ffffff22; border-radius:18px; background:#1b1f2c; }
.multi-slot-head { display:flex; align-items:center; gap:8px; padding:12px; border-bottom:1px solid #ffffff12; }
.multi-slot-head h3 { flex:1; min-width:0; font-size:12px; line-height:1.5; }
.multi-slot-head>div { display:flex; gap:6px; }
.multi-slot-head>div[hidden] { display:none; }
.multi-slot-head button { min-height:40px; padding:8px 12px; border-radius:10px; border:1px solid #ffffff20; background:#ffffff07; color:#ddd3e5; cursor:pointer; font-size:11px; }
.multi-slot-head button[aria-pressed=true] { background:#ffb49d; color:#241e24; }
.multi-screen { height:clamp(410px,calc(100dvh - 260px),700px); position:relative; }
.multi-screen iframe { display:block; border:0; width:100%; height:100%; background:#151924; }
.multi-empty { height:100%; min-height:300px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:30px; gap:12px; text-align:center; background:radial-gradient(ellipse at 50% 25%,#ffb49d08,transparent 70%); }
.multi-empty[hidden] { display:none; }
.multi-empty>span { font-size:35px; color:#bdb4cc; }
.multi-empty h3 { font-size:17px; }
.multi-empty p { color:#a9a4b5; font-size:12px; }
.multi-state { min-height:30px; padding:6px 14px; font-size:11px; color:#bdb4c8; }
.multi-choices { display:grid; gap:10px; margin:20px 0; }
#multi-picker p { color:#bcb4c6; font-size:13px; margin-top:10px; }
body.has-multiview .hero { display:none; }
body.detached-player .site-nav { display:none; }
body.multiview-embed .desktop-menu,body.multiview-embed #player-pip,body.multiview-embed #player-move,body.multiview-embed #player-minimize { display:none!important; }
body.multiview-embed #player-wrap,body.multiview-embed #player-wrap.chat-open:not(.is-mini) { padding:10px; min-height:100dvh; }
body.multiview-embed #player-wrap #bar { display:none; }
body.multiview-embed #now { font-size:11px; }
body.multiview-embed #now small { display:none; }
body.multiview-embed #player-wrap video { max-height:none; width:100%; aspect-ratio:16/9; }
body.multiview-embed #player-wrap.chat-open .player-layout { display:block; }
body.multiview-embed #player-wrap.chat-open #player-chat { max-height:340px; margin-top:10px; }
body.multiview-embed .multi-solo { font-size:11px; padding:0 10px; }
body.multiview-embed #player-wrap #controls { padding:8px; }
@media(max-width:760px) {
 .full-site .desktop-menu { padding:10px 14px; flex-wrap:wrap; gap:8px; }
 .full-site .menu-actions { margin-left:auto; }
 .site-nav { order:3; width:100%; margin:0; gap:8px; justify-content:flex-start; }
 .site-nav a,.site-nav button { min-height:40px; padding:8px 14px; }
 .full-site .header-inner { padding:12px 14px; }
 .full-site main { padding:0 12px; }
 .full-site #q { font-size:16px; }
 .full-site .hero { margin:12px 0 20px; padding:22px; }
 .full-site .hero h1 { font-size:32px; }
 .full-site .hero p { font-size:12px; }
 .full-site .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .full-site #player-wrap { right:10px; bottom:16px; max-height:calc(100dvh - 100px); }
 .multiview { scroll-margin-top:115px; margin:18px 0; }
 .multi-grid { grid-template-columns:1fr; }
 .multi-heading h2 { font-size:24px; }
 .multi-heading { align-items:flex-start; }
 .multi-heading p { max-width:190px; line-height:1.6; }
 .multi-heading>button { font-size:11px; max-width:115px; }
 .multi-screen { height:480px; }
 .card-multi { min-height:40px; }
 .full-site .sec { scroll-margin-top:120px; }
 .full-site .teams { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:1fr 1fr; gap:8px; margin:16px 0; min-height:128px; }
 .full-site .team,.full-site .team:last-child { width:auto; min-width:0; flex-direction:row; align-items:center; gap:6px; text-align:left; grid-column:1; }
 .full-site .team:first-child { grid-row:1; }
 .full-site .team:last-child { grid-row:2; }
 .full-site .team-name { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:10px; line-height:1.4; min-height:0; max-height:42px; text-align:left; }
 .full-site .crest,.full-site .crest img { width:24px; height:24px; }
 .full-site .crest .initials { font-size:9px; }
 .full-site .score,.full-site .vs { grid-column:2; grid-row:1 / 3; }
 .full-site .score { font-size:14px; }
 .full-site .event-body { flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:160px; text-align:center; }
 .full-site .event-body h3 { font-size:14px; }
 .full-site .card-bottom .watch>span { display:none; }
}
@media(max-width:360px) { .full-site .grid { grid-template-columns:1fr; } }