@import "https://fonts.googleapis.com/css2?family=Jua&family=Nunito:wght@500;700;800&display=swap";:root{--brand-deep:#01391a;--brand-leaf:#d3e1c4;--brand-leaf-deep:#a8c494;--brand-wood:#c4a574;--brand-wood-dark:#8b6914;--brand-cream:#f7faf2;--brand-glow:#d3e1c48c;--font-display:"Jua", "Nunito", sans-serif;--font-body:"Nunito", "Apple SD Gothic Neo", sans-serif;--panel-radius:28px;--bounce:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--brand-deep);background:radial-gradient(ellipse 80% 50% at 10% -10%, var(--brand-glow), transparent 55%), radial-gradient(ellipse 70% 45% at 95% 10%, #01391a1f, transparent 50%), linear-gradient(165deg, #eef5e6 0%, var(--brand-leaf) 42%, #c5d6b0 100%);background-attachment:fixed;margin:0;overflow-x:hidden}#root{isolation:isolate;min-height:100vh;position:relative}#root:before,#root:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,#01391a24 0 6px,#0000 7px),radial-gradient(circle at 70% 20%,#01391a1a 0 4px,#0000 5px),radial-gradient(circle at 40% 75%,#01391a1f 0 5px,#0000 6px),radial-gradient(circle at 85% 65%,#01391a1a 0 7px,#0000 8px),radial-gradient(circle at 15% 85%,#01391a14 0 4px,#0000 5px);animation:22s ease-in-out infinite alternate drift-particles;position:fixed;inset:0}#root:after{opacity:.7;background-image:radial-gradient(circle at 60% 40%,#d3e1c4b3 0 10px,#0000 11px),radial-gradient(circle at 30% 60%,#d3e1c48c 0 8px,#0000 9px),radial-gradient(circle at 80% 80%,#d3e1c499 0 12px,#0000 13px);animation:28s ease-in-out infinite alternate-reverse drift-particles}@keyframes drift-particles{0%{transform:translate(0,0)}to{transform:translate(-18px,24px)}}@keyframes mascot-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-14px)rotate(1.5deg)}}@keyframes mascot-pop-in{0%{opacity:0;transform:translateY(28px)scale(.72)}70%{opacity:1;transform:translateY(-6px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 #01391a59}70%{box-shadow:0 0 0 14px #01391a00}to{box-shadow:0 0 #01391a00}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.game-shell{z-index:1;min-height:100dvh;padding:clamp(12px,2.5vw,28px);position:relative}.game-panel{border:4px solid var(--brand-deep);border-radius:var(--panel-radius);animation:panel-rise .55s var(--bounce) both;background:linear-gradient(#fffef8 0%,#f3f7ec 100%);box-shadow:0 10px #01391a38,0 18px 40px #01391a29}.game-title{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:2px 3px #d3e1c4e6;line-height:1.15}.mascot{filter:drop-shadow(0 12px 18px #01391a47);width:min(240px,58vw);height:auto;animation:mascot-pop-in .7s var(--bounce) both, mascot-bob 3.2s ease-in-out .7s infinite;-webkit-user-select:none;user-select:none;pointer-events:none;margin-inline:auto;display:block}.mascot--sm{width:min(88px,22vw);animation:mascot-pop-in .55s var(--bounce) both, mascot-bob 3.6s ease-in-out .55s infinite;margin-inline:0}.hud-badge{background:var(--brand-deep);color:var(--brand-leaf);font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:1.05rem;animation:2.4s ease-out infinite pulse-ring;display:inline-flex}.video-stage{border:4px solid var(--brand-deep);background:#0a1f12;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px #01391a33,inset 0 0 0 3px #d3e1c480}.team-chip{transition:transform .18s var(--bounce), box-shadow .18s ease!important}.team-chip:hover:not(:disabled){animation:.4s wiggle;transform:translateY(-3px)scale(1.04)}.team-chip:active:not(:disabled){transform:translateY(1px)scale(.98)}.play-burst:not(:disabled){animation:2.8s linear infinite shimmer;background-size:200% 200%!important}@media (orientation:landscape) and (height<=520px){.game-shell{min-height:100dvh;padding:8px 16px}.mascot{width:min(120px,22vh)!important}.mascot--sm{width:min(56px,14vh)!important}}@media (width>=900px){.mascot--sm{width:min(108px,12vw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}