.rr--group{display:flex;width:100%;position:relative}.rr--box{display:flex;width:100%;flex-grow:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rr--svg{display:flex;aspect-ratio:1;width:100%;flex-grow:1;overflow:clip;pointer-events:none}@supports not (overflow: clip){.rr--svg{overflow:auto}}.rr--box:focus,.rr--box:focus-visible,.rr-reset:focus-visible,.rr-reset:focus{outline:none;box-shadow:none}.rr--focus-reset{outline:6px double #0079ff}.rr--box:focus-visible .rr--svg{outline:6px double #0079ff;isolation:isolate}.rr--reset{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;right:0;bottom:50%}[dir=rtl] .rr--reset{left:0;right:auto}.rr--dir-y .rr--reset{bottom:0;right:50%}.rr--disabled{opacity:.5;cursor:not-allowed}.rr--disabled .rr--svg{pointer-events:none}.rr--pointer .rr--box{cursor:pointer}.rr--dir-x{flex-direction:row}.rr--dir-y{flex-direction:column}.rr--space-sm .rr--svg{padding:8%}.rr--space-md .rr--svg{padding:12.5%}.rr--space-lg .rr--svg{padding:17.5%}.rr--dir-x.rr--gap-sm .rr--svg{margin:0 6.25%}.rr--dir-x.rr--gap-sm .rr--box:focus-visible:after{width:87.5%;left:6.25%}.rr--dir-x.rr--gap-md .rr--svg{margin:0 12.5%}.rr--dir-x.rr--gap-md .rr--box:focus-visible:after{width:75%;left:12.5%}.rr--dir-x.rr--gap-lg .rr--svg{margin:0 25%}.rr--dir-x.rr--gap-lg .rr--box:focus-visible:after{width:50%;left:25%}.rr--dir-y.rr--gap-sm .rr--svg{margin:6.25% 0}.rr--dir-y.rr--gap-md .rr--svg{margin:12.5% 0}.rr--dir-y.rr--gap-lg .rr--svg{margin:25% 0}.rr--rx-sm .rr--svg{border-radius:5%}.rr--rx-md .rr--svg{border-radius:15%}.rr--rx-lg .rr--svg{border-radius:20%}.rr--rx-full .rr--svg{border-radius:100%}.rr--has-stroke .rr--svg{stroke-linecap:round;stroke-linejoin:round}.rr--has-border .rr--svg{border-width:var(--rr--border-width);border-style:solid}.rr--on .rr--svg{fill:var(--rr--fill-on-color, none)}.rr--off .rr--svg{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--on .rr--svg{stroke:var(--rr--stroke-on-color, currentColor)}.rr--has-stroke .rr--off .rr--svg{stroke:var(--rr--stroke-off-color, currentColor)}.rr--on .rr--svg{background-color:var(--rr--box-on-color, none)}.rr--off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--has-border .rr--off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.rr--has-border .rr--on .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--fx-colors{--rr--easing: .2s cubic-bezier(.61, 1, .88, 1)}.rr--fx-colors .rr--svg{transition-duration:.2s;transition-timing-function:var(--rr--easing);transition-property:background-color,border-color,fill,stroke}.rr--fx-opacity .rr--off{opacity:.35;transition:opacity var(--rr--easing)}.rr--fx-opacity .rr--on{opacity:1}@media(hover:hover){.rr--fx-opacity .rr--box:hover{opacity:1}}@media(hover:hover){.rr--fx-zoom .rr--box{transition:transform var(--rr--easing);transform:scale(1)}.rr--fx-zoom .rr--box:hover{transform:scale(1.2)}@media(prefers-reduced-motion){.rr--fx-zoom .rr--box:hover{transform:scale(1)}}}@media(hover:hover){.rr--fx-position .rr--box{transition:transform var(--rr--easing);transform:translateY(0)}.rr--fx-position .rr--box:hover{transform:translateY(-15%)}@media(prefers-reduced-motion){.rr--fx-position .rr--box:hover{transform:translateY(0)}}}.rr--svg-stop-1{stop-color:var(--rr--fill-on-color, rgba(0, 0, 0, 0))}[dir=rtl] .rr--svg-stop-1,.rr--svg-stop-2{stop-color:var(--rr--fill-off-color, rgba(0, 0, 0, 0))}[dir=rtl] .rr--svg-stop-2{stop-color:var(--rr--fill-on-color, rgba(0, 0, 0, 0))}.rr--hf-svg-on{fill:var(--rr--fill-on-color, none)}.rr--hf-svg-off{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--hf-svg-on{stroke:var(--rr--stroke-on-color, currentColor)}.rr--has-stroke .rr--hf-svg-off{stroke:var(--rr--stroke-off-color, currentColor)}.rr--hf-svg-on .rr--svg,.rr--hf-svg-off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--has-border .rr--hf-svg-on .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--has-border .rr--hf-svg-off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.rr--dir-x .rr--hf-box-int .rr--svg{background:linear-gradient(to right,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}[dir=rtl] .rr--dir-x .rr--hf-box-int .rr--svg{background:linear-gradient(to left,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}.rr--dir-y .rr--hf-box-int .rr--svg{background:linear-gradient(to bottom,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}.rr--hf-box-on .rr--svg{background-color:var(--rr--box-on-color, none)}.rr--hf-box-off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--hf-box-on .rr--svg,.rr--hf-box-off .rr--svg,.rr--hf-box-int .rr--svg{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--hf-box-on .rr--svg,.rr--has-stroke .rr--hf-box-off .rr--svg,.rr--has-stroke .rr--hf-box-int .rr--svg{stroke:var(--rr--stroke-off-color, currentColor)}.rr--has-border .rr--hf-box-on .rr--svg,.rr--has-border .rr--hf-box-int .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--has-border .rr--hf-box-off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}:root{--red: #b3001b;--deep-green: #0b3d2e;--gold: #d4af37;--cream: #fff8ef;--ink: #1f2421}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,rgba(212,175,55,.18),transparent 45%),radial-gradient(circle at 90% 10%,rgba(179,0,27,.12),transparent 40%),var(--cream);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.hero{text-align:center;padding:2.5rem 1rem 1rem}.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:var(--red);margin:0 0 .5rem}.hero h1{font-size:clamp(2rem,5vw,3.25rem);margin:0 0 .5rem;color:var(--deep-green);letter-spacing:-.02em}.subtitle{font-size:1.1rem;color:#5a615b;margin:0 auto 1.75rem;max-width:480px}.pick-btn{background:var(--red);color:#fff;border:none;padding:.9rem 1.9rem;font-size:1.05rem;font-weight:700;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px #b3001b4d;transition:transform .15s ease,box-shadow .15s ease}.pick-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #b3001b61}.pick-btn:active{transform:translateY(0)}.pick-card{display:flex;gap:1.25rem;align-items:center;text-align:left;background:#fff;border:2px solid var(--gold);border-radius:18px;padding:1.25rem 1.5rem;max-width:620px;margin:1.75rem auto 0;box-shadow:0 14px 34px #0b3d2e1f;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.pick-emoji{font-size:3rem;line-height:1}.pick-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700;color:var(--red);margin:0 0 .25rem}.pick-card h2{margin:0 0 .35rem;color:var(--deep-green)}.pick-blurb{margin:0;color:#5a615b;font-size:.95rem}.stats{display:flex;justify-content:center;gap:1rem;margin:2.5rem 0}.stat{background:#fff;border-radius:14px;padding:1rem 1.5rem;min-width:110px;text-align:center;box-shadow:0 6px 18px #0b3d2e14}.stat-num{display:block;font-size:1.8rem;font-weight:800;color:var(--deep-green)}.stat-label{font-size:.8rem;color:#7a807b}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px #0b3d2e1a;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-4px)}.card--picked{border-color:var(--red);box-shadow:0 12px 30px #b3001b38}.poster{font-size:3.5rem;text-align:center;padding:1.5rem 0;background:linear-gradient(135deg,#0b3d2e,#14543f)}.card-body{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;flex:1}.card-body h3{margin:0 0 .4rem;color:var(--deep-green);font-size:1.1rem}.year{color:#9aa09b;font-weight:500;font-size:.9rem}.blurb{margin:0 0 1rem;color:#5a615b;font-size:.9rem;flex:1}.rate-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.rate-value{font-size:.85rem;font-weight:600;color:#7a807b;white-space:nowrap}.footer{text-align:center;margin-top:3rem;color:#9aa09b;font-size:.85rem}
