@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-gradient:radial-gradient(circle at 10% 5%, #fff6db 0%, transparent 32%), radial-gradient(circle at 100% 20%, #dff7f7 0%, transparent 38%), linear-gradient(140deg, #f6f8ff 0%, #fbfcff 48%, #eef5f8 100%);--text-main:#0f172a;--text-muted:#5b6b84;--panel-bg:#ffffffdb;--panel-border:#0f172a14;--panel-shadow:0 30px 60px -30px #1b264273;color:var(--text-main);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;display:block;position:relative;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}body:before,body:after{content:"";z-index:-1;filter:blur(26px);border-radius:999px;position:fixed}body:before{background:#e98c4b42;width:360px;height:360px;top:-120px;right:-90px}body:after{background:#69acb640;width:400px;height:400px;bottom:-180px;left:-130px}#root{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}button{cursor:pointer;color:var(--text-main);background:#fff;border:1px solid #ced8e6;border-radius:14px;padding:1rem 1.4rem;font-family:inherit;font-size:1.08rem;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s}button:hover{border-color:#9fb0c8;transform:translateY(-2px);box-shadow:0 12px 18px -14px #00000080}.title-gradient{background:linear-gradient(120deg,#17647d,#f47b31);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root{--primary:#0846ed;--primary-dim:#003cd3;--primary-container:#859aff;--on-primary:#f2f1ff;--secondary:#645d00;--secondary-container:#f6e600;--on-secondary-container:#595300;--tertiary:#0f6b00;--tertiary-container:#2ff801;--on-tertiary-container:#0b5800;--surface:#f9f6f5;--surface-container-low:#f3f0ef;--surface-container:#eae7e7;--surface-container-high:#e4e2e1;--surface-container-highest:#dfdcdc;--on-surface:#2f2f2e;--on-surface-variant:#5c5b5b;--outline:#787676;--outline-variant:#afadac}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.comic-texture{background-image:radial-gradient(circle,currentColor 1px,#0000 1px);background-size:8px 8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}body{font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3{font-family:Epilogue,sans-serif;font-weight:800}.font-label{font-family:Space Grotesk,monospace}.pop-shadow{box-shadow:6px 6px #00000026}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-subtle{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-subtle}@keyframes spin-fast{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin-fast}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}button{transition:all .2s}@media (width<=640px){main{padding-bottom:120px}}input:focus,textarea:focus{outline:none}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc}.refresh-btn{color:#182033;background:#fff;border:1px solid #d8dee8;border-radius:999px;min-height:auto;padding:.48rem .86rem;font-size:.82rem}.options-container{flex-direction:column;gap:1.15rem;display:flex;position:relative}.view{transition:transform .26s,opacity .26s}.view-voting,.view-results{opacity:1;transform:translateY(0)}@media (width>=768px){.options-container{flex-direction:row}}.option-btn{color:#f8fafc;text-wrap:balance;border-width:1px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:220px;padding:1.5rem;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700;display:flex;position:relative;overflow:hidden}.option-1{background:linear-gradient(145deg,#2f4858 0%,#33658a 35%,#3d5a80 100%);border-color:#40617f}.option-2{background:linear-gradient(145deg,#9f3d3d 0%,#c8553d 42%,#f28f3b 100%);border-color:#c9724f}.option-1:hover,.option-2:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 15px 30px #0003}.or-divider{color:var(--text-muted);z-index:10;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex;position:relative}@media (width>=768px){.or-divider{padding:0 1rem}}.results-view{width:100%}.result-bar-container{background:#f9fafb;border:1px solid #e7eaf1;border-radius:20px;margin-bottom:1rem;position:relative;overflow:hidden}.result-fill{align-items:center;height:78px;padding:0 1.5rem;transition:width 1s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.fill-1{background:linear-gradient(90deg,#6fb7bf 0%,#3987a3 100%)}.fill-2{background:linear-gradient(90deg,#f6c177 0%,#ea9f43 100%)}.result-text{z-index:2;color:#1f2937;pointer-events:none;justify-content:space-between;align-items:center;font-size:1.06rem;font-weight:600;display:flex;position:absolute;inset:0 1.5rem}.next-btn{color:#f8fafc;background:#0f172a;border-radius:50px;align-items:center;gap:.5rem;margin-top:1.2rem;margin-left:auto;margin-right:auto;padding:.85rem 1.5rem;display:flex}.next-btn:hover{background:#1e293b;transform:translateY(-2px)}.loader{justify-content:center;align-items:center;height:200px;display:flex}.spinner{border:4px solid #131d3824;border-top-color:#ff7a18;border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}.votes-text{color:#334155;margin:1rem 0 .2rem;font-weight:600}.empty-state{max-width:560px;margin:0 auto;padding:1rem}.empty-state h2{color:#0f172a;margin:0 0 .6rem}.empty-state p{color:#475569;margin:0 0 1rem}@media (width<=760px){.game-card{border-radius:22px}.option-btn{min-height:160px}.result-fill{height:70px}.result-text{font-size:.92rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}