/* LOONY BALLZ art direction. Sample provenance is documented in GAME-PALETTE.md.
   Scoped to content; studio header, footer and related catalogue retain their identity. */
.theme-loony{
 --lb-grass:#4e960b;
 --lb-leaf:#3c7e12;
 --lb-field:#233c26;
 --lb-orange:#ff6600;
 --lb-orange-ink:#a43f00;
 --lb-stone:#dcd3c4;
 --lb-sand:#e2c89c;
 --lb-graphite:#4d4d4d;
 --lb-deep-graphite:#343b32;
 --lb-light:#f1f1f0;
 --lb-soft-green:#e5ecd9;
}
.theme-loony .game-hero{background:var(--lb-field);box-shadow:0 0 0 100vmax var(--lb-field);clip-path:inset(0 -100vmax);color:var(--lb-light);padding-top:24px;padding-bottom:62px;position:relative}
.theme-loony .game-hero .back-link{color:var(--lb-stone)}
.theme-loony .game-hero .eyebrow{color:var(--lb-sand)}
.theme-loony .game-hero h1{color:var(--lb-orange);font-weight:600;letter-spacing:-2px}
.theme-loony .game-subtitle{color:var(--lb-light)}
.theme-loony .game-hero h2{color:var(--lb-light)}
.theme-loony .game-lead{color:#d5dfcf}
.theme-loony .platform-label{color:var(--lb-stone)}
.theme-loony .game-hero-art{background:var(--lb-stone);border:1px solid var(--lb-sand);padding:10px;box-shadow:9px 10px 0 #152819;transform:rotate(1deg);border-radius:3px}
.theme-loony .game-hero-art figcaption{color:var(--lb-deep-graphite);font-weight:600}
.theme-loony .game-hero .secondary-button{color:var(--lb-light);border-color:#8d9c80;background:transparent}
.theme-loony .game-hero .secondary-button:hover{background:#304b2e;border-color:var(--lb-orange)}
.theme-loony .game-primary{background:var(--lb-orange);color:#26321f;border:1px solid var(--lb-orange);font-weight:700;opacity:1}
.theme-loony .game-primary:hover:not(:disabled){background:var(--lb-orange);color:#26321f;border-color:var(--lb-sand)}
.theme-loony .game-hero:after{content:'';position:absolute;bottom:0;left:0;width:130px;height:5px;background:var(--lb-orange)}
.theme-loony .game-about{background:var(--lb-light);border-top:5px solid var(--lb-stone)}
.theme-loony .game-about .eyebrow{color:var(--lb-orange-ink)}
.theme-loony .game-about h2{color:var(--lb-field)}
.theme-loony .game-body p{color:var(--lb-graphite)}
.theme-loony .game-body p:nth-child(2){color:var(--lb-field)}
.theme-loony .paddle-motif span{background:var(--lb-orange);height:9px;border:1px solid var(--lb-orange-ink)}
.theme-loony .paddle-motif i{background:var(--lb-light);border:2px solid var(--lb-leaf);box-shadow:3px 3px 0 var(--lb-stone)}
.theme-loony .game-features{background:var(--lb-light);box-shadow:0 0 0 100vmax var(--lb-light);clip-path:inset(0 -100vmax);padding-bottom:35px}
.theme-loony .feature-card{background:var(--lb-soft-green);border:1px solid #c4d1b5;border-top:3px solid var(--lb-leaf);border-radius:5px;position:relative}
.theme-loony .feature-card:nth-child(even){background:#e9e3d8;border-color:#cdc2af;border-top-color:var(--lb-orange)}
.theme-loony .feature-symbol{color:var(--lb-orange-ink);background:var(--lb-light);border:1px solid #c3cbb8;border-radius:50%;width:49px;height:49px;font-size:29px;display:grid;place-items:center;margin-bottom:17px}
.theme-loony .feature-card h3{color:var(--lb-field)}
.theme-loony .feature-card p{color:var(--lb-graphite)}
.theme-loony .feature-card:after{content:'';position:absolute;right:18px;top:23px;width:26px;height:5px;border-radius:6px;background:var(--lb-graphite);transform:rotate(-18deg);opacity:.45}
.theme-loony .game-info{background:var(--lb-stone);border-left:4px solid var(--lb-orange);border-radius:4px;margin-top:6px}
.theme-loony .game-info h2{color:var(--lb-deep-graphite)}
.theme-loony .game-info p{color:var(--lb-graphite)}
.theme-loony .info-mark{background:var(--lb-graphite);color:var(--lb-light);border:0}
.theme-loony .game-tutorial{background:var(--lb-leaf);border-top:6px solid var(--lb-field);border-bottom:6px solid var(--lb-stone)}
.theme-loony .game-tutorial .eyebrow{color:var(--lb-light)}
.theme-loony .game-tutorial h2{color:var(--lb-light)}
.theme-loony .game-tutorial .module-heading>p{color:var(--lb-light)}
.theme-loony .carousel{background:var(--lb-graphite);border:2px solid var(--lb-stone);border-radius:7px;box-shadow:0 8px 0 #28560d}
.theme-loony .carousel-toolbar{color:var(--lb-light)}
.theme-loony .rotation-control{color:var(--lb-light);border-color:#92978d;background:#41473e}
.theme-loony .rotation-control:hover{background:var(--lb-deep-graphite)}
.theme-loony .tutorial-slide img{border:1px solid var(--lb-stone);border-radius:2px}
.theme-loony .tutorial-slide h3{color:var(--lb-light)}
.theme-loony .tutorial-slide p{color:var(--lb-light)}
.theme-loony .slide-count{color:var(--lb-sand)}
.theme-loony .carousel-arrow{background:var(--lb-stone);color:var(--lb-deep-graphite);border-color:var(--lb-stone)}
.theme-loony .carousel-arrow:hover{background:var(--lb-orange);border-color:var(--lb-orange)}
.theme-loony .carousel-dots button:before{background:var(--lb-stone)}
.theme-loony .carousel-dots button[aria-current="true"]:before{background:var(--lb-orange)}
.theme-loony .carousel :focus-visible{outline-color:var(--lb-sand)}
.theme-loony .game-video{background:var(--lb-deep-graphite);box-shadow:0 0 0 100vmax var(--lb-deep-graphite);clip-path:inset(0 -100vmax)}
.theme-loony .game-video .eyebrow{color:var(--lb-sand)}
.theme-loony .game-video h2{color:var(--lb-light)}
.theme-loony .game-video .module-heading>p{color:#d5dfcf}
.theme-loony .video-preview{background:var(--lb-field);border:1px solid #74826b;border-radius:5px}
.theme-loony .video-preview>img{opacity:.4}
.theme-loony .video-overlay{background:#233c2666;color:var(--lb-light)}
.theme-loony .video-play{background:var(--lb-orange);color:#26321f;border:0;box-shadow:0 0 0 9px #233c2688}
.theme-loony .video-overlay h3{background:#233c26e6;padding:9px 15px;border-radius:3px}
.theme-loony .video-button{background:var(--lb-orange);color:#26321f;border-color:var(--lb-orange);font-weight:700;opacity:1}
.theme-loony .game-platform{background:var(--lb-field);border-top:1px solid #627454;border-bottom:5px solid var(--lb-orange)}
.theme-loony .game-platform .eyebrow{color:var(--lb-sand)}
.theme-loony .game-platform h2{color:var(--lb-light)}
.theme-loony .game-platform p{color:#d5dfcf}
/* The catalogue and global studio chrome deliberately keep the approved neutral palette. */
@media(max-width:700px){.theme-loony .game-hero{padding-bottom:37px}.theme-loony .game-hero-art{box-shadow:5px 6px 0 #152819}.theme-loony .video-overlay h3{font-size:22px}}
.theme-loony.game-page .game-features{background:var(--lb-light)}
.theme-loony .feature-card:nth-child(odd){border-top-color:var(--lb-grass)}
.theme-loony .game-hero :focus-visible,.theme-loony .game-video :focus-visible,.theme-loony .game-platform :focus-visible{outline-color:var(--lb-sand)}
.theme-loony .game-tutorial .eyebrow,.theme-loony .game-tutorial .module-heading>p{color:var(--white)}
.theme-loony.game-page .game-primary:disabled,.theme-loony.game-page .video-button:disabled{opacity:1}

/* WATCH: two local previews; no third-party player or requests. */
.theme-loony .watch-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:30px;align-items:start}
.theme-loony .watch-card{display:block;min-width:0;color:var(--lb-light);border:1px solid #74826b;border-radius:6px;background:var(--lb-field);overflow:hidden}
.theme-loony .watch-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--lb-field)}
.theme-loony .watch-media img{width:100%;height:100%;object-fit:cover;opacity:.68}
.theme-loony .watch-short .watch-media{aspect-ratio:9/16}
.theme-loony .watch-short .watch-media img{object-position:center}
.theme-loony .watch-format{position:absolute;top:16px;left:16px;padding:7px 10px;border-radius:3px;background:#233c26;color:var(--lb-light);font-size:10px;letter-spacing:1px;font-weight:700}
.theme-loony .watch-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--lb-orange);color:#26321f;font-size:34px;box-shadow:0 0 0 9px #233c2688}
.theme-loony .watch-caption{padding:23px 24px 24px;border-top:1px solid #627454}
.theme-loony .watch-caption h3{font-size:clamp(20px,2vw,28px);line-height:1.3;color:var(--lb-light);letter-spacing:-.4px}
.theme-loony .watch-short h3{font-size:20px}
.theme-loony .watch-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:15px;color:var(--lb-sand);font-size:13px;font-weight:600}
.theme-loony .watch-card:hover{border-color:var(--lb-orange)}
.theme-loony .watch-card:focus-visible{outline:3px solid var(--lb-sand);outline-offset:5px}
@media(max-width:850px){.theme-loony .watch-grid{grid-template-columns:1fr;gap:28px}.theme-loony .watch-short{width:min(100%,340px);justify-self:center}.theme-loony .watch-caption{padding:20px}.theme-loony .watch-caption h3{font-size:23px}.theme-loony .watch-short h3{font-size:21px}}
@media(max-width:430px){.theme-loony .watch-format{top:10px;left:10px;font-size:9px}.theme-loony .watch-play{width:52px;height:52px;font-size:28px}.theme-loony .watch-caption h3{font-size:21px}}
