/* PRODUCT-166: shared shell variant, scoped to acquisition landing only. */
html body.court-landing-body { padding-bottom: env(safe-area-inset-bottom, 0px); }
html body.court-landing-body .app-topbar { left: 0; height: 64px; padding: 8px max(12px, env(safe-area-inset-left)); display: flex; justify-content: space-between; }
html body.court-landing-body .app-topbar__mobile-brand { display: block; }
html body.court-landing-body .app-topbar__mobile-brand img { width: 120px; height: auto; }
html body.court-landing-body .app-topbar__actions { margin-left: auto; gap: 8px; }
html body.court-landing-body .app-topbar__login { display: inline-flex; min-height: 44px; align-items: center; font: 700 .8rem/1.2 var(--font-body); }
html body.court-landing-body .court-page { width: min(680px, calc(100% - 24px)); margin: 0 auto; padding-top: 80px; padding-bottom: 24px; gap: 16px; }
html body.court-landing-body .court-hero { display: block; padding: 0; border: 0; background: transparent; box-shadow: none; text-align: left; }
html body.court-landing-body .court-hero::before { content: none; }
html body.court-landing-body .court-hero h1 { margin: 0 0 8px; font-size: clamp(1.15rem, 4.5vw, 1.8rem); line-height: 1.4; }
html body.court-landing-body .court-hero .heading-subtitle { margin: 0 0 6px; font: 700 .9rem/1.4 var(--font-body); }
:is(html body.court-landing-body .court-hero .heading-subtitle):where(p) { font-size: calc(.9rem + 3px); }
html body.court-landing-body .court-hero .heading-description { margin: 0; font: 400 .85rem/1.5 var(--font-body); color: #fff; }
:is(html body.court-landing-body .court-hero .heading-description):where(p) { font-size: calc(.85rem + 3px); }
html body.court-landing-body .court-pick { min-width: 0; }
html body.court-landing-body .court-pick__heading { margin: 0 0 8px; }
html body.court-landing-body .court-pick__heading .ds-kicker { margin: 0; }
html body.court-landing-body .court-pick__heading h2 { display: none; }
html body.court-landing-body .featured-market-card { width: 100%; min-height: 300px; height: auto; }
html body.court-landing-body .featured-market-card__content { min-height: 300px; }
html body.court-landing-body .featured-market-card .market-action { min-height: 44px; }
html body.court-landing-body .court-explore { justify-self: center; font: 600 .8rem/1.4 var(--font-body); min-height: 44px; display: inline-flex; align-items: center; }
html body.court-landing-body .site-footer { padding-left: 0; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
html body.court-landing-body .site-footer__links { width: min(680px, calc(100% - 24px)); margin-inline: auto; }
html body.court-landing-body .court-page { grid-template-columns: minmax(0, 1fr); }
html body.court-landing-body .court-page > * { min-width: 0; max-width: 100%; }
html body.court-landing-body .featured-market-card { min-width: 0; }
html body.court-landing-body .court-hero { margin: 0; }
html body.court-landing-body .court-pick { grid-template-columns: minmax(0, 1fr); gap: 8px; }
html body.court-landing-body .court-pick__heading { margin: 0; }
html body.court-landing-body .featured-market-card__content { grid-template-rows: auto 26px 56px 44px 32px auto minmax(44px, auto); }
html body.court-landing-body .app-locale-switcher > summary { min-height: 44px; }

/* PRODUCT-165: reference composition using existing award/match artwork. */
html body.court-landing-body .app-topbar { height: 88px; background: rgb(5 8 22 / 78%); border: 0; }
html body.court-landing-body .app-topbar__mobile-brand img { width: clamp(150px, 40vw, 210px); }
html body.court-landing-body .court-page { width: min(760px, calc(100% - 32px)); padding-top: 116px; gap: 24px; }
html body.court-landing-body .court-hero h1 { font-size: clamp(2rem, 8vw, 4rem); line-height: 1.3; color: #fff; text-shadow: 0 0 24px #a600ff; }
html body.court-landing-body .court-hero .heading-subtitle { font-size: clamp(.95rem, 3.4vw, 1.4rem); color: #dfb8ff; }
:is(html body.court-landing-body .court-hero .heading-subtitle):where(p) { font-size: calc(clamp(.95rem, 3.4vw, 1.4rem) + 3px); }
html body.court-landing-body .court-pick { display: grid; border: 1px solid #bd68ff; border-radius: 16px; overflow: hidden; gap: 0; box-shadow: 0 0 16px rgb(166 0 255 / 35%); background: rgb(5 8 22 / 86%); }
html body.court-landing-body .court-pick__heading { padding: 16px; border-bottom: 1px solid #79519f; }
html body.court-landing-body .court-pick__heading .ds-kicker,
html body.court-landing-body .court-page h2 { font: 700 clamp(.9rem, 3.5vw, 1.3rem)/1.5 var(--font-display); color: #fff; text-shadow: 0 0 12px rgb(166 0 255 / 45%); margin: 0; }
:is(html body.court-landing-body .court-pick__heading .ds-kicker):where(p), :is(html body.court-landing-body .court-page h2):where(p) { font-size: calc(clamp(.9rem, 3.5vw, 1.3rem) + 3px); }
html body.court-landing-body .court-daily h2 { padding: 16px; border-bottom: 1px solid #79519f; }
html body.court-landing-body .court-pick .navigation-market-card { margin: 0; border: 0; border-radius: 0; width: 100%; }
html body.court-landing-body .court-suggestions { display: grid; gap: 10px; }
html body.court-landing-body .court-suggestions > h2 { margin-bottom: 4px; }
html body.court-landing-body .court-suggestion { display: grid; grid-template-columns: 96px minmax(0, 1fr) 16px; gap: 14px; align-items: center; min-height: 100px; border: 1px solid #79519f; border-radius: 12px; background: rgb(5 8 22 / 92%); color: #fff; overflow: hidden; text-decoration: none; }
html body.court-landing-body .court-suggestion > img { width: 96px; height: 100%; min-height: 100px; object-fit: cover; }
html body.court-landing-body .court-suggestion > span:nth-child(2) { padding-block: 12px; }
html body.court-landing-body .court-suggestion strong { display: block; font: 700 .95rem/1.5 var(--font-body); }
html body.court-landing-body .court-suggestion small { display: block; margin-top: 4px; font: 400 .8rem/1.5 var(--font-body); color: #d3c5e0; }
html body.court-landing-body .court-suggestion__icon { display: grid; place-items: center; font-size: 2rem; color: #ce83ff; }
html body.court-landing-body .court-suggestion__icon svg { width: 32px; height: 32px; }
html body.court-landing-body .court-suggestion:focus-visible { outline: 3px solid #e6aaff; outline-offset: 3px; }
@media (max-width: 360px) {
    html body.court-landing-body .court-suggestion { grid-template-columns: 72px minmax(0, 1fr) 16px; gap: 8px; }
    html body.court-landing-body .court-suggestion > img { width: 72px; }
}

/* Use the existing compact Match layout; keep its actions comfortable to tap. */
html body.court-landing-body .court-pick .match-market-card { min-height: 210px; }
html body.court-landing-body .court-pick .match-market-card__content { grid-template-rows: 0 102px minmax(22px, auto) 44px 18px; min-height: 210px; }
html body.court-landing-body .court-pick :is(.match-market-card__pick, .match-market-card__primary) { height: 44px; min-height: 44px; }
html body.court-landing-body .court-suggestions__list { display: grid; grid-auto-rows: auto; gap: 10px; }
html body.court-landing-body .court-suggestion { justify-self: stretch; width: 100%; box-sizing: border-box; }

/* Reuse the app's compact illustrated Market card: content left, artwork right. */
html body.court-landing-body .court-market-suggestion { min-width: 0; }
html body.court-landing-body .court-market-suggestion > .market-image-compact { width: 100%; height: 100%; min-height: 198px; margin: 0; padding: 0; box-sizing: border-box; }
html body.court-landing-body .court-suggestions__list > .court-suggestion { min-height: 88px; }

html body.court-landing-body .court-suggestion__icon--matches { color: var(--color-primary); }
html body.court-landing-body .court-suggestion__icon--matches .ui-image-icon { --ui-icon-size: 32px; }

/* Continuous native edge sweep with the Leaderboard gold palette. */
html body.court-landing-body .court-spotlight { position: relative; border: 2px solid #ffdf00; box-shadow: 0 0 20px rgb(255 223 0 / 25%); }
html body.court-landing-body .court-spotlight::after {
    content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 3;
    --shine-width: 3px;
    --shine-gradient: linear-gradient(110deg, transparent 32%, #ffdf00 43%, #fff59a 50%, #ffdf00 57%, transparent 68%);
    background-image: var(--shine-gradient), var(--shine-gradient), var(--shine-gradient), var(--shine-gradient);
    background-size: 300% var(--shine-width), 300% var(--shine-width), var(--shine-width) 300%, var(--shine-width) 300%;
    background-repeat: no-repeat;
    background-position: 100% 0, 100% 100%, 0 100%, 100% 100%;
    animation: court-gold-shine 3.8s linear infinite;
}
html body.court-landing-body .court-daily .match-market-card__secondary-actions { margin-top: 4px; }
html body.court-landing-body .court-daily .match-market-card__content { grid-template-rows: 0 102px minmax(22px, auto) 44px 22px; min-height: 214px; }
@media (prefers-reduced-motion: reduce) {
    html body.court-landing-body .court-spotlight::after { content: none; animation: none; }
}

@keyframes court-gold-shine {
    from { background-position: 100% 0, 100% 100%, 0 100%, 100% 100%; }
    to { background-position: 0% 0, 0% 100%, 0 0%, 100% 0%; }
}

/* Soft edge clouds drift and diffuse independently of the crisp border sweep. */
html body.court-landing-body .court-spotlight { overflow: visible; isolation: isolate; }
html body.court-landing-body .court-spotlight > .court-pick__heading { border-radius: 14px 14px 0 0; }
html body.court-landing-body .court-spotlight > .navigation-market-card { border-radius: 0 0 14px 14px; overflow: hidden; }
html body.court-landing-body .court-spotlight::before {
    content: ''; position: absolute; inset: -12px; border-radius: 24px; z-index: -1; pointer-events: none;
    background-image:
        radial-gradient(ellipse, rgb(255 230 107 / 85%), rgb(255 185 0 / 35%) 40%, transparent 72%),
        radial-gradient(ellipse, rgb(255 209 35 / 75%), rgb(255 160 0 / 30%) 40%, transparent 72%),
        radial-gradient(ellipse, rgb(255 226 95 / 70%), rgb(255 190 0 / 30%) 40%, transparent 72%),
        radial-gradient(ellipse, rgb(255 202 35 / 75%), rgb(255 170 0 / 30%) 40%, transparent 72%);
    background-size: 60% 24px, 60% 24px, 24px 60%, 24px 60%;
    background-repeat: no-repeat;
    animation: court-gold-aura 4.6s ease-in-out infinite;
}
@keyframes court-gold-aura {
    0%, 100% { background-position: 0% 0, 100% 100%, 0 100%, 100% 0%; opacity: .55; filter: blur(6px); }
    50% { background-position: 100% 0, 0% 100%, 0 0%, 100% 100%; opacity: .95; filter: blur(11px); }
}
@media (prefers-reduced-motion: reduce) {
    html body.court-landing-body .court-spotlight::before { animation: none; content: none; }
}

/* iPhone QA: remove the shared hero's reserved height only on Court mobile. */
@media (max-width: 640px) {
    html body.court-landing-body .court-page { padding-top: 100px; }
    html body.court-landing-body .court-hero { min-height: 0; }
    html body.court-landing-body .court-hero .heading-subtitle { margin-bottom: 0; }
    html body.court-landing-body .court-hero + section { margin-top: -12px; }
}