@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}}@layer base{:root{--bg-main:oklch(95% .02 350);--bg-card:oklch(100% 0 0);--bg-section:oklch(96% .03 340);--text-primary:oklch(25% .05 330);--text-secondary:oklch(40% .04 330);--text-muted:oklch(55% .03 330);--accent-pink:oklch(70% .2 350);--accent-rose:oklch(65% .25 0);--accent-peach:oklch(80% .12 50);--accent-lavender:oklch(75% .12 300);--accent-mint:oklch(82% .12 155);--accent-yellow:oklch(88% .14 90);--severity-minor:oklch(65% .15 155);--severity-serious:oklch(70% .15 75);--severity-max:oklch(65% .2 15);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-card:0 2px 12px oklch(70% .15 350/.15);--shadow-hover:0 12px 32px oklch(60% .2 350/.2);color:var(--text-primary);background:var(--bg-main);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(16px,1.2vw,20px);line-height:1.5}body{background:radial-gradient(ellipse at 20% 0%, oklch(92% .06 350/.5), transparent 50%), radial-gradient(ellipse at 80% 10%, oklch(92% .06 300/.4), transparent 50%), radial-gradient(ellipse at 50% 100%, oklch(92% .06 155/.3), transparent 50%), var(--bg-main);min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{text-wrap:balance;line-height:1.2}img,svg{max-width:100%;display:block}}@layer animations{.floating-petals{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.petal{rotate:var(--rot,0deg);background:linear-gradient(135deg,oklch(85% .12 350),oklch(90% .08 0));border-radius:50% 0;animation:linear infinite petal-fall;position:absolute;top:-30px}@keyframes petal-fall{0%{translate:0 -30px;rotate:var(--rot,0deg);opacity:0}5%{opacity:1}to{translate:var(--drift,30px) calc(100dvh + 30px);rotate:calc(var(--rot,0deg) + 360deg);opacity:0}}.confetti-container{pointer-events:none;z-index:1000;position:fixed;inset:0}.confetti-particle{animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards confetti-burst;position:fixed}.confetti-circle{border-radius:50%}.confetti-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes confetti-burst{0%{opacity:1;translate:0;rotate:0deg;scale:1}70%{opacity:1}to{translate:var(--tx) var(--ty);rotate:var(--spin);opacity:0;scale:.3}}.bird-wrapper{flex-shrink:0;position:relative}.sparkles{pointer-events:none;position:absolute;inset:-20px}.sparkle{color:oklch(85% .15 90);animation:2s ease-in-out infinite sparkle-pop;position:absolute}.sparkle.s1{width:16px;height:16px;animation-delay:0s;top:5%;left:0}.sparkle.s2{color:oklch(80% .15 350);width:12px;height:12px;animation-delay:.5s;top:10%;right:0}.sparkle.s3{color:oklch(80% .12 300);width:10px;height:10px;animation-delay:1s;bottom:25%;left:-5%}.sparkle.s4{color:oklch(85% .12 155);width:14px;height:14px;animation-delay:1.5s;bottom:30%;right:-5%}@keyframes sparkle-pop{0%,to{opacity:0;rotate:0deg;scale:0}50%{opacity:1;rotate:180deg;scale:1}}.stamp{color:oklch(50% .25 25);letter-spacing:.05em;border-radius:var(--radius-md);z-index:5;text-shadow:2px 2px oklch(100% 0 0/.5);background:oklch(50% .25 25/.08);border:6px solid oklch(50% .25 25);justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) both stamp-slam;display:flex;position:absolute;inset:0;rotate:-12deg}@keyframes stamp-slam{0%{opacity:0;rotate:-30deg;scale:4}60%{opacity:1;scale:.9}80%{scale:1.05}to{rotate:-12deg;scale:1}}.title-bounce{background:linear-gradient(90deg, var(--accent-pink), var(--accent-rose), var(--accent-lavender), var(--accent-peach), var(--accent-pink));-webkit-text-fill-color:transparent;color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite letter-wave,4s linear infinite shimmer;display:inline-block}@keyframes letter-wave{0%,20%,to{translate:0}10%{translate:0 -12px;scale:1.15}}.paw-prints{justify-content:center;gap:.8rem;margin-bottom:.5rem;font-size:1.5rem;display:flex}.paw{animation:2.5s ease-in-out infinite paw-walk;display:inline-block}.paw.p1{animation-delay:0s;rotate:-15deg}.paw.p2{animation-delay:.3s;rotate:10deg}.paw.p3{animation-delay:.6s;rotate:-8deg}.paw.p4{animation-delay:.9s;rotate:12deg}.paw.p5{animation-delay:1.2s;rotate:-5deg}@keyframes paw-walk{0%,30%,to{opacity:.4;translate:0;scale:1}15%{opacity:1;translate:0 -10px;scale:1.2}}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-2deg}75%{rotate:2deg}}@keyframes emoji-bounce{0%,to{translate:0}25%{translate:0 -5px}50%{translate:0}75%{translate:0 -3px}}@keyframes badge-pulse{0%,to{scale:1}50%{scale:1.1}}@keyframes bubble-pop{0%{opacity:0;translate:-20px;scale:0}60%{scale:1.08}to{opacity:1;translate:0;scale:1}}@keyframes bird-fly-in{0%{opacity:0;translate:-80px -40px;rotate:-15deg}60%{translate:8px 2px;rotate:3deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes header-drop{0%{opacity:0;translate:0 -30px}to{opacity:1;translate:0}}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes stamped-shake{0%{translate:0}15%{translate:-6px}30%{translate:5px}45%{translate:-4px}60%{translate:3px}75%{translate:-1px}to{translate:0}}@keyframes img-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.floating-petals{display:none}}}@layer components{.app{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem;position:relative}.site-header{text-align:center;padding:2rem 0 1rem;animation:.8s cubic-bezier(.34,1.56,.64,1) both header-drop}.site-title{letter-spacing:-1px;cursor:default;padding:0 .25rem;font-size:clamp(1.8rem,6vw,4rem);font-weight:800}.site-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:clamp(1rem,2vw,1.3rem);animation:.8s cubic-bezier(.34,1.56,.64,1) .2s both header-drop}.bird-guide{justify-content:center;align-items:center;gap:1.5rem;max-width:700px;margin:2rem auto;padding:0 1rem;display:flex}@media (width<=600px){.bird-guide{text-align:center;flex-direction:column}}.bird-wrapper{flex-shrink:0}.bird-svg{filter:drop-shadow(0 4px 12px oklch(70% .15 350/.3));cursor:pointer;flex-shrink:0;width:140px;height:140px;transition:filter .3s}.bird-svg:hover{filter:drop-shadow(0 4px 20px oklch(70% .2 350/.5))drop-shadow(0 0 8px oklch(80% .15 90/.4))}.speech-bubble{background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-card);border:2px solid oklch(85% .1 350);padding:1rem 1.5rem;font-size:1.05rem;line-height:1.5;position:relative}.speech-bubble:before{content:"";border:8px solid #0000;border-right-color:oklch(85% .1 350);position:absolute;top:50%;left:-12px;transform:translateY(-50%)}@media (width<=600px){.speech-bubble:before{border-bottom-color:oklch(85% .1 350);border-right-color:#0000;top:-14px;left:50%;transform:translate(-50%)}}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));justify-content:center;gap:1.5rem;margin-top:2rem;display:grid}.cat-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid oklch(90% .05 350);transition:translate .3s,box-shadow .3s,scale .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) both card-appear;overflow:hidden}.cat-card:hover{box-shadow:var(--shadow-hover);translate:0 -6px}.cat-card:hover .mugshot-container{animation:.5s ease-in-out wiggle}.cat-card:hover .section-emoji{animation:.6s ease-in-out emoji-bounce}.cat-card:hover .severity-badge{animation:.8s ease-in-out infinite badge-pulse}.cat-card:hover .mugshot{scale:1.15}.cat-card:hover .mugshot-img{scale:1.08}.cat-card:active{scale:.97}.cat-card.is-stamped{animation:.5s ease-out stamped-shake}.cat-card.severity-minor{border-top:4px solid var(--severity-minor)}.cat-card.severity-serious{border-top:4px solid var(--severity-serious)}.cat-card.severity-max{border-top:4px solid var(--severity-max)}@keyframes card-appear{0%{opacity:0;translate:0 40px;rotate:-2deg;scale:.9}to{opacity:1;translate:0;rotate:0deg;scale:1}}.cat-card:first-child{animation-delay:.1s}.cat-card:nth-child(2){animation-delay:.18s}.cat-card:nth-child(3){animation-delay:.26s}.cat-card:nth-child(4){animation-delay:.34s}.cat-card:nth-child(5){animation-delay:.42s}.cat-card:nth-child(6){animation-delay:.5s}.cat-card:nth-child(7){animation-delay:.58s}.cat-card:nth-child(8){animation-delay:.66s}.cat-card:nth-child(9){animation-delay:.74s}.mugshot-container{background:linear-gradient(135deg,oklch(95% .06 350),oklch(93% .06 300));justify-content:center;align-items:center;min-height:140px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.mugshot-container.has-image{min-height:200px;padding:0}.mugshot{z-index:1;font-size:4rem;line-height:1;transition:scale .3s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite mugshot-bounce;position:relative}@keyframes mugshot-bounce{0%,to{translate:0;rotate:0deg}25%{translate:0 -6px;rotate:-3deg}75%{translate:0 -3px;rotate:3deg}}.mugshot-img{object-fit:cover;z-index:1;background:linear-gradient(90deg,oklch(93% .04 350) 25%,oklch(96% .03 300) 50%,oklch(93% .04 350) 75%) 0 0/200% 100%;width:100%;height:200px;transition:scale .4s cubic-bezier(.34,1.56,.64,1);animation:1.5s linear infinite img-shimmer;position:relative}.mugshot-lines{opacity:.08;z-index:2;pointer-events:none;justify-content:space-evenly;align-items:stretch;display:flex;position:absolute;inset:0}.mugshot-lines .line{background:var(--accent-rose);width:1px}.tap-hint{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-pink);background:oklch(95% .05 350);padding:.6rem;font-size:.8rem;font-weight:700;animation:2s ease-in-out infinite hint-pulse}.card-content{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem;display:flex}.cat-name{color:var(--text-primary);font-size:1.2rem;font-weight:700}.severity-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;transition:scale .3s}.severity-badge.severity-minor{color:var(--severity-minor);background:oklch(65% .15 155/.15)}.severity-badge.severity-serious{color:var(--severity-serious);background:oklch(70% .15 75/.15)}.severity-badge.severity-max{color:var(--severity-max);background:oklch(65% .2 15/.15)}.crime-section,.punishment-section{align-items:start;gap:.75rem;display:flex}.section-emoji{flex-shrink:0;padding-top:.15rem;font-size:1.5rem;line-height:1;transition:scale .3s}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem;font-weight:600}.crime-section p,.punishment-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.site-footer{text-align:center;color:var(--text-muted);padding:3rem 1rem 1rem;font-size:.85rem}}@layer utilities;