/* Approved RoosterRun component geometry. Content scrolls above navigation. */
.modal-backdrop.auth-backdrop{padding:0;background:var(--bg)}.brand__mark{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.auth-dialog .field>span{font-weight:600}.auth-dialog .field input{font-weight:400}.auth-dialog .field input::placeholder{font-weight:400}.modal-backdrop.auth-backdrop .auth-dialog{flex-shrink:1}.auth-backdrop .auth-dialog .field__control{height:52px}.auth-backdrop .auth-dialog>.text-button{font-size:14px;font-weight:600}
.home-media-card__image>.reference-art--live{width:204.15%;height:890.67%;left:-53.15%;top:-81.87%}
.design-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}.design-icon>img{max-width:none;flex-shrink:0;filter:none}.reference-auth .is-balance>.design-icon{width:24px!important;height:24px!important;padding:0;background:var(--gold-ink);border-radius:50%}.feed-section-icon{width:14px;height:14px;flex-shrink:0}
.app-layout--reference .home-hero .reference-art--hero{position:absolute;object-fit:fill;width:204.15%;height:890.67%;left:-53.15%;top:-81.87%;max-width:none;transform:none}.home-media-card__image{position:relative;overflow:hidden}.home-media-card__image>.reference-art{position:absolute;object-fit:fill;width:270.4%;left:-102.85%;max-width:none;transform:none}.home-media-card__image>.reference-art--video{height:1146%;top:-544%}.home-media-card__image>.reference-art--highlights{height:949.72%;top:-596.69%}.home-media-card__image>.reference-art--youtube{height:987.93%;top:-789.08%}
.auth-backdrop{background:var(--bg);padding:0;backdrop-filter:none;overflow:auto}.auth-backdrop .auth-dialog{position:relative;width:390px;max-width:100%;height:100dvh;max-height:none;overflow:auto;border:0;border-radius:0;box-shadow:none;background:var(--bg);padding:106px 40px 48px}.auth-dialog .auth-back{position:absolute;top:42px;left:40px;right:auto;min-height:44px;width:auto;padding:0;border:0;border-radius:0;background:none;color:var(--text-soft);font-size:14px}.auth-dialog__brand{margin-bottom:26px}.auth-backdrop .auth-dialog__brand .brand__mark{width:220px!important;height:104px!important}.auth-backdrop .auth-dialog h2{font-size:28px;line-height:1.45;margin:8px 0}.auth-dialog>.eyebrow{font-size:11px}.auth-dialog>p{font-size:14px;line-height:1.45}.auth-form{display:flex;flex-direction:column;gap:18px;margin-top:14px}.auth-form .field__control{min-height:52px}.auth-form .button{height:52px}.auth-account-switch{display:block;text-align:center;margin-top:20px;font-size:13px;color:var(--text-soft)}.auth-account-switch button{color:var(--gold);background:none;border:0;padding:8px;min-height:40px}.auth-backdrop .auth-dialog>.text-button{margin-top:14px}
@media(min-width:700px){.auth-backdrop{padding:32px}.auth-backdrop .auth-dialog{height:auto;min-height:650px;max-height:calc(100dvh - 64px);width:520px;border:1px solid var(--border-strong);border-radius:24px;padding:72px 64px 40px}.auth-dialog .auth-back{top:20px;left:32px}}
.app-layout--reference .home-hero__title{font-size:32px;line-height:1.15;top:10px;left:24px;right:10px;text-align:left;letter-spacing:-.5px;color:var(--text);text-shadow:none;transform:none;width:auto}.app-layout--reference .home-hero__title strong{color:var(--text)}
.app-layout--reference .arena-outcome{background:var(--surface);box-shadow:none}.app-layout--reference .arena-outcome:after{display:none}.app-layout--reference .arena-outcome--red{border-color:var(--red)}.app-layout--reference .arena-outcome--draw{border-color:var(--green)}.app-layout--reference .arena-outcome--blue{border-color:var(--blue)}.app-layout--reference .arena-outcome.is-selected{transform:none;outline:2px solid currentColor;outline-offset:2px;box-shadow:none}.app-layout--reference .arena-outcome:disabled{opacity:.65}
.app-layout--reference .arena-player__top{top:8px;left:8px;right:8px;gap:4px}.app-layout--reference .arena-player__top .arena-label{background:var(--surface);color:var(--text);border:0;min-height:30px;font-size:11px;padding:5px 8px;font-weight:600;letter-spacing:0}.app-layout--reference .arena-player__top .status{background:var(--red);font-size:11px;min-height:30px;padding:5px 8px}.app-layout--reference .arena-player__fullscreen{background:var(--surface);color:var(--text);width:34px;height:30px;border:0}.app-layout--reference .screen-selector button{background:var(--surface);border:1px solid var(--gold);border-radius:12px;min-height:32px;box-shadow:none;color:var(--gold)}.app-layout--reference .screen-selector button>i{display:none}.app-layout--reference .screen-selector button .icon{display:none}
.app-layout--reference .arena-market,.app-layout--reference .arena-actions{gap:8px}.app-layout--reference .arena-actions>button{background:var(--surface);box-shadow:none}.app-layout--reference .prediction-button{display:flex!important;flex-direction:column;justify-content:center!important;align-items:center!important;gap:4px!important;padding:8px!important;background:linear-gradient(var(--gold),var(--gold-bright))!important;color:var(--gold-ink);border:0!important}.app-layout--reference .prediction-button>span{display:none}.app-layout--reference .prediction-button strong,.app-layout--reference .prediction-button small{font-size:12px;color:var(--gold-ink)}.app-layout--reference .table-corner{box-shadow:none}.app-layout--reference .table-corner--gold{background:var(--green)}
html,body,#app{min-height:100%;background:var(--bg)}
.brand__mark{width:150px!important;height:70px!important;object-fit:contain;filter:none!important}.brand__copy{display:none}
.app-layout.app-layout--reference{width:100%;max-width:none;height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 88px;margin:0;overflow:hidden;background:var(--bg)}
.app-layout--reference .app-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;margin:0;overflow:hidden;border:0;border-radius:0}
.app-layout--reference .player-app-header{height:62px;min-height:62px;position:static;padding:10px;display:flex;align-items:center;justify-content:space-between;background:var(--bg)}
.reference-home-logo img{width:90px!important;height:42px!important;object-fit:contain;filter:none!important}.reference-home-logo>span{display:none}
.reference-auth .is-balance{min-width:100px;height:40px;border:0;border-radius:24px;background:linear-gradient(110deg,var(--gold),var(--gold-bright));color:var(--gold-ink);font-weight:700}
.app-layout--reference .workspace-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 10px 20px;scroll-padding-bottom:20px;margin-bottom:12px;scrollbar-width:none}.workspace-content::-webkit-scrollbar{display:none}
.app-layout--reference .app-mobile-nav{position:static;width:calc(100% - 20px);height:72px;min-height:72px;max-width:none;transform:none;margin:0 10px 16px;padding:8px;border:1.5px solid var(--text);border-radius:24px;background:var(--bg);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:none;z-index:2}
.app-mobile-nav button{min-width:0;font-size:11px;gap:4px;color:var(--gold)}.theme-icon{object-fit:contain;display:inline-block;flex-shrink:0;vertical-align:middle;filter:none!important}
.app-layout--reference .app-sidebar{display:none}.home-shortcut .theme-icon{width:28px;height:28px}
.app-layout--reference .home-hero{aspect-ratio:370/200;height:auto;min-height:0;border:1px solid var(--text);border-radius:16px}
.app-layout--reference .cockfight-home__body{grid-template-columns:90px minmax(0,1fr);gap:8px}.home-feed{min-width:0}.home-shortcuts{gap:8px}.home-shortcut{min-height:74px;border:1px solid var(--text);border-radius:12px;background:linear-gradient(135deg,#20232e,#090b0f)}
.app-layout--reference .home-media-card__image{aspect-ratio:272/128}.home-media-card__image>em{border:0;border-radius:4px;box-shadow:none;top:7px;right:7px;min-height:24px;padding:0 6px;font-size:12px;font-weight:600}.home-section-title h2{font-size:14px!important;letter-spacing:0;gap:6px}.home-section-title>button{font-size:12px}
.app-layout--reference .arena-home{gap:8px;max-width:none}.app-layout--reference .arena-player{aspect-ratio:370/208;border-radius:16px;border:1px solid var(--text)}
.app-layout--reference .arena-outcome{min-height:118px;border-radius:14px;padding:12px 6px;gap:6px}.app-layout--reference .arena-outcome__label{font-size:11px;letter-spacing:0;color:var(--text-soft)}.app-layout--reference .arena-outcome__crest{width:48px;height:48px}.app-layout--reference .arena-outcome__crest img{width:48px;height:48px;object-fit:contain;filter:none;transform:none}.app-layout--reference .arena-outcome strong{font-size:18px}
.app-layout--reference .arena-chips button{height:40px;min-height:40px;font-size:13px;border-radius:12px}.app-layout--reference .arena-actions>button{min-height:56px;border-radius:14px}.app-layout--reference .recent-arena{border-radius:16px;background:var(--surface)}
.app-layout--reference .recent-arena__body{display:block}.app-layout--reference .market-legend{display:flex;justify-content:space-between;gap:8px;padding:12px;border:0}.app-layout--reference .market-legend span{min-height:0;font-size:10px;padding:0;border:0}.app-layout--reference .recent-table{width:100%;min-width:350px;font-size:11px;table-layout:auto}.app-layout--reference .recent-table th,.app-layout--reference .recent-table td{height:32px;padding:6px 5px;white-space:nowrap}.recent-table-wrap{overflow:auto}
.workspace-page{max-width:1100px;margin:auto}.section-heading p{max-width:55ch}.payment-dialog,.auth-dialog,.security-dialog,.safety-dialog{width:min(100%,520px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;padding:20px}.modal-backdrop{padding:16px;backdrop-filter:blur(6px)}
.auth-dialog__brand .brand{justify-content:center}.auth-dialog__brand .brand__mark{width:140px!important;height:66px!important}.auth-dialog h2{font-size:24px}.auth-assurance{display:none}.auth-switch{margin:16px 0}.field input,.payment-fields input{min-height:48px;font-size:14px;border-radius:12px}.auth-dialog>.eyebrow{color:var(--gold)}
.beneficiary-picker{display:grid;gap:10px}.beneficiary-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);cursor:pointer}.beneficiary-card:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--surface))}.beneficiary-card input{accent-color:var(--gold);width:22px;height:22px}.beneficiary-card>span{display:grid;gap:4px;min-width:0}.beneficiary-card small{color:var(--text-soft);overflow-wrap:anywhere}.beneficiary-card button{margin-left:auto;color:var(--gold);background:none;border:0;min-height:40px}.save-account{display:flex;gap:10px;align-items:center;font-size:13px}.save-account input{accent-color:var(--gold)}
.landing-screen{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:40px;position:relative;overflow:hidden;background:var(--bg)}.landing-screen .landing-logo{width:240px;height:112px;object-fit:contain}.landing-screen h1{font-size:28px;line-height:1.2;text-align:center;margin:0}.landing-screen p{font-size:16px;color:var(--text-soft);text-align:center;max-width:310px;margin:0}.landing-actions{width:310px;max-width:100%;display:grid;gap:12px}.landing-screen .button{width:100%;height:52px}.landing-screen .landing-feather{position:absolute;top:-86px;left:calc(50% - 167px);width:440px;height:420px;pointer-events:none}.landing-screen>*:not(.landing-feather){position:relative}.landing-preview{position:absolute!important;bottom:24px;font-size:12px;color:var(--text-muted);border:0;background:none}
.button{transition:filter var(--motion-fast,160ms) var(--motion-ease,ease),transform var(--motion-fast,160ms) var(--motion-ease,ease)}.button:active{transform:translateY(1px)}.button:hover:not(:disabled){filter:brightness(1.08)}.button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.button:disabled{opacity:.45;cursor:not-allowed}
.button--primary{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--gold-bright),var(--gold))!important;border:0!important;color:var(--gold-ink)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 28%,transparent),inset 0 1px rgba(255,255,255,.35)!important}.button--primary:before{content:none!important;display:none!important;background:none!important}
@keyframes rooster-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing-screen,.auth-dialog,.payment-dialog{animation:rooster-enter var(--motion-base,220ms) var(--motion-ease,ease-out) both}
@media(min-width:700px){.app-layout.app-layout--reference{grid-template-columns:80px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app-layout--reference .app-sidebar{display:flex;position:static;width:80px;height:100%;padding:12px 8px;border-right:1px solid var(--border);flex-direction:column}.app-sidebar .brand__mark{width:64px!important;height:48px!important}.app-sidebar .app-nav__item{justify-content:center;min-height:48px;padding:8px}.app-sidebar .app-nav__item>span,.app-sidebar__foot>span,.app-sidebar .preview-banner,.app-sidebar__foot button>span{display:none}.app-sidebar__foot{margin-top:auto}.app-layout--reference .app-mobile-nav{display:none}.app-layout--reference .workspace-content{padding:20px}.app-layout--reference .player-app-header{height:72px;min-height:72px;padding:16px 24px}.reference-home-logo img{width:128px!important;height:54px!important}.app-layout--reference .cockfight-home{max-width:1160px;margin:auto}.app-layout--reference .home-hero{aspect-ratio:auto;height:260px}.app-layout--reference .home-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-layout--reference .cockfight-home__body{grid-template-columns:110px minmax(0,1fr);gap:16px}.payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-dialog{width:min(100%,600px)}}
@media(min-width:1000px){.app-layout.app-layout--reference{grid-template-columns:180px minmax(0,1fr)}.app-layout--reference .app-sidebar{width:180px;padding:20px 12px}.app-sidebar .brand__mark{width:150px!important;height:70px!important}.app-sidebar .app-nav__item>span,.app-sidebar__foot button>span{display:block}.app-sidebar .app-nav__item{justify-content:flex-start}.app-layout--reference .arena-home{display:grid;grid-template-columns:minmax(0,61fr) minmax(0,39fr);align-items:start}.arena-home>.arena-player,.arena-home>.screen-selector,.arena-home>.screen-games{grid-column:1}.arena-home>.arena-market,.arena-home>.chip-section,.arena-home>.arena-actions{grid-column:2}.arena-home>.arena-market{grid-row:1}.arena-home>.chip-section{grid-row:2}.arena-home>.recent-arena{grid-column:1/-1}}
@media(min-width:1400px){.app-layout.app-layout--reference{grid-template-columns:220px minmax(0,1fr)}.app-layout--reference .app-sidebar{width:220px;padding:20px}.app-layout--reference .workspace-content{padding:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports(padding:env(safe-area-inset-bottom)){@media(max-width:699px){.app-layout.app-layout--reference{grid-template-rows:minmax(0,1fr) calc(88px + env(safe-area-inset-bottom))}.app-layout--reference .app-mobile-nav{margin-bottom:calc(16px + env(safe-area-inset-bottom))}}}

.landing-screen{padding:224px 40px 64px;justify-content:space-between;gap:40px}.landing-screen .landing-logo{width:310px;height:146px;flex-shrink:0}.landing-content{display:flex;flex-direction:column;gap:40px;width:310px;max-width:100%}.landing-copy{display:grid;gap:16px}.landing-screen h1{font-size:34px;line-height:40px}.landing-screen .landing-feather--1{top:-86px;left:calc(50% - 167px)}.landing-screen .landing-feather--2{width:356px;height:380px;top:-8px;left:calc(50% - 101px)}.landing-screen .landing-feather--3{width:264px;height:290px;top:104px;left:calc(50% - 19px)}.landing-screen>*:not(.landing-feather){z-index:1}.landing-screen .landing-feather{z-index:0}.app-layout--reference .home-shortcut{box-shadow:none}.app-layout--reference .home-hero__labels strong{font-size:20px}.app-layout--reference .home-hero__labels small{font-size:13px}
@media(min-width:700px){.app-layout--reference .app-sidebar{transform:none!important;inset:auto!important}.app-layout--reference .home-media-card strong{font-size:16px;line-height:20px}.app-layout--reference .home-media-card .home-media-card__title{font-size:16px;line-height:20px}}
@media(min-width:700px){.app-layout--reference .app-workspace{width:100%;max-width:none;margin:0}.app-layout--reference .workspace-content{margin-bottom:0}.app-layout--reference .recent-arena__heading{justify-content:space-between}.app-layout--reference .arena-actions{grid-template-columns:1fr 1.1fr 2fr 1fr}}

.modal-backdrop{top:var(--visible-top,0px);bottom:auto;height:var(--visible-height,100dvh)}.payment-dialog{max-height:calc(var(--visible-height,100dvh) - 32px)}.modal{max-height:min(780px,calc(var(--visible-height,100dvh) - 32px))}.modal-backdrop.auth-backdrop .auth-dialog{max-height:var(--visible-height,100dvh);min-height:0;overflow-y:auto}@media(max-width:699px){.modal-backdrop.auth-backdrop .auth-dialog{height:var(--visible-height,100dvh)}}

.category-tab-thumbnail{width:28px;height:28px;object-fit:cover;border-radius:6px;vertical-align:middle;flex-shrink:0}

.live-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:12px 24px;border:1px solid #e6bf5b;border-radius:10px;background:#101318;color:#f2ce6f;font-weight:700;cursor:pointer}

/* Social links (siteConfig.social) and maintenance notice */
.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);text-decoration:none;font-size:12px;font-weight:700}.social-links a:hover,.social-links a:focus-visible{color:var(--text);border-color:var(--gold)}
.home-social{padding:4px 16px 24px}.home-social h2{margin:0 0 10px;font-size:15px;color:var(--text)}
.maintenance-strip{min-height:30px;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 14px;border-bottom:1px solid rgba(239,78,87,.35);background:rgba(239,78,87,.1);color:var(--text);font-size:12px}.maintenance-strip strong{font-weight:900;text-transform:uppercase;color:var(--red)}.maintenance-strip span{color:var(--text-soft)}


/* ===== Live arena layout fixes (2026-10-05) ===== */
.arena-player__top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:8px;
  top:8px;left:8px;right:8px;flex-wrap:nowrap;pointer-events:none;
}
.arena-player__chrome{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:calc(100% - 84px);
}
.arena-player__tools{
  display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;pointer-events:auto;
}
.arena-player__sound,
.app-layout--reference .arena-player__sound{
  width:34px;height:34px;min-width:34px;min-height:34px;display:grid;place-items:center;
  padding:0;border:0;border-radius:8px;background:rgba(8,11,15,.82);color:#fff;cursor:pointer;
  pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.arena-player__fullscreen{margin-left:0;width:34px;height:34px;min-width:34px;pointer-events:auto}
.app-layout--reference .arena-player__top{justify-content:space-between;gap:8px}
.app-layout--reference .arena-player__top .status,
.app-layout--reference .arena-player__top .arena-label{
  min-height:26px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;
}
.arena-label--status.is-closed{background:rgba(90,96,104,.92)!important;color:#f2f3f5!important}
.arena-label--status.is-open{background:rgba(33,160,90,.92)!important;color:#fff!important}
/* Hide legacy bottom live controls (sound moved to top-right) */
.arena-player__controls--live{display:none!important}

/* Closed betting state */
.arena-closed-banner{
  margin:0;padding:8px 12px;border:1px solid rgba(239,78,87,.35);border-radius:10px;
  background:rgba(239,78,87,.12);color:#ffb4b8;font-size:12px;font-weight:700;text-align:center;
}
.arena-market.is-betting-closed,
.chip-section.is-betting-closed,
.arena-actions.is-betting-closed .prediction-button{
  pointer-events:none;
}
.arena-outcome.is-disabled,
.arena-outcome:disabled,
.app-layout--reference .arena-outcome:disabled,
.app-layout--reference .arena-outcome.is-disabled{
  opacity:.42;filter:grayscale(.35);cursor:not-allowed;transform:none!important;box-shadow:none!important;outline:none!important;
}
.chip-section.is-betting-closed .arena-chips button,
.arena-chips button:disabled{
  opacity:.45;cursor:not-allowed;pointer-events:none;
}
.prediction-button.is-closed,
.prediction-button:disabled{
  opacity:.55;cursor:not-allowed;filter:grayscale(.2);
}

/* Bet column / chips / CTA — no horizontal overflow */
.app-layout--reference .arena-market,
.app-layout--reference .chip-section,
.app-layout--reference .arena-actions{min-width:0;width:100%}
.app-layout--reference .arena-chips{
  display:flex;flex-wrap:wrap;gap:6px;
}
.app-layout--reference .arena-chips button{
  flex:1 1 calc(33.333% - 6px);min-width:56px;max-width:100%;
  height:40px;min-height:40px;font-size:13px;
}
.app-layout--reference .arena-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  align-items:stretch;
}
.app-layout--reference .arena-actions > button{
  min-width:0;min-height:48px;padding:6px 4px;
}
.app-layout--reference .arena-actions > .prediction-button{
  grid-column:1 / -1;
  width:100%;min-height:52px;
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;
  text-align:center;
}
.app-layout--reference .prediction-button strong,
.app-layout--reference .prediction-button small{
  display:block;max-width:100%;line-height:1.25;white-space:normal;
}
.app-layout--reference .prediction-button strong{font-size:13px}
.app-layout--reference .prediction-button small{font-size:11px}

/* Legend dots aligned with labels */
.market-legend{align-items:center}
.market-legend__item,
.app-layout--reference .market-legend span,
.app-layout--reference .market-legend__item{
  display:inline-flex!important;align-items:center;gap:6px;min-height:0;line-height:1.2;
  padding:0;border:0;vertical-align:middle;
}
.table-corner{
  width:9px;height:9px;margin:0!important;flex:0 0 auto;align-self:center;
  display:inline-block;border-radius:50%;vertical-align:middle;
}

/* Responsive: side-by-side only at 1280+; stack below so 1024 isn't crushed */
@media (min-width:1000px) and (max-width:1279px){
  .app-layout--reference .arena-home{
    display:flex!important;flex-direction:column;gap:10px;
  }
  .arena-home > .arena-player,
  .arena-home > .screen-selector,
  .arena-home > .screen-games,
  .arena-home > .arena-market,
  .arena-home > .chip-section,
  .arena-home > .arena-actions,
  .arena-home > .recent-arena,
  .arena-home > .arena-closed-banner{grid-column:auto;width:100%;max-width:100%}
  .app-layout--reference .arena-home .arena-player{width:100%}
}
@media (min-width:1280px){
  .app-layout.app-layout--reference{grid-template-columns:180px minmax(0,1fr)}
  .app-layout--reference .arena-home{
    display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,0.9fr);align-items:start;gap:12px;
  }
  .arena-home > .arena-player,
  .arena-home > .screen-selector,
  .arena-home > .screen-games{grid-column:1}
  .arena-home > .arena-closed-banner,
  .arena-home > .arena-market,
  .arena-home > .chip-section,
  .arena-home > .arena-actions{grid-column:2;min-width:0}
  .arena-home > .arena-player{grid-row:1 / span 6}
  .arena-home > .recent-arena{grid-column:1 / -1}
  .app-layout--reference .workspace-content,
  .app-layout--reference .arena-home{overflow-x:hidden;max-width:100%}
}
@media (min-width:1440px){
  .app-layout--reference .arena-home{grid-template-columns:minmax(0,1.55fr) minmax(300px,0.85fr);gap:14px}
}

/* Prevent page horizontal scroll in play shell */
.app-layout--reference,
.app-layout--reference .app-workspace,
.app-layout--reference .workspace-content{max-width:100%;overflow-x:hidden}
.arena-home,.arena-market,.arena-actions,.chip-section{max-width:100%;min-width:0}

/* ===== Player UX polish + motion (frame-scrub 150-280ms) ===== */
:root{
  --motion-fast:160ms;   /* chips, tabs, hover/press */
  --motion-toast:180ms;
  --motion-modal:200ms;
  --motion-base:220ms;   /* generic enter */
  --motion-route:240ms;
  --motion-ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-reduced-motion:reduce){
  :root{
    --motion-fast:1ms;--motion-toast:1ms;--motion-modal:1ms;
    --motion-base:1ms;--motion-route:1ms;
  }
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Tap targets */
.app-nav__item,
.app-mobile-nav button,
.arena-chips button,
.stake-chips button,
.home-shortcut,
.screen-selector button{
  min-height:40px;
}
.app-layout--reference .arena-chips button{min-height:40px}

/* Route / page enter */
.workspace-content > *,
.page.arena-page{
  animation:rr-fade-up var(--motion-route) var(--motion-ease) both;
}
.landing-screen{
  animation:rr-fade-up var(--motion-route) var(--motion-ease) both;
  opacity:1;
}
@keyframes rr-fade-up{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

/* Sidebar active + hover */
.app-sidebar .app-nav__item{
  transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);
}
.app-sidebar .app-nav__item:hover{transform:translateX(2px)}
.app-sidebar .app-nav__item.is-active{background:color-mix(in srgb,var(--gold) 16%,transparent)}

/* Cards hover/press */
.home-media-card,
.home-shortcut,
.metric-card,
.bet-item,
.result-item,
.payment-request,
.beneficiary-card{
  transition:transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);
}
.home-media-card:hover,
.home-shortcut:hover,
.metric-card:hover,
.bet-item:hover,
.result-item:hover{transform:translateY(-1px)}
.home-media-card:active,
.home-shortcut:active{transform:translateY(1px) scale(.99)}

/* Chip select feedback */
.arena-chips button,
.stake-chips button{
  transition:transform var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);
}
.arena-chips button:active:not(:disabled),
.stake-chips button:active:not(:disabled){transform:scale(.96)}
.arena-chips button.is-active,
.stake-chips button.is-active{transform:translateY(-1px)}

