:root{--bg-deep: #140a2e;--bg-panel: #1f1147;--bg-panel-2: #2a1860;--neon-pink: #ff3d9a;--neon-cyan: #22e0e5;--neon-lime: #b6ff3c;--neon-gold: #ffd23f;--neon-orange: #ff7a45;--neon-violet: #a78bfa;--ink: #fdf6ff;--muted: #9c8fc7;--danger: #ff4d4d;--grad-cta: linear-gradient(135deg, #ff3d9a 0%, #ff7a45 100%);--grad-cyan: linear-gradient(135deg, #22e0e5 0%, #4f7dff 100%);--grad-gold: linear-gradient(135deg, #ffd23f 0%, #ff7a45 100%);--glow-pink: 0 0 24px rgba(255, 61, 154, .55);--glow-cyan: 0 0 24px rgba(34, 224, 229, .5);--glow-gold: 0 0 28px rgba(255, 210, 63, .55);--font-display: "Bungee", "Arial Black", system-ui, sans-serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--radius: 18px;--radius-lg: 28px;--shadow-card: 0 10px 0 rgba(0, 0, 0, .35), 0 18px 40px rgba(0, 0, 0, .45);--border-thick: 3px solid rgba(255, 255, 255, .12);--tap: 48px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 800px at 20% -10%,rgba(255,61,154,.16),transparent 60%),radial-gradient(1000px 700px at 100% 0%,rgba(34,224,229,.14),transparent 55%),radial-gradient(900px 900px at 50% 120%,rgba(167,139,250,.16),transparent 60%),var(--bg-deep);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;box-shadow:inset 0 0 220px #0000008c}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.5px;margin:0;line-height:1.05}button{font-family:var(--font-body);cursor:pointer;border:none;color:inherit}input,textarea{font-family:var(--font-body)}::selection{background:var(--neon-pink);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) 16px;position:relative}.screen{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;flex:1;gap:18px}.screen.wide{max-width:920px}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:22px;text-align:center}.spacer{flex:1}.brand{text-align:center;-webkit-user-select:none;user-select:none}.brand .logo{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,5rem);line-height:.95;background:linear-gradient(180deg,#fff 0%,var(--neon-pink) 60%,var(--neon-orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(255,61,154,.35);letter-spacing:1px}.brand .tag{color:var(--muted);font-weight:600;margin-top:6px;font-size:clamp(.85rem,3.6vw,1.05rem)}.panel{background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-panel));border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.card{background:linear-gradient(180deg,#2a1860f2,#1f1147f2);border:var(--border-thick);border-radius:var(--radius);padding:16px}.btn{min-height:var(--tap);padding:14px 22px;border-radius:16px;font-weight:800;font-size:1.05rem;letter-spacing:.4px;background:#ffffff14;border:2px solid rgba(255,255,255,.16);transition:transform .08s ease,filter .15s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:active{transform:translateY(2px) scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--grad-cta);color:#fff;box-shadow:var(--glow-pink),0 6px #78143c99;border-color:#ffffff40}.btn.cyan{background:var(--grad-cyan);color:#04222a;box-shadow:var(--glow-cyan),0 6px #0a3c4699}.btn.gold{background:var(--grad-gold);color:#2a1a00;box-shadow:var(--glow-gold),0 6px #6e500099}.btn.ghost{background:#ffffff0f}.btn.block{width:100%}.btn.lg{font-size:1.25rem;padding:20px}.btn.sm{min-height:38px;padding:8px 14px;font-size:.9rem}.field{display:flex;flex-direction:column;gap:8px}.label{font-weight:700;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.input,.textarea{width:100%;background:#0000004d;border:2px solid rgba(255,255,255,.16);border-radius:14px;color:var(--ink);padding:14px 16px;font-size:1.1rem;min-height:var(--tap);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.textarea{min-height:140px;resize:none;line-height:1.4}.input.code{text-transform:uppercase;letter-spacing:10px;font-family:var(--font-display);text-align:center;font-size:1.8rem}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.name-row{display:flex;gap:10px;align-items:stretch}.name-row .input{flex:1}.dice{min-width:var(--tap);font-size:1.4rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.avatar-pick{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:12px;background:#00000040;border:2px solid transparent;transition:transform .1s ease,border-color .15s ease}.avatar-pick.sel{border-color:var(--neon-pink);box-shadow:var(--glow-pink);transform:scale(1.08)}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.player-chip{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#00000040;border-left:5px solid var(--c, var(--neon-pink))}.player-chip .pa{font-size:1.6rem;filter:drop-shadow(0 0 6px var(--c))}.player-chip .pn{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip.disconnected{opacity:.4;filter:grayscale(.8)}.badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.badge.host{background:var(--neon-gold);color:#2a1a00}.badge.ok{background:var(--neon-lime);color:#142a00}.room-code-big{font-family:var(--font-display);font-size:clamp(2.4rem,14vw,4rem);letter-spacing:8px;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.timer-ring{position:relative;width:96px;height:96px;flex-shrink:0}.timer-ring svg{transform:rotate(-90deg)}.timer-ring .t-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.6rem}.timer-ring.urgent .t-num{color:var(--danger)}.movie-title{font-family:var(--font-display);text-transform:uppercase;text-align:center;font-size:clamp(1.8rem,8vw,3.4rem);line-height:1.02;letter-spacing:2px;background:linear-gradient(180deg,#fff,var(--neon-gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 32px rgba(255,210,63,.5);padding:6px 0}.marquee{border:3px dashed rgba(255,210,63,.5);border-radius:18px;padding:18px;background:#00000040}.plot-list{display:flex;flex-direction:column;gap:14px}.plot-card{text-align:left;padding:18px;border-radius:18px;background:linear-gradient(180deg,#2a1860fa,#1f1147fa);border:2px solid rgba(255,255,255,.14);font-size:1.1rem;line-height:1.4;width:100%;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease;position:relative}.plot-card:nth-child(odd){transform:rotate(-1.1deg)}.plot-card:nth-child(2n){transform:rotate(1deg)}.plot-card.selectable:active{transform:scale(.99)}.plot-card.selected{border-color:var(--neon-lime);box-shadow:0 0 28px #b6ff3c80;transform:rotate(0) scale(1.02)}.plot-card.filler{font-style:italic;color:var(--muted)}.result-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#00000040;border-left:6px solid var(--c)}.result-row.winner{background:linear-gradient(90deg,#ffd23f2e,#0003);border-color:var(--neon-gold);box-shadow:var(--glow-gold)}.result-row .r-text{flex:1}.result-row .r-votes{font-family:var(--font-display);font-size:1.6rem;color:var(--neon-gold);min-width:48px;text-align:right}.scoreboard{display:flex;flex-direction:column;gap:8px}.score-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#00000038}.score-row .s-score{margin-left:auto;font-family:var(--font-display);color:var(--neon-gold);font-size:1.2rem}.champion-block{position:relative;z-index:1}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:150px}.podium .pillar{flex:1;max-width:150px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:12px 8px;background:linear-gradient(180deg,#ffffff1f,#0000004d);border:2px solid rgba(255,255,255,.16);border-bottom:none}.podium .pillar.p2{height:150px;border-color:var(--neon-cyan)}.podium .pillar.p3{height:120px;border-color:var(--neon-orange)}.podium .pa{font-size:2.4rem;margin-bottom:6px}.podium .rank{font-family:var(--font-display);font-size:1.8rem}.progress-pill{display:inline-flex;align-items:center;gap:10px;background:#0000004d;border-radius:999px;padding:8px 16px;font-weight:700}.progress-bar{height:12px;border-radius:999px;background:#00000059;overflow:hidden}.progress-bar>span{display:block;height:100%;background:var(--grad-cta);border-radius:999px;transition:width .3s ease}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:920px;margin:0 auto 6px;gap:10px}.topbar .rc{font-family:var(--font-display);letter-spacing:4px;color:var(--neon-cyan)}.round-pill{font-weight:800;background:#0000004d;padding:6px 14px;border-radius:999px;font-size:.85rem;letter-spacing:1px}.icon-btn{width:var(--tap);height:var(--tap);border-radius:14px;background:#ffffff14;border:2px solid rgba(255,255,255,.14);font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.center{text-align:center}.err-toast{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--danger);color:#fff;font-weight:800;padding:12px 20px;border-radius:14px;box-shadow:0 8px 24px #00000080;z-index:10000;max-width:90vw;text-align:center}.waiting-joke{font-size:clamp(1.1rem,5vw,1.6rem);font-weight:700;color:var(--neon-cyan)}.char-count{font-size:.8rem;color:var(--muted);text-align:right}.char-count.warn{color:var(--neon-orange)}.settings-grid{display:grid;gap:14px}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:44px;height:44px;border-radius:12px;font-size:1.4rem;font-weight:800;background:#ffffff1a;border:2px solid rgba(255,255,255,.16)}.stepper .val{font-family:var(--font-display);font-size:1.3rem;min-width:56px;text-align:center}.genre-row{display:flex;gap:8px;flex-wrap:wrap}.genre-chip{padding:8px 14px;border-radius:999px;background:#00000040;border:2px solid rgba(255,255,255,.14);font-weight:700}.genre-chip.sel{background:var(--grad-cyan);color:#04222a;border-color:transparent}.reaction-fly{position:fixed;bottom:80px;font-size:2.5rem;pointer-events:none;z-index:9000}.you-tag{font-size:.7rem;color:var(--neon-cyan);font-weight:800}.confetti-piece{position:fixed;top:-20px;width:10px;height:16px;z-index:9001;pointer-events:none;border-radius:2px}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.help-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px 24px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto;position:relative;color:var(--fg)}.help-modal h2{font-family:var(--font-display);font-size:1.6rem;margin:0 0 18px;color:var(--neon-gold);text-align:center}.help-modal h3{font-size:1rem;margin:0 0 8px}.help-section{margin-bottom:18px}.help-section p{margin:0;line-height:1.5;color:var(--muted)}.help-section ol,.help-section ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.7}.help-section li{margin-bottom:2px}.help-genres{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-left:20px;color:var(--muted);font-size:.9rem}.help-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:8px}.help-close:hover{background:#ffffff1a;color:var(--fg)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes confettiFall{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:1}to{transform:translateY(105vh) translate(var(--drift, 0)) rotate(var(--rot, 360deg));opacity:.9}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}