.hero-copy{position:relative}.hero-stamp{display:inline-block;position:absolute;top:-19px;right:5px;transform:rotate(6deg);font:600 8px/1.6 'Space Grotesk',sans-serif;color:#ffbc92;background:#ff9a5d0b;border:1px solid #ff9a5d44;border-radius:10px;padding:9px 13px;letter-spacing:.09em}
.hero-copy h1 em{background:linear-gradient(100deg,#ff9a5d,#ffd4b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-doodles{display:flex;align-items:center;gap:23px;color:#ffb481;margin-top:21px;opacity:.8}.hero-doodles span:first-child{font-size:27px;transform:rotate(-13deg)}.hero-doodles span:last-child{font-size:24px}.hero-doodles svg{width:145px;height:34px;fill:none;stroke:#ff9a5d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.art-spark{position:absolute;z-index:1;color:#ffbd8f;font-size:25px;opacity:.7}.spark-one{left:8px;top:48px;transform:rotate(-15deg)}.spark-two{right:8px;bottom:42px;transform:rotate(12deg)}
.playing .signal-bars i{animation:bar-bounce .85s ease-in-out infinite alternate}.playing .signal-bars i:nth-child(2){animation-delay:.25s}.playing .signal-bars i:nth-child(3){animation-delay:.1s}.playing .signal-bars i:nth-child(4){animation-delay:.4s}@keyframes bar-bounce{to{height:5px}}
.fun-band{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:21px 0 50px}.fun-band-intro h2{font:600 35px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:16px 0}.fun-band-intro h2 em{color:var(--lime)}.fun-band-intro p{font-size:12px;line-height:1.85;color:var(--muted)}
.joke-card{position:relative;display:flex;align-items:center;gap:20px;padding:26px 27px;background:radial-gradient(ellipse at 0 100%,#62351f2e,transparent 60%),#1b1d1f;border:1px solid #ffffff1c;border-radius:23px;box-shadow:0 15px 40px #0002;min-width:0}
.joke-avatar{width:112px;height:142px;flex:none;overflow:hidden;align-self:flex-end}.joke-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.joke-content{min-width:0}.joke-label{font:600 7px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#ffb88b}.joke-content p{font:500 17px/1.55 'Space Grotesk',sans-serif;margin:13px 0 18px;min-height:80px;letter-spacing:-.02em;color:#f5e7dd}
.joke-content button{background:#ff9a5d10;color:#ffbd94;border:1px solid #ff9a5d44;border-radius:30px;padding:10px 15px;font-size:10px;font-weight:500;display:flex;gap:24px;align-items:center;white-space:nowrap}.joke-content button span{font-size:16px}.joke-star{position:absolute;right:18px;top:15px;font-size:22px;color:#ff9a5d66;transform:rotate(14deg)}
@media(max-width:1100px){.fun-band{gap:33px}.joke-card{padding:23px 19px;gap:14px}.joke-avatar{width:87px;height:125px}.joke-content p{font-size:15px}.hero-stamp{font-size:7px;padding:8px 10px;top:-22px}.fun-band-intro h2{font-size:31px}}
@media(max-width:760px){.hero-stamp{right:0;top:0;font-size:6px;padding:8px 10px}.hero-doodles{margin-top:15px;gap:18px}.hero-doodles svg{width:118px;height:28px}.hero-doodles span:first-child{font-size:24px}.hero-doodles span:last-child{font-size:20px}.art-spark{font-size:19px}.spark-one{left:0;top:35px}.spark-two{right:0;bottom:20px}.fun-band{grid-template-columns:minmax(0,1fr);gap:12px;padding:7px 0 34px}.fun-band-intro h2{font-size:30px}.fun-band-intro p{font-size:11px;margin-bottom:10px}.joke-card{padding:24px 17px;gap:15px;border-radius:18px}.joke-avatar{width:75px;height:115px}.joke-content p{font-size:14px;min-height:83px;margin:11px 0 15px}.joke-label{font-size:6px;letter-spacing:.08em}.joke-content button{font-size:9px;padding:9px 12px;gap:22px}.joke-star{font-size:19px;top:12px;right:12px}}
@media(max-width:360px){.hero-stamp{font-size:5px;padding:7px 8px}.joke-avatar{width:58px;height:100px}.joke-card{padding:22px 14px;gap:12px}.joke-content p{font-size:13px}.fun-band-intro h2{font-size:28px}}
.joke-avatar img.laugh-avatar{object-fit:contain;object-position:center bottom}.joke-avatar:has(.laugh-avatar){width:130px;height:158px}
.rubrics-section{padding:12px 0 54px}.rubrics-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}.rubrics-heading h2{font:600 38px/1.13 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:14px 0}.rubrics-heading h2 em{color:var(--lime)}.rubrics-intro{font-size:12px;color:var(--muted);line-height:1.8;max-width:620px;margin:2px 0 25px}.mascot-mood{display:flex;align-items:center;gap:10px;border:1px solid #ff9a5d33;background:#ff9a5d0a;border-radius:40px;padding:13px 18px;color:#ffd4b6;font-size:11px;max-width:330px}.mood-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#ff9a5d;box-shadow:0 0 13px #ff9a5d80}
.rubric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rubric-card{display:flex;flex-direction:column;min-width:0;position:relative;background:linear-gradient(140deg,#28242188,transparent 75%),#191b1d;border:1px solid #ffffff13;border-radius:20px;padding:24px}.rubric-card-top{display:flex;align-items:center;gap:12px}.rubric-symbol{font-size:27px;color:#ffb181;line-height:1}.rubric-tag{font:500 8px 'Space Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.rubric-card h3{font:600 18px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin:18px 0 12px;color:#faf4ee}.rubric-card p{font-size:12px;line-height:1.8;color:#c3b8af;margin:0 0 20px;flex:1}.rubric-card button{align-self:flex-start;background:transparent;border:1px solid #ff9a5d44;border-radius:30px;padding:9px 14px;color:#ffbd94;font-size:10px;cursor:pointer}.rubric-card button::after{content:' ↻';margin-left:12px}.rubric-card button:hover{background:#ff9a5d15}.rubric-card button:focus-visible{outline:2px solid #ffbd94;outline-offset:4px}
.player-card[data-mascot-mood=music] .mascot-dj{animation:mascot-groove 3s ease-in-out infinite}.player-card[data-mascot-mood=live] .mascot-sticker{background:#ff9a5d22;box-shadow:0 0 24px #ff9a5d15}@keyframes mascot-groove{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-.7deg)}}
@media(max-width:1000px){.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rubrics-heading h2{font-size:33px}}
@media(max-width:760px){.rubrics-heading{align-items:flex-start;flex-direction:column;gap:0}.rubrics-heading h2{font-size:30px}.mascot-mood{margin:4px 0 18px;font-size:10px}.rubrics-section{padding:0 0 34px}.rubric-card{padding:20px;border-radius:17px}.joke-avatar:has(.laugh-avatar){width:88px;height:128px}}
@media(max-width:540px){.rubric-grid{grid-template-columns:minmax(0,1fr);gap:12px}.rubric-card p{font-size:12px}.rubrics-intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.player-card[data-mascot-mood=music] .mascot-dj{animation:none}}