@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#ece8de;background:#0d0e0f;font-synthesis:none;--gold: #f3ce13;--panel: #1b1c1d;--line: #3a3b3b;--muted: #aaa69d;--danger: #ff8075}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#363025 0,#0d0e0f 45%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{min-height:46px;padding:0 18px;border:0;border-radius:4px;background:var(--gold);color:#111;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--gold)}h1,h2,p{margin-top:0}h1{font-family:Fraunces,serif;font-size:clamp(2rem,7vw,4rem);line-height:1;letter-spacing:0}label{display:block;margin:18px 0 7px;color:var(--muted);font-size:.85rem;font-weight:600}input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:4px;background:#101112;color:#fff;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f3ce1325}.center-page,.status-page{min-height:100vh;display:grid;place-items:center;padding:24px}.join-panel,.work-panel{width:min(100%,520px);padding:clamp(28px,7vw,58px);border:1px solid var(--line);border-radius:8px;background:#1b1c1df2;box-shadow:0 28px 80px #0009}.join-panel h1{color:var(--gold);margin-bottom:40px}.eyebrow{margin-bottom:10px;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.input-action{display:grid;grid-template-columns:1fr auto}.input-action input{border-radius:4px 0 0 4px}.input-action button{border-radius:0 4px 4px 0}.secondary{width:100%;border:1px solid #dedbd2;background:transparent;color:#fff}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted)}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.error{margin:16px 0 0;color:var(--danger)}.connection-banner{position:fixed;z-index:20;top:0;left:0;right:0;padding:7px;background:var(--gold);color:#111;text-align:center;font-weight:700}.poll-page{min-height:100vh;padding:48px 250px 48px 24px}.work-panel{margin:0 auto}.work-panel h1{font-size:2.6rem}.my-movies{margin:28px 0;padding:16px;border-left:3px solid var(--gold);background:#111}.my-movies h2{font:600 1rem DM Sans,sans-serif}.my-movies div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.my-movies small,.search-results small{display:block;color:var(--muted)}.search-form{position:relative;margin-bottom:10px}.icon-button{width:48px;padding:0;display:grid;place-items:center}.search-results{max-height:360px;overflow:auto;border:1px solid var(--line);background:#111}.search-results button{width:100%;height:auto;min-height:74px;display:flex;align-items:center;gap:12px;padding:8px;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:#fff;text-align:left}.search-results button:hover{background:#2a2b2b}.search-results img{width:40px;height:58px;object-fit:cover}.ready-button{width:100%;margin-top:26px;border:1px solid #dedbd2;background:transparent;color:#fff}.ready-button.active{border-color:#65c96b;background:#183c1c;color:#91e797}.members{position:fixed;top:24px;right:24px;width:200px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.member{display:flex;align-items:center;gap:9px;margin:10px 0;overflow-wrap:anywhere}.ready-dot{width:11px;height:11px;flex:0 0 auto;border:2px solid #777;border-radius:50%}.ready-dot.active{border-color:#65c96b;background:#65c96b}.poll-code{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted)}.poll-code strong{display:block;margin-top:3px;color:var(--gold);font-size:1.4rem}.vote-phase{margin:-48px -250px -48px -24px}.vote-header{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding:22px 32px;border-bottom:1px solid var(--line);background:#0d0e0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vote-header .eyebrow{grid-column:1;margin:0}.vote-header h1{grid-column:1;margin:0;font-size:2rem}.vote-header .ready-button{grid-column:2;grid-row:1 / 3;width:180px;margin:0}.ranking{min-height:610px;display:flex;width:max-content;min-width:100%;padding:30px;overflow:auto}.ranked-card{position:relative;width:278px;margin-right:14px;border:1px solid var(--line);border-radius:6px;background:#242525;transition:box-shadow .2s}.ranked-card.dragging{box-shadow:0 20px 50px #000c}.rank-number{position:absolute;z-index:2;top:8px;left:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#111;font-weight:800}.movie-card{width:276px;overflow:hidden}.movie-card>img,.poster-missing{width:100%;aspect-ratio:2 / 3;display:grid;place-items:center;object-fit:cover;background:#333;color:var(--muted)}.movie-card-copy{padding:15px}.movie-card h2{font-family:Fraunces,serif;font-size:1.35rem}.movie-card p{color:var(--muted);font-size:.9rem;line-height:1.45}.results-phase{text-align:center}.results-phase header{margin-bottom:34px}.result-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.result-card{border:1px solid var(--gold);border-radius:6px;background:var(--panel);transition:opacity .8s,filter .8s}.result-card.eliminated{opacity:.12;filter:grayscale(1)}.votes-page{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:55px 0}.votes-page>header{display:flex;align-items:center;gap:20px}.votes-page h1{margin:0}.back-link{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.ballot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:35px}.ballot{padding:22px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.ballot h2{color:var(--gold);font-size:1.1rem}.ballot li{padding:5px 0;color:var(--muted)}@media(max-width:760px){.poll-page{padding:20px}.members{position:static;width:min(100%,520px);margin:16px auto 0}.vote-phase{margin:-20px}.vote-header{grid-template-columns:1fr;padding:18px}.vote-header .ready-button{grid-column:1;grid-row:auto;width:100%}.ranking{padding:18px}.results-phase h1{font-size:2.8rem}}