/* Meron / Draw / Wala press */
.arena-outcome,
.outcome-card{
  transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);
}
.arena-outcome:active:not(:disabled),
.outcome-card:active:not(:disabled){transform:scale(.98)}
.arena-outcome.is-selected:not(:disabled){transform:translateY(-2px)}

/* Modal open */
.modal-backdrop{
  animation:rr-backdrop-in var(--motion-modal) var(--motion-ease) both;
}
.modal-backdrop > [data-modal-panel],
.modal-backdrop .auth-dialog,
.modal-backdrop .payment-dialog,
.modal-backdrop .notification-dialog,
.modal-backdrop .support-dialog,
.modal-backdrop .modal{
  animation:rr-modal-in var(--motion-modal) var(--motion-ease) both;
}
@keyframes rr-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes rr-modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* Toast in/out */
.toast-region .toast,
#toast-root .toast,
.toast{
  animation:rr-toast-in var(--motion-toast) var(--motion-ease) both;
}
.toast.is-leaving,
#toast-root .toast.is-leaving{
  animation:rr-toast-out var(--motion-toast) var(--motion-ease) both;
}
@keyframes rr-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rr-toast-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}

/* Odds / prediction CTA feedback */
.prediction-button,
.button{
  transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);
}
.prediction-button:active:not(:disabled),
.button:active:not(:disabled){transform:translateY(1px) scale(.99)}

