/* 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,#e6bd5c,#f7dc8a);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 140ms,transform 140ms}.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,.button--secondary{isolation:isolate;position:relative;overflow:hidden;background:none!important;border:0!important}.button--primary:before,.button--secondary:before{content:'';position:absolute;z-index:-1;background:url('/static/rooster-run/button-primary-v1.png') center/100% 100% no-repeat;inset:-45.52% -.92% -51.74%}.button--secondary:before{background-image:url('/static/rooster-run/button-secondary-v1.png');inset:-44.8% -1.82% -59.2%}.button--primary{color:var(--gold-ink)!important}.button--secondary{color:var(--text)!important}
@keyframes rooster-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing-screen,.auth-dialog,.payment-dialog{animation:rooster-enter 280ms 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}