@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #07060d;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #ecedf6;--muted: #9aa0b6;--faint: #686e85;--violet: #8b5cf6;--cyan: #22d3ee;--magenta: #e879f9;--amber: #f59e0b;--green: #34d399;--red: #fb7185;--grad: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);--grad-hot: linear-gradient(135deg, #f59e0b 0%, #e879f9 100%);--grad-text: linear-gradient(120deg, #c4b5fd, #67e8f9 60%, #f0abfc);--r-sm: 9px;--r: 15px;--r-lg: 22px;--r-xl: 30px;--pill: 999px;--shadow: 0 18px 50px -20px rgba(0, 0, 0, .75);--glow-violet: 0 0 40px -8px rgba(139, 92, 246, .55);--glow-cyan: 0 0 40px -8px rgba(34, 211, 238, .5);--ease: cubic-bezier(.22, 1, .36, 1);--font: "Inter", system-ui, -apple-system, sans-serif;--display: "Space Grotesk", "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;background:radial-gradient(40% 40% at 18% 18%,rgba(139,92,246,.22),transparent 70%),radial-gradient(40% 40% at 85% 22%,rgba(34,211,238,.18),transparent 70%),radial-gradient(50% 50% at 50% 100%,rgba(232,121,249,.14),transparent 70%);filter:blur(20px);animation:drift 26s var(--ease) infinite alternate}h1,h2,h3{font-family:var(--display);font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.05}a{color:var(--cyan)}button{font-family:inherit}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,3vw,2.5rem)}.shell{width:100%;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.shell.narrow{max-width:460px}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.75rem;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.center{text-align:center;align-items:center}.grow{flex:1}.muted{color:var(--muted)}.faint{color:var(--faint)}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(1.25rem,3vw,2rem);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1rem}.card.raise{transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.card.raise:hover{transform:translateY(-3px);border-color:var(--border-strong)}.btn{--btn-bg: var(--surface-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--text);font-weight:600;font-size:.95rem;padding:.7rem 1.15rem;border-radius:var(--pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border:none;background:var(--grad);color:#0a0a12;box-shadow:var(--glow-violet)}.btn-hot{border:none;background:var(--grad-hot);color:#1a0a14}.btn-ghost{background:transparent;border-color:var(--border)}.btn-lg{padding:.95rem 1.6rem;font-size:1.05rem}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.4rem}.field>span{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.02em}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text);background:#00000047;border:1px solid var(--border);border-radius:var(--r-sm);padding:.7rem .85rem;width:100%;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf638}textarea{resize:vertical;min-height:4.5rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--muted)}.chip.host{color:var(--amber);border-color:#f59e0b66;background:#f59e0b1a}.chip.live{color:var(--green);border-color:#34d39966}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.pulse{animation:pulse 1.4s ease-in-out infinite}.avatar{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);font-size:1.3rem;flex-shrink:0}.avatar.lg{width:3.4rem;height:3.4rem;font-size:1.8rem}.avatar.sm{width:1.9rem;height:1.9rem;font-size:1rem}.avatar.ring{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--violet)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.avatar-pick{font-size:1.5rem;padding:.45rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:transform .15s var(--ease),border-color .15s var(--ease)}.avatar-pick:hover{transform:scale(1.12)}.avatar-pick.active{border-color:var(--violet);box-shadow:var(--glow-violet);background:var(--surface-2)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.brand .mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:var(--grad);box-shadow:var(--glow-violet);font-size:1.1rem}.hero-title{font-size:clamp(2.4rem,7vw,4rem);line-height:.98}.phase-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.phase-steps{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.phase-step{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:.3rem .6rem;border-radius:var(--pill);border:1px solid transparent;transition:all .3s var(--ease)}.phase-step.active{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.phase-step.done{color:var(--green)}.ring{position:relative;width:var(--size, 116px);height:var(--size, 116px);display:grid;place-items:center}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ring .track{stroke:#ffffff14}.ring .bar{stroke:url(#ringgrad);stroke-linecap:round;transition:stroke-dashoffset .9s linear}.ring.urgent .bar{stroke:var(--amber);transition:stroke-dashoffset .25s linear}.ring-num{font-family:var(--display);font-weight:700;font-size:1.9rem;line-height:1}.ring-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ring.urgent .ring-num{color:var(--amber);animation:tick-pop .42s var(--ease)}@keyframes tick-pop{0%{transform:scale(1.18)}60%{transform:scale(.97)}to{transform:scale(1)}}.roster{display:flex;flex-wrap:wrap;gap:.75rem}.player{display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem .6rem .6rem;border-radius:var(--pill);background:var(--surface);border:1px solid var(--border);animation:pop .4s var(--ease) both}.player .name{font-weight:600;font-size:.95rem}.player.me{border-color:var(--violet);animation:pop .4s var(--ease) both,breathe 2.6s ease-in-out .4s infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 1px #8b5cf6,0 0 18px -8px #8b5cf699}50%{box-shadow:0 0 0 1px #8b5cf6,0 0 30px -2px #8b5cf6e6}}.player .quip{font-size:.72rem;color:var(--muted)}.chip.bot{background:#22d3ee1f;border-color:#22d3ee59;color:#a5f3fc}.daily-card{width:100%;max-width:460px;padding:1.25rem;border-radius:var(--r-lg);border:1px solid rgba(245,158,11,.4);background:linear-gradient(135deg,#f59e0b1f,#8b5cf614),var(--surface);align-items:center;text-align:center}.brief{border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(135deg,#8b5cf629,#22d3ee1a),var(--surface);padding:1.5rem;position:relative;overflow:hidden}.brief .emoji{font-size:2.4rem}.brief-prompt{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;line-height:1.35}.brief-catch{margin-top:.9rem;border-left:3px solid #f59e0b;background:#f59e0b1a;border-radius:0 10px 10px 0;padding:.6rem .85rem;font-size:.95rem}.brief-catch strong{color:#fbbf24;letter-spacing:.05em;font-size:.78rem}.tool-chip{background:#22d3ee1f;border-color:#22d3ee61;color:#a5f3fc}.clip-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}.clip{border-radius:var(--r);overflow:hidden;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;animation:rise .5s var(--ease) both;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.clip.selectable{cursor:pointer}.clip.selectable:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow),0 0 0 2px #8b5cf673}.clip.selectable:active{transform:translateY(-1px) scale(.985)}.clip.voted{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 0 36px -10px #34d399b3;animation:vote-pop .4s var(--ease)}.clip-grid.decided .clip:not(.voted){opacity:.5;transition:opacity .3s var(--ease)}.vote-cta{background:linear-gradient(135deg,#8b5cf6f2,#22d3eef2);color:#07111a;font-weight:700;border:none}.clip.mine{opacity:.82}@keyframes vote-pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.media{aspect-ratio:16 / 10;position:relative;display:grid;place-items:center;overflow:hidden;background:#0b0a16}.media-fill{width:100%;height:100%;border:0;object-fit:cover;display:block}.media-frame{position:absolute;top:0;left:0;width:400%;height:400%;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none;background:transparent;z-index:1}.media-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;align-content:center;gap:.5rem;text-align:center;padding:1rem;background:linear-gradient(135deg,#181527,#0b0a16);font-size:.85rem}.media.placeholder{place-items:center}.media-load{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;cursor:pointer;color:#fff;display:grid;place-items:center;align-content:center;gap:.5rem;font-family:var(--display);transition:filter .2s var(--ease)}.media-load:hover{filter:brightness(1.08)}.media-play{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#0006;border:2px solid rgba(255,255,255,.85);font-size:1.1rem;padding-left:3px}.media-load-label{font-weight:600;font-size:.9rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}.media .chrome{position:absolute;top:0;left:0;right:0;height:1.5rem;display:flex;align-items:center;gap:5px;padding:0 .6rem;background:#00000040}.media .chrome i{width:7px;height:7px;border-radius:50%;background:#ffffff59}.media .lock{z-index:1;font-family:var(--display);font-weight:600;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}.media-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem .6rem .5rem;background:linear-gradient(transparent,#000000c7)}.media-pitch{font-family:var(--display);font-weight:600;font-size:.95rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-open{pointer-events:auto;flex-shrink:0;font-size:.74rem;font-weight:700;text-decoration:none;color:#0a0a12;background:var(--grad);padding:.28rem .6rem;border-radius:var(--pill)}.media-open:hover{filter:brightness(1.08)}.clip-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem}.clip-foot .who{display:flex;align-items:center;gap:.5rem;min-width:0}.clip-foot .who .name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-badge{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--green);color:#06281d;font-weight:800;animation:pop .35s var(--ease)}.banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;padding:.55rem 1.1rem;border-radius:var(--pill);font-size:.85rem;font-weight:600;background:#14121ee6;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem;animation:drop .3s var(--ease)}.banner.warn{color:var(--amber);border-color:#f59e0b73}.banner.err{color:var(--red);border-color:#fb718573}.toast{color:var(--red);font-size:.85rem;font-weight:600}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;align-items:end;margin:.5rem 0 1.5rem}.podium-collapsed{display:flex;justify-content:center}.podium-collapsed .pod{width:min(230px,44vw)}.pod{border-radius:var(--r) var(--r) 0 0;border:1px solid var(--border);border-bottom:none;background:var(--surface);padding:1rem .75rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:rise .6s var(--ease) both}.pod .rank{font-family:var(--display);font-weight:700;font-size:1.5rem}.pod.p1{background:linear-gradient(180deg,rgba(245,158,11,.25),var(--surface));border-color:#f59e0b80;min-height:200px}.pod.p2{min-height:160px}.pod.p3{min-height:130px}.pod .crown{font-size:1.6rem}.elo{font-weight:700;font-variant-numeric:tabular-nums}.elo.up{color:var(--green)}.elo.down{color:var(--red)}.result-row{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);animation:rise .4s var(--ease) both}.result-row .rk{font-family:var(--display);font-weight:700;width:2rem;color:var(--muted)}.phase-enter{animation:phasein .5s var(--ease) both}.divider{height:1px;background:var(--border);border:none;margin:.25rem 0}.code-pill{font-family:var(--display);letter-spacing:.18em;font-weight:700;font-size:1.1rem;text-transform:uppercase}.spinner{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--cyan);animation:spin .8s linear infinite}.seg{display:inline-flex;background:#0000004d;border:1px solid var(--border);border-radius:var(--pill);padding:3px;gap:3px}.seg button{border:none;background:transparent;color:var(--muted);font-weight:600;padding:.45rem .95rem;border-radius:var(--pill);cursor:pointer;transition:all .2s var(--ease)}.seg button.active{background:var(--grad);color:#0a0a12}@keyframes drift{to{transform:translate3d(2%,-2%,0) rotate(4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes drop{0%{transform:translate(-50%,-14px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes phasein{0%{transform:translateY(10px) scale(.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}.confetti{position:fixed;top:-10vh;z-index:40;width:9px;height:14px;border-radius:2px;animation:confetti-fall linear forwards;pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}}@media (max-width: 560px){.podium{grid-template-columns:1fr}.pod{min-height:auto!important;border-radius:var(--r);border-bottom:1px solid var(--border)}.pod.p1{order:-1}.podium-collapsed .pod{width:min(300px,80vw)}.result-row{flex-wrap:wrap;row-gap:.4rem}.result-row .name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.wrap>.panel.grow{min-width:0!important;flex-basis:100%}.panel>.row.between{flex-wrap:wrap;gap:.5rem}.phase-steps{gap:.25rem}.phase-step{padding:.26rem .45rem;font-size:.64rem;letter-spacing:.03em}.seg button{min-height:40px;padding:.6rem .9rem}.clip-foot .vote-cta{min-height:36px;padding:.5rem .95rem;display:inline-flex;align-items:center}.media-open{min-height:34px;padding:.42rem .75rem;font-size:.78rem;display:inline-flex;align-items:center}.roster{flex-direction:column}.roster .player{width:100%;max-width:100%}.roster .player>.stack{min-width:0}.roster .player .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-pitch{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.hero-title{font-size:clamp(2rem,9vw,2.6rem);text-wrap:balance}}