/* Empty / loading affordances */
.notification-empty,.notification-loading,.support-ticket-empty,.support-loading,.payment-empty,
.recent-table__empty{
  opacity:.92;
}

/* ===== Home landing splash fix ===== */
.landing-screen{
  min-height:100dvh;min-height:100svh;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;
  gap:28px!important;padding:48px 24px 72px!important;
  position:relative;overflow:hidden;background:var(--bg);
  box-sizing:border-box;
}
.landing-screen .landing-logo{
  position:relative;z-index:2;
  width:min(280px,72vw)!important;height:auto!important;
  max-height:132px;object-fit:contain;flex-shrink:0;
  display:block;margin:0 auto;
}
.landing-content{
  position:relative;z-index:2;
  display:flex!important;flex-direction:column;align-items:center;
  gap:24px!important;width:min(320px,100%);max-width:100%;
  margin:0 auto;
}
.landing-copy{display:grid;gap:12px;text-align:center;width:100%}
.landing-screen h1{
  margin:0;font-size:clamp(26px,5vw,34px);line-height:1.2;
  color:var(--text)!important;text-align:center;font-weight:800;
}
.landing-screen p{
  margin:0;font-size:15px;line-height:1.45;color:var(--text-soft)!important;
  text-align:center;max-width:32ch;
}
.landing-actions{width:100%;display:grid;gap:12px}
.landing-screen .button{width:100%;min-height:48px;height:52px}
.landing-screen .landing-feather{
  position:absolute;z-index:0;pointer-events:none;opacity:.55;
  top:-40px;left:50%;transform:translateX(-50%);
  width:min(440px,120vw);height:auto;max-height:420px;
}
.landing-screen .landing-feather--1{opacity:.4}
.landing-screen .landing-feather--2{top:10px;opacity:.35;width:min(360px,100vw)}
.landing-screen .landing-feather--3{top:120px;opacity:.3;width:min(280px,90vw)}
.landing-preview{position:relative!important;z-index:2;bottom:auto;margin-top:8px}
@media(min-width:700px){
  .landing-screen{padding:64px 40px 80px!important;gap:32px!important}
  .landing-screen .landing-logo{width:300px!important;max-height:140px}
}

