:root {
    --biscuit-cocoa: #6B3B2A;
    --biscuit-cocoa-dark: #3E251D;
    --biscuit-cream: #FFF8EA;
    --biscuit-crumb: #E9B96E;
    --biscuit-berry: #8A3D4F;
    --biscuit-mint: #6F826B;
    --biscuit-border: #E8D8C2;
    --biscuit-radius: 18px;
    --biscuit-shadow: 0 8px 26px rgba(72, 47, 34, .10);
}
body, .t-Body { background: #fffaf0 url("#APP_FILES#biscotto-pattern.svg") repeat; }
.t-Header-branding { background: linear-gradient(115deg, #6B3B2A, #8A3D4F) !important; }
.t-Header-logo-link { color: #fff !important; font-weight: 800 !important; }
.t-Header-logo-link::after { content: "Biscotti Challenge"; margin-left: .5rem; font-size: 1rem; }
.biscotto-hero-banner, .biscotto-score-hero {
    position: relative; overflow: hidden; padding: 26px 30px; margin-bottom: 20px;
    border: 1px solid #e3c99f; border-radius: var(--biscuit-radius);
    background: linear-gradient(120deg,#fff8ea 0%,#f6e2bd 100%); box-shadow: var(--biscuit-shadow);
}
.biscotto-hero-banner::after, .biscotto-score-hero::after {
    content: "🍪"; position: absolute; right: 24px; bottom: -26px;
    font-size: 88px; opacity: .18; transform: rotate(-12deg); pointer-events: none;
}
.biscotto-hero-title, .biscotto-score-hero h1 { color: var(--biscuit-cocoa-dark); font-family: Georgia,serif; font-weight: 800; }
.biscotto-hero-subtitle, .biscotto-score-hero p:last-child { color: #654d3f; }
.biscotto-score-kicker { margin: 0 0 6px; color: var(--biscuit-mint); font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.biscotto-btn-primary { background: var(--biscuit-berry) !important; border-color: var(--biscuit-berry) !important; border-radius: 999px !important; }
.biscotto-score-controls { padding: 12px 18px 2px; margin-bottom: 18px; border-left: 4px solid var(--biscuit-crumb); background: rgba(255,255,255,.9); }
.biscotto-score-report .t-Region-title { color: var(--biscuit-cocoa-dark); font-weight: 800; }
.biscotto-score-report .a-IRR-table th { background: var(--biscuit-cream); color: var(--biscuit-cocoa-dark); }
.biscotto-score-report .a-IRR-table td, .biscotto-score-report .a-IRR-table th { padding: 11px 14px; }
.biscotto-podium-container { display: flex; align-items: end; justify-content: center; gap: 16px; margin: 20px auto; max-width: 850px; }
.biscotto-podium-heading { color: var(--biscuit-cocoa-dark); text-align: center; font-family: Georgia,serif; }
.biscotto-podium-card { flex: 1; max-width: 250px; min-height: 185px; padding: 20px; border: 1px solid var(--biscuit-border); border-radius: var(--biscuit-radius); background: #fff; box-shadow: var(--biscuit-shadow); text-align: center; }
.biscotto-podium-card.podium-gold { min-height: 220px; background: linear-gradient(155deg,#fff9e9,#f6e1aa); }
.biscotto-podium-card.podium-silver { background: linear-gradient(155deg,#fff,#edf0f1); }
.biscotto-podium-card.podium-bronze { background: linear-gradient(155deg,#fff7f0,#f0d2bf); }
.podium-medal { font-size: 2rem; }.podium-biscotto-name { color: var(--biscuit-cocoa-dark); }
.podium-biscotto-brand, .podium-vote-count { color: #75645a; }
.podium-score-pill { display: inline-block; padding: 5px 12px; border-radius: 999px; color: var(--biscuit-cocoa); background: var(--biscuit-cream); font-weight: 800; }
.biscotto-podium-empty { max-width: 600px; margin: 12px auto; padding: 24px; border: 1px dashed var(--biscuit-border); border-radius: var(--biscuit-radius); background: #fff; text-align: center; color: #66564c; }
@media (max-width: 640px) {
    .biscotto-hero-banner, .biscotto-score-hero { padding: 20px 18px; }
    .biscotto-hero-banner::after, .biscotto-score-hero::after { right: 8px; font-size: 58px; }
    .biscotto-hero-title { font-size: 1.4rem; }
    .biscotto-podium-container { align-items: stretch; flex-direction: column; }
    .biscotto-podium-card, .biscotto-podium-card.podium-gold { max-width: none; min-height: auto; }
}