/* ===== CRITICAL: Home splash visibility (owner QA) ===== */
.landing-screen{
  min-height:100dvh;min-height:100svh;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;
  gap:28px!important;padding:48px 24px 80px!important;
  position:relative;overflow-x:hidden;overflow-y:auto;
  background:var(--bg,#090b0f)!important;
  animation:none!important; /* avoid fill-mode opacity:0 flash/stick */
  opacity:1!important;visibility:visible!important;
}
.landing-screen .landing-logo{
  position:relative;z-index:2;display:block!important;
  width:min(300px,78vw)!important;height:auto!important;max-height:140px;
  margin:0 auto;object-fit:contain;opacity:1!important;
}
.landing-content{
  position:relative;z-index:2;display:flex!important;flex-direction:column!important;
  align-items:center;gap:22px!important;width:min(340px,100%);margin:0 auto;
  opacity:1!important;visibility:visible!important;
}
.landing-copy{display:grid!important;gap:12px;text-align:center;width:100%}
.landing-screen h1{
  margin:0!important;font-size:clamp(28px,4.5vw,36px)!important;line-height:1.2!important;
  color:#f3f5f8!important;font-weight:800!important;text-align:center!important;
  opacity:1!important;
}
.landing-screen p{
  margin:0!important;font-size:15px!important;line-height:1.45!important;
  color:#b7bec9!important;text-align:center!important;max-width:34ch;opacity:1!important;
}
.landing-actions{width:100%;display:grid!important;gap:12px}
.landing-screen .button{width:100%;min-height:52px;opacity:1!important}
.landing-screen .landing-feather{opacity:.35;pointer-events:none;z-index:0}
.landing-preview{position:relative!important;z-index:2;bottom:auto!important;margin-top:4px;
  color:#9aa3b2!important;opacity:1!important}

/* Authenticated home must not collapse */
.cockfight-home,.cockfight-home__body,.app-layout,.workspace-content{
  opacity:1;visibility:visible;
}
.workspace-content > *{animation:none} /* stop enter anim leaving opacity 0 on slow paint */
@media (prefers-reduced-motion:no-preference){
  .workspace-content > *.rr-enter,
  .page.arena-page.rr-enter{animation:rr-fade-up var(--motion-route) var(--motion-ease) both}
}

/* ===== WIDTH MATRIX FIXES (executor) ===== */
/* CTA first + always readable; utility row wraps cleanly */
.app-layout--reference .arena-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch;
}
.app-layout--reference .arena-actions > .prediction-button{
  grid-column:1 / -1!important;
  order:-1;
  min-height:56px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:10px 12px!important;
  white-space:normal!important;
}
.app-layout--reference .prediction-button strong,
.app-layout--reference .prediction-button small{
  display:block!important;
  width:100%;
  text-align:center;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.app-layout--reference .arena-actions > button:not(.prediction-button){
  order:0;min-width:0;min-height:48px!important;
}

/* Narrow phones: stack outcomes a bit tighter, clear bottom nav */
@media (max-width:620px){
  .app-layout--reference .workspace-content{padding-bottom:96px!important}
  .app-layout--reference .arena-market{gap:6px!important}
  .app-layout--reference .arena-outcome{
    min-height:96px!important;padding:8px 4px!important;gap:4px!important;
  }
  .app-layout--reference .arena-outcome__crest{width:36px!important;height:36px!important}
  .app-layout--reference .arena-outcome__crest img{width:36px!important;height:36px!important}
  .app-layout--reference .arena-outcome strong{font-size:16px!important}
  .app-layout--reference .arena-outcome__label{font-size:10px!important}
  .arena-player__chrome{max-width:calc(100% - 78px);gap:3px}
  .arena-player__top .status,
  .arena-player__top .arena-label{min-height:22px;padding:2px 6px;font-size:10px}
  .arena-player__sound,.arena-player__fullscreen{width:32px;height:32px;min-width:32px}
  .app-layout--reference .arena-chips button{flex:1 1 calc(50% - 6px);min-height:40px}
  .market-legend{flex-wrap:wrap;justify-content:flex-start!important;gap:10px 14px!important;padding:10px!important}
  .market-legend__item{font-size:11px!important}
}

/* Tablet: keep stacked live board, readable chips/CTA */
@media (min-width:621px) and (max-width:1023px){
  .app-layout--reference .arena-home{display:flex!important;flex-direction:column!important;gap:10px!important}
  .app-layout--reference .arena-outcome{min-height:110px!important}
  .app-layout--reference .arena-chips button{flex:1 1 calc(33.333% - 6px);min-height:42px}
  .app-layout--reference .workspace-content{padding-bottom:28px}
}

/* 1024: do not crush — single column live */
@media (min-width:1000px) and (max-width:1279px){
  .app-layout--reference .arena-home{
    display:flex!important;flex-direction:column!important;gap:12px!important;
  }
  .arena-home > *{width:100%;max-width:100%;min-width:0}
  .app-layout--reference .arena-market{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .app-layout--reference .arena-actions{max-width:720px}
}

/* Desktop side-by-side: prevent bet column overflow */
@media (min-width:1280px){
  .app-layout--reference .arena-home{
    display:grid!important;
    grid-template-columns:minmax(0,1.5fr) minmax(260px,0.9fr)!important;
    gap:12px!important;align-items:start;
  }
  .arena-home > .arena-player{grid-column:1;grid-row:1 / span 8}
  .arena-home > .screen-selector,
  .arena-home > .screen-games{grid-column:1}
  .arena-home > .arena-closed-banner,
  .arena-home > .arena-market,
  .arena-home > .chip-section,
  .arena-home > .arena-actions{grid-column:2;min-width:0;max-width:100%}
  .arena-home > .recent-arena{grid-column:1 / -1}
  .app-layout--reference .arena-outcome{min-height:108px!important;padding:10px 6px!important}
  .app-layout--reference .arena-outcome__crest{width:44px!important;height:44px!important}
  .app-layout--reference .arena-outcome__crest img{width:44px!important;height:44px!important}
  .app-layout--reference .arena-outcome strong{font-size:18px!important}
  .app-layout--reference .arena-chips{display:flex;flex-wrap:wrap;gap:6px}
  .app-layout--reference .arena-chips button{flex:1 1 calc(33.333% - 6px);min-width:0}
}

/* Closed betting clarity */
.arena-closed-banner{letter-spacing:.2px}
.prediction-button.is-closed{
  background:linear-gradient(135deg,#2a2e33,#14171b)!important;
  color:#c5c9cf!important;border:1px solid #3a4048!important;
}
.prediction-button.is-closed strong,.prediction-button.is-closed small{color:#c5c9cf!important}
.arena-market.is-betting-closed .arena-outcome{pointer-events:none}

/* Workspace pages: avoid horizontal scroll / cramped cards */
.workspace-page,.cockfight-home,.live-layout,.bet-panel,.arena-column{max-width:100%;min-width:0}
.bet-item,.result-item,.transaction-item{max-width:100%}
@media (max-width:620px){
  .workspace-page .section-heading h1,.workspace-page h2{font-size:22px;letter-spacing:-.3px}
  .metric-card{min-width:0}
}

/* ===== FINAL UX NITS ===== */
/* Mobile header balance must show text */
@media (max-width:699px){
  .reference-auth .is-balance,
  .app-layout--reference .player-app-header .is-balance,
  .player-app-header .header-balance-button,
  .player-app-header .is-balance{
    min-width:96px!important;padding:0 12px!important;
    color:var(--gold-ink)!important;font-weight:800!important;font-size:13px!important;
  }
  .player-app-header .is-balance span,
  .reference-auth .is-balance span{display:inline!important;color:inherit!important}
}

/* Bets/results filter tabs — 40px tap targets */
.workspace-page [role="tablist"] button,
.bet-filter button,
.result-tabs button,
.workspace-page .segmented button,
.workspace-page .tabs button{
  min-height:40px;padding:8px 12px;
}

/* Keep closed banner above outcomes in bet column */
.arena-home > .arena-closed-banner{order:0}
@media(min-width:1280px){
  .arena-home > .arena-closed-banner{grid-column:2;grid-row:1}
  .arena-home > .arena-market{grid-column:2;grid-row:2}
  .arena-home > .chip-section{grid-column:2;grid-row:3}
  .arena-home > .arena-actions{grid-column:2;grid-row:4}
  .arena-home > .screen-selector{grid-column:1;grid-row:9}
  .arena-home > .arena-player{grid-column:1;grid-row:1 / span 8}
}

/* ===== HYBRID BUTTON SYSTEM + SIDEBAR (owner) ===== */
/* Variant map:
   primary  = gold metallic (splash Log in look — PNG frame)
   bet      = red gradient — Place bet / prediction CTA ONLY
   secondary= dark fill + gold outline (Withdraw / chips / VIP / Disclaimer / History)
   Meron/Draw/Wala = keep colored side cards (no gold fill)
*/

/* Primary CTA uses theme gold vars */
.button--primary{
  isolation:isolate;position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--gold-bright),var(--gold))!important;border:0!important;
  color:var(--gold-ink)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 28%,transparent),inset 0 1px rgba(255,255,255,.35)!important;
}
.button--primary:before{content:none!important;display:none!important;background:none!important}

/* Secondary: dark fill + gold outline (NOT flat gray, NOT secondary PNG) */
.button--secondary{
  isolation:isolate;position:relative;overflow:visible;
  background:#0c1014!important;
  border:1.5px solid var(--gold,#e8b84c)!important;
  color:var(--gold-bright,#ffd878)!important;
  box-shadow:inset 0 0 0 1px var(--gold-mix-08),0 0 12px var(--gold-mix-08);
}
.button--secondary:before{content:none!important;display:none!important;background:none!important}
.button--secondary:hover:not(:disabled){
  background:#161b22!important;border-color:var(--gold-bright,#ffd878)!important;
  filter:none;color:var(--gold-bright)!important;
}

/* Bet submit CTA — red gradient ONLY */
.button--bet,
.prediction-button,
.prediction-button--bet,
.app-layout--reference .prediction-button,
.app-layout--reference .arena-actions > .prediction-button{
  background:linear-gradient(180deg,#ff5a5f 0%,#e11d2e 48%,#9b0f1c 100%)!important;
  border:1px solid #ff7a7e!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(225,29,46,.35),inset 0 1px rgba(255,255,255,.28)!important;
}
.button--bet{isolation:auto;overflow:visible}
.button--bet:before{content:none!important;display:none!important}
.button--bet:hover:not(:disabled),
.prediction-button:hover:not(:disabled){
  filter:brightness(1.06);
}
.app-layout--reference .prediction-button strong,
.app-layout--reference .prediction-button small,
.prediction-button strong,
.prediction-button small{
  color:#fff!important;
}
.prediction-button.is-closed,
.prediction-button:disabled.is-closed{
  background:linear-gradient(135deg,#2a2e33,#14171b)!important;
  color:#c5c9cf!important;border:1px solid #3a4048!important;
  box-shadow:none!important;
}
.prediction-button.is-closed strong,
.prediction-button.is-closed small{color:#c5c9cf!important}

/* Chips: dark fill + gold outline */
.app-layout--reference .arena-chips button,
.arena-chips button,
.stake-chips button{
  background:#0c1014!important;
  border:1.5px solid var(--gold,#e8b84c)!important;
  color:var(--gold-bright,#ffd878)!important;
  box-shadow:none!important;
}
.app-layout--reference .arena-chips button.is-active,
.arena-chips button.is-active,
.stake-chips button.is-active,
.app-layout--reference .arena-chips button:hover:not(:disabled),
.arena-chips button:hover:not(:disabled){
  background:linear-gradient(145deg,#2a210d,#11130f)!important;
  border-color:var(--gold-bright,#ffd878)!important;
  color:#ffe6a0!important;
  box-shadow:0 0 14px rgba(219,167,41,.18)!important;
}

/* VIP / Disclaimer / History — dark + gold outline */
.app-layout--reference .arena-actions > button:not(.prediction-button),
.arena-actions > .arena-util-button,
.arena-actions > button.arena-util-button{
  background:#0c1014!important;
  border:1.5px solid var(--gold,#e8b84c)!important;
  color:var(--gold-bright,#ffd878)!important;
  box-shadow:none!important;
}
.app-layout--reference .arena-actions > button:not(.prediction-button) > .icon,
.arena-util-button .icon{color:var(--gold,#e8b84c)!important}
.app-layout--reference .arena-actions > button:not(.prediction-button):hover,
.arena-util-button:hover{
  background:#161b22!important;border-color:var(--gold-bright)!important;
}

/* Meron / Draw / Wala — KEEP side colors, never gold-fill */
.app-layout--reference .arena-outcome--red{border-color:var(--red)!important;background:var(--surface)!important}
.app-layout--reference .arena-outcome--draw{border-color:var(--green)!important;background:var(--surface)!important}
.app-layout--reference .arena-outcome--blue{border-color:var(--blue)!important;background:var(--surface)!important}
.app-layout--reference .arena-outcome.is-selected{outline-color:currentColor}

.landing-screen .button--primary{min-height:52px}

/* ===== SIDEBAR / NAV ===== */
.app-layout--reference .app-sidebar{display:none!important}
/* Mobile Home mock: left shortcut rail + feed (desktop uses sidebar) */
@media (max-width:699px){
  .app-layout--reference .home-shortcuts{display:grid!important;gap:8px}
  .app-layout--reference .cockfight-home__body{
    grid-template-columns:88px minmax(0,1fr)!important;gap:8px!important;align-items:start;
  }
  .app-layout--reference .home-shortcut{
    min-height:70px;padding:6px 4px;border:1px solid rgba(255,255,255,.88);
    border-radius:12px;background:linear-gradient(145deg,#1a1e28,#090b0f);
    color:var(--gold-bright,#ffd878);box-shadow:none;
  }
  .app-layout--reference .home-shortcut--gold{--shortcut:var(--gold-bright,#ffd878)}
  .app-layout--reference .home-shortcut > span{width:30px;height:28px;color:var(--gold-bright)}
  .app-layout--reference .home-shortcut strong{font-size:11px;font-weight:750;color:#f4f4f4;line-height:1.15;text-align:center}
}
@media (min-width:700px){
  .app-layout--reference .home-shortcuts{display:none!important}
  .app-layout--reference .cockfight-home__body{
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  }
}
.sidebar-foot-action{
  display:block;width:100%;margin:0 0 8px;padding:8px 10px;
  border:0;border-radius:10px;background:transparent;
  color:var(--text-muted,#9aa3b2);font-size:12px;font-weight:650;
  text-align:left;cursor:pointer;min-height:36px;
}
.sidebar-foot-action:hover{color:var(--gold-bright);background:rgba(255,255,255,.04)}

@media (max-width:1023px){
  .app-layout--reference .app-mobile-nav{display:grid!important}
  .app-layout.app-layout--reference{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 88px;
  }
}

@media (min-width:1024px){
  .app-layout.app-layout--reference{
    grid-template-columns:200px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .app-layout--reference .app-sidebar{
    display:flex!important;position:static;width:200px;height:100%;
    padding:20px 14px;border-right:1px solid var(--border);
    flex-direction:column;gap:10px;
    background:linear-gradient(180deg,#0e1218,#090b0f);
  }
  .app-sidebar .brand__mark{width:150px!important;height:70px!important}
  .app-sidebar .app-nav{display:flex;flex-direction:column;gap:6px}
  .app-sidebar .app-nav__item{
    justify-content:flex-start!important;align-items:center;gap:12px;
    min-height:48px;padding:10px 14px;border-radius:14px;
    border:1px solid transparent;color:var(--text-soft);
    font-size:13px;font-weight:750;
  }
  .app-sidebar .app-nav__item>span{display:block!important}
  .app-sidebar .app-nav__item:hover{
    background:rgba(255,255,255,.04);color:var(--text);transform:none;
  }
  .app-sidebar .app-nav__item.is-active{
    background:linear-gradient(135deg,var(--gold-mix-22),rgba(225,29,46,.12))!important;
    border-color:var(--gold-mix-55)!important;
    color:var(--gold-bright)!important;
    box-shadow:inset 0 0 0 1px var(--gold-mix-18),0 0 18px var(--gold-mix-12);
  }
  .app-sidebar .app-nav__item.is-active .icon{color:var(--gold-bright)}
  .app-sidebar .preview-banner{display:block}
  .app-sidebar__foot{margin-top:auto;display:grid;gap:6px}
  .app-sidebar__foot>span{display:block!important;font-size:11px;color:var(--text-muted)}
  .app-sidebar__foot button>span{display:inline!important}
  .app-layout--reference .app-mobile-nav{display:none!important}
  .app-layout--reference .workspace-content{padding:20px}
}

@media (min-width:1400px){
  .app-layout.app-layout--reference{grid-template-columns:220px minmax(0,1fr)!important}
  .app-layout--reference .app-sidebar{width:220px;padding:24px 16px}
}

/* ===== Duplicate logo rule (owner) ===== */
/* Desktop: logo only in sidebar — hide top-bar logo */
@media (min-width: 1024px) {
  .app-layout--reference .player-app-header .reference-home-logo,
  .app-layout--reference .reference-home-header .reference-home-logo {
    display: none !important;
  }
  .app-sidebar__brand { display: block; }
}
/* Phone/tablet: single header logo; never show sidebar logo */
@media (max-width: 1023px) {
  .app-sidebar__brand { display: none !important; }
  .player-app-header .reference-home-logo { display: inline-flex !important; align-items: center; gap: 8px; }
}

/* ===== Balance always top-right (owner) ===== */
.app-layout--reference .player-app-header,
.app-layout--reference .reference-home-header.player-app-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px;
}
.app-layout--reference .player-app-header .reference-auth{
  margin-left:auto!important;
  margin-right:0!important;
  flex-shrink:0;
  justify-content:flex-end;
}
.app-layout--reference .player-app-header .is-balance{
  margin-left:0;
}
/* Desktop: logo hidden but keep auth pinned right */
@media (min-width:1024px){
  .app-layout--reference .player-app-header .reference-home-logo{
    display:none!important;
  }
  .app-layout--reference .player-app-header .reference-auth{
    margin-left:auto!important;
  }
}
/* Phone: logo left, balance right */
@media (max-width:1023px){
  .app-layout--reference .player-app-header .reference-home-logo{
    display:inline-flex!important;
    margin-right:auto;
  }
  .app-layout--reference .player-app-header .reference-auth{
    margin-left:auto!important;
  }
}

/* ===== SOFT UI LEFTOVERS (2026-10-05) ===== */
/* 1) Filter tabs: gold metallic active, dark secondary inactive */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 14px;border-bottom:1px solid var(--border)}
.filter-bar button,
.workspace-page .filter-bar button{
  min-height:40px;padding:8px 16px;border-radius:999px;
  border:1px solid var(--gold-mix-22);background:#0c1014;
  color:var(--text-soft,#b7bec9);font-size:12.5px;font-weight:800;letter-spacing:.2px;cursor:pointer;
  transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease);
}
.filter-bar button:hover:not(.is-active),
.filter-bar button:focus-visible:not(.is-active){
  border-color:var(--gold,#e8b84c);color:var(--gold-bright,#ffd878);background:#141920;
}
.filter-bar button.is-active,
.workspace-page .filter-bar button.is-active,
.screen-games button.is-active,
.withdraw-method button.is-active{
  background:linear-gradient(180deg,#fbe7a6 0%,#f2cf72 22%,#e2ad44 58%,#b98426 100%)!important;
  border:1px solid var(--gold-bright)!important;
  color:var(--gold-ink,#1a1204)!important;
  text-shadow:0 1px 0 rgba(255,240,200,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,80,10,.35),0 4px 14px var(--gold-mix-22)!important;
}
.withdraw-method button.is-active .icon,
.filter-bar button.is-active .icon{color:var(--gold-ink,#1a1204)!important}
.screen-games button:hover:not(.is-active){border-color:var(--gold,#e8b84c);color:var(--gold-bright,#ffd878)}

/* 3) Empty states: soft icon mark, spacing, tip, muted helper copy */
.empty-state{
  min-height:212px;display:grid;place-content:center;justify-items:center;gap:10px;
  margin:6px 0;padding:36px 22px;text-align:center;
  border:1px dashed var(--gold-mix-18);border-radius:16px;
  background:
    radial-gradient(120% 80% at 50% 0%,color-mix(in srgb, var(--gold) 7%, transparent),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%);
}
.empty-state__icon{
  width:58px;height:58px;display:grid;place-items:center;margin-bottom:6px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--gold-mix-22),color-mix(in srgb, var(--gold) 4%, transparent) 70%);
  border:1px solid var(--gold-mix-30);color:var(--gold,#e8b84c);
  box-shadow:0 0 0 6px color-mix(in srgb, var(--gold) 5%, transparent),0 8px 18px rgba(0,0,0,.18);
}
.empty-state__icon .icon{color:var(--gold,#e8b84c)}
.empty-state h3{margin:0;font-size:15px;font-weight:750;color:var(--text,#f3f5f8);letter-spacing:-.1px}
.empty-state .button{margin-top:12px;min-width:180px}
.payment-empty,
.notification-empty,
.support-ticket-empty{
  gap:10px;padding:28px 20px;border:1px dashed var(--gold-mix-16);border-radius:14px;
  background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb, var(--gold) 5%, transparent),transparent 62%);
}
.payment-empty strong,
.notification-empty strong,
.support-ticket-empty strong{font-size:14px;font-weight:750;color:var(--text,#f3f5f8)}
.payment-empty span,
.payment-empty p,
.notification-empty p,
.support-ticket-empty p{color:var(--text-muted,#8f97a3);max-width:36ch;font-size:12.5px;line-height:1.5}
.payment-empty > .icon,
.notification-empty > .icon,
.support-ticket-empty > .icon,
.payment-empty > svg,
.notification-empty > svg,
.support-ticket-empty > svg{
  width:42px;height:42px;padding:9px;box-sizing:content-box;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--gold-mix-18),color-mix(in srgb, var(--gold) 4%, transparent) 70%);
  border:1px solid color-mix(in srgb, var(--gold) 24%, transparent);color:var(--gold,#e8b84c);
  box-shadow:0 0 0 5px color-mix(in srgb, var(--gold) 4%, transparent);
}
.payment-empty .empty-state__icon,
.notification-empty .empty-state__icon,
.support-ticket-empty .empty-state__icon{margin-bottom:2px}
.recent-table td.recent-table__empty,
.app-layout--reference .recent-table td.recent-table__empty{height:auto;padding:26px 14px;white-space:normal;text-align:center}
.recent-empty{display:grid;justify-items:center;gap:7px;color:var(--text-muted,#8f97a3)}
.recent-empty__mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb, var(--gold) 20%, transparent),color-mix(in srgb, var(--gold) 4%, transparent) 70%);
  border:1px solid color-mix(in srgb, var(--gold) 26%, transparent);color:var(--gold,#e8b84c);margin-bottom:2px;
  box-shadow:0 0 0 5px color-mix(in srgb, var(--gold) 4%, transparent)}
.recent-empty strong{font-size:13px;font-weight:750;color:var(--text-soft,#c9ced6)}
.recent-empty span{max-width:38ch;font-size:12px;line-height:1.5}

/* 2) Tablet 700–1023: labeled icon rail; bottom nav hidden */
@media (min-width:700px) and (max-width:1023px){
  .app-layout.app-layout--reference{
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .app-layout--reference .app-mobile-nav{display:none!important}
  .app-layout--reference .app-sidebar{
    display:flex!important;position:static;width:96px;height:100%;
    flex-direction:column;gap:8px;padding:14px 8px;
    border-right:1px solid var(--border);
    background:linear-gradient(180deg,#0e1218,#090b0f);
    transform:none!important;box-shadow:none;overflow-y:auto;scrollbar-width:none;
  }
  .app-layout--reference .app-sidebar::-webkit-scrollbar{display:none}
  .app-sidebar .preview-banner{display:none!important}
  .app-sidebar .app-nav{display:flex;flex-direction:column;gap:6px}
  .app-sidebar .app-nav__item{
    position:relative;flex-direction:column;justify-content:center!important;align-items:center;
    gap:5px;min-height:62px;padding:8px 4px;border-radius:14px;
    border:1px solid transparent;color:var(--text-soft);text-align:center;
    font-size:11px;font-weight:750;line-height:1.15;
  }
  .app-sidebar .app-nav__item>span{display:block!important;white-space:normal;overflow-wrap:anywhere}
  .app-sidebar .app-nav__item>i{position:absolute;top:9px;right:18px;margin:0;width:6px;height:6px}
  .app-sidebar .app-nav__item:hover{background:rgba(255,255,255,.04);color:var(--text);transform:none}
  .app-sidebar .app-nav__item.is-active{
    background:linear-gradient(135deg,var(--gold-mix-22),rgba(225,29,46,.12))!important;
    border-color:var(--gold-mix-55)!important;color:var(--gold-bright)!important;
    box-shadow:inset 0 0 0 1px var(--gold-mix-18),0 0 18px var(--gold-mix-12);
  }
  .app-sidebar .app-nav__item.is-active .icon{color:var(--gold-bright)}
  .app-sidebar__foot{margin-top:auto;display:grid;gap:4px;justify-items:center;text-align:center}
  .app-sidebar__foot .sidebar-foot-action{text-align:center;padding:8px 4px;font-size:11px}
  .app-sidebar__foot>span{display:block!important;padding:0 2px;font-size:10px;line-height:1.3;color:var(--text-muted)}
  .app-layout--reference .workspace-content{padding:16px 18px 24px}
}
/* Desktop preview banner: stack title over copy (was inline-run "PREVIEW MODENo real") */
@media (min-width:1024px){.app-sidebar .preview-banner{display:grid!important;gap:4px}}


/* Odds engine: suspended market (live snapshot market_status=SUSPENDED) */
.arena-market.is-market-suspended {
  outline: 1px solid rgba(239, 78, 87, 0.35);
  border-radius: 12px;
}
.arena-closed-banner {
  margin: 0;
}


/* Android APK download CTA (login + profile settings) */
a.button.apk-download-button{text-decoration:none;box-sizing:border-box}
.auth-dialog .apk-download-button{width:100%;margin-top:14px}
.profile-apk-download{margin-top:16px}
.profile-apk-download .apk-download-button{width:100%}

/* ===== Home mock polish (mobile #home / dashboard) 2026-10-05 ===== */
.app-layout--reference .home-hero__title strong{color:var(--gold-bright,#ffd878)!important}
.app-layout--reference .home-hero__labels{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
  left:12px;right:12px;bottom:28px;width:auto;
}
.app-layout--reference .home-hero__labels > span{
  padding:4px 6px;border:1px solid rgba(255,255,255,.28);border-radius:999px;
  background:rgba(0,0,0,.42);backdrop-filter:blur(6px);
}
.app-layout--reference .home-hero__labels strong{color:var(--gold-bright,#ffd878)!important;font-size:13px}
.app-layout--reference .home-hero__labels small{color:#fff!important;font-size:11px}
.app-layout--reference .home-hero__dots{bottom:8px}
.app-layout--reference .home-section-title > button{color:#ff5a5a}
.app-layout--reference .home-media-card--red .home-media-card__title small{
  display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:6px;
  background:linear-gradient(110deg,var(--gold),var(--gold-bright));color:var(--gold-ink);font-weight:800;font-size:11px;
}
/* Bottom nav: inactive muted, Home active gold */
.app-layout--reference .app-mobile-nav button{color:#9aa3b2!important}
.app-layout--reference .app-mobile-nav button .icon,
.app-layout--reference .app-mobile-nav button .theme-icon{opacity:.72;filter:none}
.app-layout--reference .app-mobile-nav button.is-active{
  color:var(--gold-bright,#ffd878)!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--gold) 42%,transparent);
  background:transparent!important;
}
.app-layout--reference .app-mobile-nav button.is-active .icon,
.app-layout--reference .app-mobile-nav button.is-active .theme-icon{opacity:1;color:var(--gold-bright,#ffd878)}
@media (max-width:699px){
  .app-layout--reference.app-layout--home .cockfight-home,
  .app-layout--reference .cockfight-home{max-width:100%}
}

/* ===== Visual QA fixes (2026-10-06) ===== */
/* Live arena: neutral chip when the stream is not actually live (no red LIVE badge, no viewer count) */
.arena-player__top .status.status--idle,
.app-layout--reference .arena-player__top .status.status--idle{background:rgba(8,11,15,.84)!important;color:var(--text-soft,#c9ced8)!important;border:1px solid rgba(255,255,255,.16)!important}

/* Fullscreen: player fills the screen, media centred, no dark band below the 16:9 box */
.arena-player:fullscreen,
.app-layout--reference .arena-home .arena-player.is-fullscreen,
.arena-player.is-fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important}
.arena-player:fullscreen .arena-player__media,
.arena-player.is-fullscreen .arena-player__media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;display:grid;place-items:center;background:#000!important}
.arena-player:fullscreen .arena-player__media iframe,
.arena-player:fullscreen .arena-player__media video,
.arena-player.is-fullscreen .arena-player__media iframe,
.arena-player.is-fullscreen .arena-player__media video{width:100%!important;height:100%!important;object-fit:contain}
.arena-player:fullscreen .arena-player__placeholder,
.arena-player.is-fullscreen .arena-player__placeholder{position:absolute;inset:0}
.arena-player:fullscreen .arena-player__poster,
.arena-player.is-fullscreen .arena-player__poster{width:100%;height:100%;object-fit:cover}
.arena-player__fullscreen[aria-pressed="true"]{color:var(--gold-bright,#ffd878)}

/* Bold plus (Deposit button, balance pill, upload button) */
svg.icon--plus{stroke-width:2.5;flex-shrink:0}
.reference-auth button.is-balance>svg.icon.icon--plus{width:26px!important;height:26px!important;padding:5px;border-radius:50%;background:var(--gold-ink);color:var(--gold-bright);stroke-width:3}

/* Show/hide password toggle (installed by ui.js installPasswordToggles) */
.password-field{position:relative;display:block}
.password-field>input{width:100%;padding-right:48px!important}
.password-field>.password-toggle{position:absolute;top:50%;right:6px;left:auto;width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted,#9aa3b2);cursor:pointer;z-index:1;transform:translateY(-50%)!important;box-shadow:none}
.password-field>.password-toggle:hover{color:var(--text,#f7f8fb);background:rgba(255,255,255,.05)}
.password-field>.password-toggle[aria-pressed="true"]{color:var(--gold-bright,var(--gold))}
.password-field>.password-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.password-field>.password-toggle .icon{pointer-events:none}

/* Change password: three identical, aligned fields */
.payment-fields>label{align-content:start}
.security-dialog .payment-fields.security-fields{grid-template-columns:minmax(0,1fr)!important;gap:14px}
.security-fields .field__control{display:block;height:48px}
.security-fields .field__control>input{height:48px!important;min-height:48px!important;box-sizing:border-box}

/* Deposit: unavailable state + themed file picker + full UTR placeholder */
.payment-unavailable{border-color:rgba(239,78,87,.38)!important;background:rgba(239,78,87,.06)!important}
.payment-unavailable strong{color:var(--text,#f7f8fb)}
.payment-flow-form.is-unavailable .payment-fields input:disabled:not([type="file"]),
.payment-flow-form.is-unavailable .money-input{opacity:.5;cursor:not-allowed}
.payment-account-picker>.payment-unavailable{grid-column:1/-1}
.upload-control{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 6px;border:1px dashed color-mix(in srgb,var(--gold) 40%,transparent);border-radius:11px;background:color-mix(in srgb,var(--gold) 5%,#0a0e14);cursor:pointer}
.upload-field .upload-control>.upload-input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;background:none;opacity:0!important;color:transparent;font-size:0;cursor:pointer}
.upload-button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:36px;padding:0 12px;border-radius:9px;background:linear-gradient(110deg,var(--gold),var(--gold-bright));color:var(--gold-ink);font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none}
.upload-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);font-size:12px;font-weight:600;pointer-events:none}
.upload-control:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-mix-08,rgba(232,184,76,.12))}
.upload-control:hover .upload-button{filter:brightness(1.06)}
.upload-field.is-disabled .upload-control{opacity:.5;cursor:not-allowed}
.upload-field.is-disabled .upload-control>.upload-input{cursor:not-allowed}
.payment-fields input[name="utr"]{text-overflow:ellipsis}

/* Bet chips: nothing looks selected while betting is closed */
.arena-chips button:disabled,
.chip-section.is-betting-closed .arena-chips button{box-shadow:none!important;transform:none!important}
.arena-chips button:disabled.is-active{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-muted)!important}

/* Forgot password: support-mode request form + success panel */
.auth-backdrop .auth-dialog>.auth-forgot{display:block;margin:12px 0 0 auto;color:var(--gold);font-weight:600}
.auth-dialog .field textarea{width:100%;min-height:88px;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:400;line-height:1.45;resize:vertical;outline:none;box-sizing:border-box}
.auth-dialog .field textarea:focus{border-color:color-mix(in srgb,var(--gold) 50%,transparent);box-shadow:0 0 0 3px var(--gold-mix-08,rgba(232,184,76,.12))}
.auth-dialog .field textarea::placeholder{color:var(--text-muted)}
.recovery-success{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:14px;border:1px solid rgba(53,201,122,.38);border-radius:12px;background:rgba(53,201,122,.08);color:var(--text-soft);font-size:13px;line-height:1.5}
.recovery-success>.icon{flex:0 0 auto;margin-top:1px;color:#35c97a}
.recovery-success strong{display:block;margin-bottom:2px;color:var(--text)}
.recovery-success p{margin:0}
.recovery-success + .button{width:100%;height:52px}
.notification-item--type-password-reset-done>span{color:var(--gold)}

/* Phone/tablet: keep the last tile clear of the bottom nav (safe-area aware) */
@media (max-width:1023px){
  .app-layout--reference .workspace-content{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:620px){
  .app-layout--reference .workspace-content{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}

/* Landing: Android APK CTA next to Log in / Create account (hidden inside the Android app by ui.js) */
.landing-actions .landing-apk{width:100%;text-decoration:none;justify-content:center;gap:8px}
.apk-download-button .icon--android{flex-shrink:0}
@media (max-width:340px){.landing-actions .landing-apk .apk-download-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* ===== PLAY PARITY (v88): Live list, highlights list, arena coin stacks, sound toggle ===== */
.live-list,.highlights-page{display:grid;gap:14px;max-width:960px;margin:0 auto;width:100%}
.live-list__head{display:flex;align-items:center;gap:12px}
.live-list__head>div{display:grid;gap:2px;flex:1;min-width:0}
.live-list__head .eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.live-list__head h1{margin:0;color:var(--text);font-size:22px;line-height:1.2}
.live-list__count{min-width:32px;height:32px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);color:var(--gold-bright);font-weight:800}
.live-list__rows{display:grid;gap:10px}
.live-list__loading{display:flex;align-items:center;gap:10px;padding:18px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}
.live-list__empty .empty-state{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.live-row{display:grid;grid-template-columns:96px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.live-row:hover,.live-row:focus-visible{border-color:var(--gold);background:var(--surface-2)}
.live-row__thumb{position:relative;width:96px;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-3)}
.live-row__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.live-row__pulse{position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.live-row__body{display:grid;gap:4px;min-width:0}
.live-row__top{display:flex;align-items:flex-start;gap:8px;min-width:0}
.live-row__title{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;font-size:15px}
.live-row__status{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;border:1px solid currentColor}
.live-row__status--open{color:var(--green);background:var(--green-soft)}
.live-row__status--live{color:var(--red);background:var(--red-soft)}
.live-row__status--closed{color:var(--text-muted);background:var(--surface-3)}
.live-row__meta{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-row__odds{display:flex;flex-wrap:wrap;gap:6px}
.live-row__odd{display:inline-flex;align-items:baseline;gap:4px;padding:2px 7px;border-radius:6px;background:var(--surface-3);font-size:12px}
.live-row__odd small{color:var(--text-muted);font-size:12px}
.live-row__odd b{color:var(--text)}
.live-row__odd--red b{color:var(--red)}.live-row__odd--blue b{color:var(--blue)}.live-row__odd--draw b{color:var(--green)}
.live-row__go{color:var(--text-muted)}
.live-row__go .icon{display:block}
@media(min-width:700px){.live-row{grid-template-columns:150px minmax(0,1fr) 24px;padding:12px;gap:16px}.live-row__thumb{width:150px}.live-row__title{font-size:17px}}

.highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.highlights-more{display:flex;justify-content:center;padding:6px 0 12px}
.page-back,.arena-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:700}
.page-back{width:40px;padding:0;justify-content:center}
.page-back .icon,.arena-back .icon{transform:rotate(180deg)}
.page-back:hover,.arena-back:hover{border-color:var(--gold)}
.arena-backbar{display:flex;align-items:center;gap:10px;margin:0 0 10px;min-width:0}
.arena-backbar__title{flex:1;min-width:0;color:var(--text-soft);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Sound toggle */
.arena-player__sound.is-muted{color:var(--text-muted)}

/* Coin stack on Meron / Draw / Wala */
.arena-outcome{position:relative}
.arena-outcome__stack{order:1;position:relative;z-index:2;display:inline-flex;align-items:center;gap:0;padding:2px 7px 2px 4px;border-radius:999px;background:var(--bg);border:1px solid var(--gold);color:var(--gold-bright);font-size:12px;font-weight:800;line-height:18px;pointer-events:none}
.arena-outcome__stack i{width:12px;height:12px;margin-right:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--gold-bright),var(--gold));border:1px solid var(--gold-ink)}
.arena-outcome__stack i:last-of-type{margin-right:4px}
.arena-outcome.has-stake{box-shadow:inset 0 0 0 2px var(--gold)}
.arena-outcome.is-over{opacity:.6}
.arena-outcome.has-stake .arena-outcome__label{order:0}.arena-outcome.has-stake .arena-outcome__crest{order:2}.arena-outcome.has-stake>strong{order:3}

/* One row of small coin chips */
.arena-coin-section .chip-section__head{align-items:center}
.arena-coin-section .chip-section__head>span{font-size:13px}
.arena-balance{color:var(--text-muted);font-size:12px;white-space:nowrap}
.arena-balance b{color:var(--gold-bright)}
.arena-coins{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.arena-coin{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;padding:0;border-radius:50%;border:2px dashed var(--gold);background:radial-gradient(circle at 35% 30%,var(--surface-3),var(--surface));color:var(--gold-bright);font-size:13px;font-weight:800;cursor:pointer;scroll-snap-align:start;box-shadow:inset 0 0 0 3px var(--surface)}
.arena-coin span{pointer-events:none}
.arena-coin:hover:not(:disabled){border-style:solid}
.arena-coin.is-active{border-style:solid;background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold));color:var(--gold-ink);box-shadow:0 0 0 3px var(--gold-mix-30)}
.arena-coin.is-over{opacity:.4;border-color:var(--border-strong);color:var(--text-muted)}
.arena-coin:disabled{opacity:.4;cursor:not-allowed}

/* Total stake + Clear + Place */
.arena-betbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(120px,auto);align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.arena-betbar__total{display:grid;gap:1px;min-width:0}
.arena-betbar__total span{color:var(--text-muted);font-size:12px}
.arena-betbar__total strong{color:var(--text);font-size:20px;line-height:1.15}
.arena-betbar__total small{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-betbar__clear,.arena-betbar__place{min-height:46px;padding:0 16px;border-radius:var(--radius-sm);font-weight:800;font-size:15px;cursor:pointer}
.arena-betbar__clear{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text)}
.arena-betbar__place{border:1px solid #ff7a7e;background:linear-gradient(180deg,#ff5a5f 0%,#e11d2e 48%,#9b0f1c 100%);color:#fff;box-shadow:0 6px 18px rgba(225,29,46,.3)}
.arena-betbar__clear:disabled,.arena-betbar__place:disabled{opacity:.45;cursor:not-allowed}
.arena-betbar.is-betting-closed .arena-betbar__place{background:var(--surface-3);border-color:var(--border)}
.app-layout--reference .arena-actions.arena-actions--util{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.app-layout--reference .arena-actions.arena-actions--util>button{min-height:58px!important}
@media(max-width:620px){
  .arena-coin{width:46px;height:46px;font-size:12px}
  .arena-betbar{grid-template-columns:minmax(0,1fr) auto auto;padding:8px;gap:6px}
  .arena-betbar__total strong{font-size:17px}
  .arena-betbar__clear,.arena-betbar__place{min-height:42px;padding:0 12px;font-size:14px}
  .arena-outcome__stack{padding:0 6px 0 3px;line-height:16px}
  .app-layout--reference .arena-actions.arena-actions--util>button{min-height:48px!important}
}
@media(min-width:1280px){
  .arena-home > .arena-betbar{grid-column:2;grid-row:4;min-width:0}
  .arena-home > .arena-actions{grid-column:2;grid-row:5}
}

/* Per-side coin controls (Undo / Clear) and placed confirmation */
.arena-pick{display:grid;grid-template-rows:1fr auto;gap:6px;min-width:0}
.arena-pick>.arena-outcome{width:100%;min-width:0}
.arena-pick__tools{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}
.arena-pick__tool{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer}
.arena-pick__tool:hover:not(:disabled),.arena-pick__tool:focus-visible{border-color:var(--gold);color:var(--gold-bright)}
.arena-pick__tool:disabled{opacity:.45;cursor:not-allowed}
.arena-pick__count{color:var(--text-muted);font-size:12px;font-weight:800}
.arena-pick__placed{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:4px 6px;border:1px solid var(--green);border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:800;text-align:center;line-height:1.2}
.arena-pick__placed .icon{flex:0 0 auto}
.arena-betbar__clear{font-size:13px}
@media(max-width:620px){.arena-pick__tool{width:30px;height:30px}.arena-pick__tools{padding:2px}.arena-pick__placed{min-height:36px;font-size:12px;padding:3px 4px}}

/* ===== PLAY POLISH (v89) ===== */
/* Stream iframe (China feed / YouTube): exactly fill the 16:9 box, no inner scrollbars, also in fullscreen */
.arena-player__media{position:relative;overflow:hidden}
.arena-player__media>iframe,.arena-player__media>iframe.arena-player__frame{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;border:0;margin:0;padding:0;overflow:hidden;background:#000}
.arena-player:fullscreen .arena-player__media,.arena-player.is-fullscreen .arena-player__media{overflow:hidden!important}
.arena-player:fullscreen .arena-player__media>iframe,.arena-player.is-fullscreen .arena-player__media>iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}

/* First-load skeletons (until the first /site/config/ answer) */
.skeleton-shimmer{position:relative;overflow:hidden;background:var(--surface-2)}
.skeleton-shimmer::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--gold-mix-08),var(--surface-3),transparent);animation:rr-shimmer 1.3s ease-in-out infinite}
@keyframes rr-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.skeleton-shimmer::after{animation:none;transform:none;opacity:.35}}
.home-skeleton{width:100%;aspect-ratio:272/128;border:1.5px solid var(--border);border-radius:10px}
.home-skeleton__line{position:absolute;left:14px;bottom:14px;width:46%;height:12px;border-radius:6px;background:var(--surface-3)}
.highlights-grid .home-skeleton{aspect-ratio:272/128}
.live-row--skeleton{cursor:default;pointer-events:none}
.live-row--skeleton .live-row__body{gap:8px}
.skeleton-line{display:block;height:11px;border-radius:6px}
.config-loading{display:contents}
.config-loading__error{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;color:var(--text-muted);font-size:13px}
.config-loading__retry{min-height:32px;padding:0 12px;border:1px solid var(--gold);border-radius:999px;background:transparent;color:var(--gold-bright);font-weight:700;cursor:pointer}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Arena side cards: identical fixed size, reserved stake row inside the card (v89) */
.arena-market{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch}
.arena-side{--side:var(--red);position:relative;display:grid;grid-template-rows:minmax(0,1fr) 44px;height:150px;min-width:0;border:1.5px solid var(--side);border-radius:12px;background:var(--surface);overflow:hidden;transition:box-shadow .15s ease}
.arena-side--draw{--side:var(--green)}
.arena-side--blue{--side:var(--blue)}
.arena-side.has-stake{box-shadow:inset 0 0 0 1px var(--side),0 0 16px color-mix(in srgb,var(--side) 35%,transparent)}
.arena-side__hit{display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:2px;width:100%;height:100%;min-height:0;margin:0;padding:10px 6px 6px;border:0;border-radius:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.arena-side__hit:focus-visible{outline:2px solid var(--side);outline-offset:-3px}
.arena-side__hit:active:not(:disabled){background:color-mix(in srgb,var(--side) 10%,transparent)}
.arena-side__label{color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.8px;line-height:1.2;text-transform:uppercase}
.arena-side__crest{width:44px;height:44px;display:grid;place-items:center;min-height:0}
.arena-side__crest img{width:100%;height:100%;object-fit:contain}
.arena-side__odds{color:var(--text);font-size:20px;font-weight:800;line-height:1;letter-spacing:-.3px}
.arena-side__row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;padding:0 6px;border-top:1px solid color-mix(in srgb,var(--side) 30%,transparent)}
.arena-side__row.has-stake,.arena-side__row.is-placed{background:color-mix(in srgb,var(--side) 10%,transparent)}
.arena-side__row.is-placed{justify-content:center;border-top-color:var(--green);background:var(--green-soft)}
.arena-side__amount{flex:1;min-width:0;overflow:hidden;color:var(--gold-bright);font-size:14px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.arena-side__tool{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer}
.arena-side__tool:hover:not(:disabled),.arena-side__tool:focus-visible{border-color:var(--gold);color:var(--gold-bright)}
.arena-side__tool:disabled{opacity:.45;cursor:not-allowed}
.arena-side__placed{display:grid;justify-items:center;gap:1px;color:var(--green);line-height:1.15;text-align:center}
.arena-side__placed small{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.arena-side__placed b{color:var(--text);font-size:12px;white-space:nowrap}
.arena-side.is-disabled .arena-side__hit,.arena-side.is-over .arena-side__hit{cursor:not-allowed;opacity:.55}
@media(min-width:621px){.arena-side{height:164px}.arena-side__crest{width:52px;height:52px}.arena-side__odds{font-size:22px}}
@media(min-width:1280px){.arena-side{height:168px}}

/* Arena columns: video column fills the height of the bet panel (no dead band), below-content follows */
.arena-main,.arena-panel{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}
.arena-panel>.arena-closed-banner{margin:0}
@media(min-width:1280px){
  .app-layout--reference .arena-home>.arena-main{grid-column:1;grid-row:1;align-self:stretch}
  .app-layout--reference .arena-home>.arena-panel{grid-column:2;grid-row:1;align-self:start}
  .app-layout--reference .arena-home>.recent-arena{grid-column:1/-1;grid-row:2}
  .app-layout--reference .arena-main>.arena-player{flex:1 0 auto;display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}
  .app-layout--reference .arena-main>.arena-player>.arena-player__media{flex:1 0 auto;aspect-ratio:16/9;height:auto;min-height:0}
  .app-layout--reference .arena-main>.arena-player>.arena-player__media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  .app-layout--reference .arena-main>.arena-player>.arena-player__media>.arena-player__placeholder{position:absolute;inset:0}
}
/* PLAY POLISH (v89): home hero carousel (scroll-snap track, drag, dots) */
.home-hero{isolation:isolate;cursor:default}
.home-hero__track{position:absolute;inset:0;z-index:0;display:flex;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.home-hero__track::-webkit-scrollbar{display:none}
.home-hero.is-carousel .home-hero__track{overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;touch-action:pan-x pan-y}
.home-hero.is-carousel.is-dragging .home-hero__track{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.home-hero__slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;cursor:pointer;color:inherit}
.home-hero.is-carousel .home-hero__slide{cursor:inherit}
.home-hero__slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-drag:none;user-select:none;pointer-events:none}
.home-hero__slide:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:-4px}
.home-hero__shade{z-index:1;pointer-events:none}
.home-hero__title,.home-hero__labels{z-index:2;pointer-events:none}
.home-hero .home-hero__dots{z-index:3;gap:2px;pointer-events:auto}
.home-hero__dot{width:7px;height:7px;box-sizing:content-box;padding:6px;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);background-clip:content-box;cursor:pointer}
.home-hero__dot[aria-current="true"]{background-color:var(--gold-bright,#ffd878)}
.home-hero__dot:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:0}
@media (prefers-reduced-motion: reduce){.home-hero__track{scroll-behavior:auto}}
/* PLAY POLISH (v89): arena "Match history | My bets" tabs */
.recent-arena.has-tabs .recent-arena__head,.app-layout--reference .recent-arena.has-tabs .recent-arena__head{align-items:center;padding:8px 12px}
.arena-tabs{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03)}
.arena-tabs__tab{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--text-muted,#8f97a3);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.arena-tabs__tab[aria-selected="true"]{background:linear-gradient(110deg,var(--gold),var(--gold-bright));color:var(--gold-ink,#261900)}
.arena-tabs__tab:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:2px}
.arena-mybets{border-top:1px solid rgba(255,255,255,.12);padding:0 0 10px}
.arena-mybets__note{margin:0;padding:22px 12px;text-align:center;color:var(--text-muted,#8f97a3);font-size:13px}
.arena-mybets__note--error{color:#ff7a82}
.arena-mybets__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.arena-mybets__table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.arena-mybets__table th{padding:9px 12px;text-align:left;color:var(--text-muted,#8f97a3);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}
.arena-mybets__table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text,#f3f5f8);vertical-align:middle;white-space:nowrap}
.arena-mybets__pl{display:block;margin-top:2px;color:var(--text-muted,#8f97a3);font-size:11px}
.arena-mybets__side{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.arena-mybets__side::before{content:"";width:8px;height:8px;border-radius:50%;background:#8f97a3}
.arena-mybets__side--red::before{background:#ef3340}
.arena-mybets__side--blue::before{background:#1b96ff}
.arena-mybets__side--gold::before{background:var(--green,#2bd376)}
.arena-mybets .bet-status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}
.arena-mybets__more{display:block;margin:10px auto 0;min-height:36px;padding:0 18px;border:1px solid var(--gold-mix-16,rgba(232,184,76,.3));border-radius:999px;background:transparent;color:var(--gold-bright,#ffd878);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
@media (max-width:699px){
  .arena-mybets__scroll{overflow:visible}
  .arena-mybets__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .arena-mybets__table,.arena-mybets__table tbody{display:block}
  .arena-mybets__table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:10px 10px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025)}
  .arena-mybets__table td{display:grid;gap:2px;padding:0;border:0;white-space:normal;font-size:13px}
  .arena-mybets__table td::before{content:attr(data-label);color:var(--text-muted,#8f97a3);font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
  .arena-mybets__table td[data-label="Status"]{grid-column:span 2}
  .arena-mybets__table td[data-label="Time"]{grid-column:span 2}
  .arena-tabs__tab{padding:0 12px}
}
/* PLAY POLISH (v89): casino coin chips 50/100/250/1K/5K/10K/50K (inline SVG, theme gold) */
.arena-coins{flex-wrap:nowrap;gap:6px;padding:6px 2px 6px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}
.arena-coins::-webkit-scrollbar{display:none}
.arena-coin,.app-layout--reference .arena-coin{flex:0 0 auto;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:var(--gold,#e8b84c);cursor:pointer;transition:transform .15s ease,filter .15s ease}
.arena-coin__chip{display:block;width:100%;height:100%;overflow:visible}
.arena-coin__rim{fill:var(--gold,#e8b84c)}
.arena-coin__edge{fill:none;stroke:color-mix(in srgb,var(--gold,#e8b84c) 55%,#000);stroke-width:1}
.arena-coin__face{fill:#141414}
.arena-coin__notches{fill:none;stroke:var(--gold,#e8b84c);stroke-width:2.6}
.arena-coin__inner{fill:#0c0c0c;stroke:color-mix(in srgb,var(--gold,#e8b84c) 35%,#000);stroke-width:.6}
.arena-coin__value{fill:var(--gold-bright,#ffd878);font-family:Georgia,'Times New Roman',serif;font-weight:900;letter-spacing:-.6px}
.arena-coin:hover:not(:disabled):not(.is-over){transform:translateY(-1px)}
.arena-coin.is-active,.app-layout--reference .arena-coin.is-active{background:none;box-shadow:none;transform:translateY(-3px);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold-bright,#ffd878) 75%,transparent)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.arena-coin.is-over{opacity:.45;filter:grayscale(1) brightness(.75);cursor:not-allowed;transform:none}
.arena-coin:disabled{opacity:.4;filter:grayscale(.6);cursor:not-allowed}
.arena-coin:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:2px}
@media (max-width:420px){.arena-coin,.app-layout--reference .arena-coin{width:44px;height:44px}}
.arena-side__amount{display:inline-grid;justify-items:center;line-height:1.1}
.arena-side__min{display:block;font-size:10px;font-weight:700;color:#ff9aa0;letter-spacing:.2px}
.recent-arena__head .arena-tabs{flex:0 1 auto;min-width:0}
.recent-arena__head .arena-tabs .arena-tabs__tab,.app-layout--reference .recent-arena__head .arena-tabs .arena-tabs__tab{flex:0 0 auto;min-height:34px;padding:0 14px;border:0;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-muted,#8f97a3);background:transparent}
.recent-arena__head .arena-tabs .arena-tabs__tab[aria-selected="true"],.app-layout--reference .recent-arena__head .arena-tabs .arena-tabs__tab[aria-selected="true"]{background:linear-gradient(110deg,var(--gold),var(--gold-bright));color:var(--gold-ink,#261900)}
.arena-mybets__table td .bet-status{justify-self:start}
@media (max-width:420px){.recent-arena__head .arena-tabs .arena-tabs__tab,.app-layout--reference .recent-arena__head .arena-tabs .arena-tabs__tab{padding:0 11px;font-size:12.5px}}

/* v113 hotfix: arena media never shows scrollbars. Our wrappers clip; third-party feed iframes are drawn
   max(20px, scrollbar+2px) larger than the box (top-left anchored) so scrollbars inside the cross-origin page fall outside it. */
.arena-player__media,.arena-player__placeholder,.arena-player__media>video{overflow:hidden!important}
.arena-player__media{overscroll-behavior:contain}
.arena-player .arena-player__media>iframe.arena-player__frame--clip,
.arena-player:fullscreen .arena-player__media>iframe.arena-player__frame--clip,
.arena-player.is-fullscreen .arena-player__media>iframe.arena-player__frame--clip{position:absolute!important;inset:0 auto auto 0!important;top:0!important;left:0!important;width:calc(100% + var(--rr-frame-clip,20px))!important;height:calc(100% + var(--rr-frame-clip,20px))!important;max-width:none!important;max-height:none!important;transform:none!important;border:0!important;overflow:hidden!important}

/* v114 coins (owner reference): beveled gold rim, near-black face, gold tick ring, bold gold serif numerals.
   One row of 7 that shrinks to fit (no wrap, no horizontal scroll down to 360px) on a near-black panel. */
.arena-coin-section,.app-layout--reference .arena-coin-section{background:#0a0a0b!important;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px clamp(5px,1.6vw,12px) 8px!important;gap:6px!important;box-shadow:none}
.arena-coin-section .chip-section__head{padding:0 2px;min-height:0}
.arena-balance{margin:0;font-size:13px;line-height:1.2;white-space:nowrap;color:#9aa0a6}
.arena-balance span{color:#9aa0a6;font-weight:600}
.arena-balance b{color:var(--gold-bright,#ffd878);font-weight:800}
.arena-coin-section .arena-coins,.app-layout--reference .arena-coin-section .arena-coins{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(2px,.55vw,7px);padding:6px 1px 8px;overflow:visible!important;flex-wrap:nowrap}
.arena-coin-section .arena-coin,.app-layout--reference .arena-coin-section .arena-coin{width:100%!important;height:auto!important;max-width:48px;aspect-ratio:1;justify-self:center;padding:0;border:0;border-radius:50%;background:none!important;box-shadow:none!important;opacity:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55)) drop-shadow(0 1px 1px rgba(0,0,0,.4));transform:none;transition:transform .15s ease,filter .15s ease;cursor:pointer}
.arena-coin-section .arena-coin__chip{display:block;width:100%;height:100%;overflow:visible}
.arena-coin__num{font-family:Cambria,'Times New Roman','Noto Serif','DejaVu Serif',Times,serif;font-weight:800;font-variant-numeric:lining-nums;letter-spacing:-1px}
.arena-coin__num--shade{opacity:.85}
.arena-coin-section .arena-coin:hover:not(:disabled){transform:translateY(-1px)}
.arena-coin-section .arena-coin.is-active,.app-layout--reference .arena-coin-section .arena-coin.is-active{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(255,214,102,.85)) drop-shadow(0 0 12px rgba(255,190,60,.45)) drop-shadow(0 3px 3px rgba(0,0,0,.5))}
.arena-coin-section .arena-coin.is-over,.arena-coin-section .arena-coin.is-over:disabled{opacity:1;filter:saturate(.2) drop-shadow(0 2px 2px rgba(0,0,0,.5));cursor:not-allowed;transform:none;pointer-events:none}
.arena-coin-section .arena-coin:disabled:not(.is-over){opacity:.45;filter:grayscale(.6);cursor:not-allowed}
.arena-coin-section .arena-coin:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:2px}

/* v114 feed cover: our loader over third-party feed iframes (no text; pre-match look). Blocks taps to the
   iframe; the player chrome (.arena-player__top, z-index 2) stays above it. */
.arena-player__feedcover{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;background:#05070a;pointer-events:auto;cursor:default;opacity:1;transition:opacity .35s ease}
.arena-player__feedcover.is-leaving{opacity:0;pointer-events:none}
.arena-player__feedcover>.arena-player__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arena-player__feedcover>.arena-player__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.7))}
.arena-player__feedcover-mark{position:relative;display:grid;place-items:center;width:clamp(54px,14vw,84px);aspect-ratio:1}
.arena-player__feedcover-mark img{width:56%;height:56%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.arena-player__feedcover-spin{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--gold-bright,#ffd878);animation:rr-feed-spin 1s linear infinite}
@keyframes rr-feed-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.arena-player__feedcover-spin{animation-duration:2.4s}}
/* v114.1 background tab: pause every CSS animation while document.hidden (app.js toggles html.is-hidden). */
html.is-hidden *,html.is-hidden *::before,html.is-hidden *::after{animation-play-state:paused!important}
/* v116: Results in the mobile nav (6 items), stream cover title */
.app-layout--reference .app-mobile-nav.app-mobile-nav--6,.app-mobile-nav.app-mobile-nav--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.app-mobile-nav--6 button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-player__feedcover{align-content:center;gap:12px}
.arena-player__feedcover-title{position:relative;margin:0;padding:0 12px;color:#fff;font-size:clamp(15px,2.2vw,20px);font-weight:800;letter-spacing:.2px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.75)}
/* v116 brand: 1iRooster square mark + name (replaces sizing made for the old wide RoosterRun wordmark) */
.brand{gap:10px!important;align-items:center}
.brand__mark{width:40px!important;height:40px!important;object-fit:contain;filter:none!important;flex:0 0 auto}
.brand__copy{display:grid!important;gap:3px;line-height:1;min-width:0}
.brand__copy strong{color:var(--text,#f3f5f8)!important;font-size:17px!important;font-weight:900!important;letter-spacing:-.2px!important;text-transform:none!important;white-space:nowrap}
.brand__copy>span{display:block!important;color:var(--gold,#e9b949)!important;font-size:10.5px!important;font-weight:800;letter-spacing:2px!important;text-transform:uppercase;white-space:nowrap}
.app-sidebar .brand__mark{width:44px!important;height:44px!important}
.app-sidebar .brand__copy strong{font-size:18px!important}
.auth-dialog__brand .brand__mark,.auth-backdrop .auth-dialog__brand .brand__mark{width:64px!important;height:64px!important}
.auth-dialog__brand .brand__copy strong{font-size:22px!important}
.reference-home-logo{gap:8px!important}
.reference-home-logo img,.reference-home-logo .reference-home-logo__mark{width:38px!important;height:38px!important;object-fit:contain;filter:none!important;flex:0 0 auto}
.reference-home-logo>span{display:grid!important;max-width:none!important;gap:2px;line-height:1}
.reference-home-logo strong{max-width:none!important;color:var(--text,#f3f5f8)!important;font-size:17px!important;font-weight:900!important;letter-spacing:-.2px!important}
.reference-home-logo small{display:none!important}
@media(max-width:359px){.reference-home-logo strong{font-size:15px!important}.reference-home-logo img,.reference-home-logo .reference-home-logo__mark{width:34px!important;height:34px!important}}
.landing-screen .landing-logo{width:min(220px,56vw)!important;height:auto!important;max-height:none!important;aspect-ratio:1662/1774;object-fit:contain}
@media(min-width:700px){.landing-screen .landing-logo{width:240px!important}}
.boot-screen{gap:22px}
.boot-screen img.boot-screen__mark{width:88px;height:88px;border-radius:0;object-fit:contain}
.boot-screen__spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--gold-bright,#ffd878);animation:rr-feed-spin 1s linear infinite}
.arena-player__feedcover-mark img{width:80%;height:80%}
.winner-mark img{filter:none!important;object-fit:contain}
/* v116 brand: reference-artwork.png is now the single 1iRooster poster (no sprite sheet) - show it whole, right side of the hero */
.app-layout--reference .home-hero .reference-art--hero{inset:auto;left:auto;right:4%;top:0;width:auto;height:100%;aspect-ratio:1425/1719;object-fit:contain;max-width:60%;transform:none;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}