:root{--bg: #12141d;--panel: #1c1f2c;--panel-raised: #242838;--border: #2e3347;--text: #e9eaf2;--text-muted: #9aa1b8;--accent: #7c5cff;--accent-soft: #7c5cff33;--gold: #ffb454;--gold-soft: #ffb45422;--green: #4ade80;--green-soft: #4ade8022;--red: #f87171;--red-soft: #f8717122;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:radial-gradient(60rem 30rem at 110% -10%,#7c5cff18,transparent),radial-gradient(50rem 25rem at -20% 110%,#ffb45412,transparent);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem .4rem}.app-logo{display:inline-flex;align-items:center;gap:.55rem;font-size:1.45rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:.02em}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:600}.nav-link:hover{color:var(--text)}.app-main{max-width:1100px;margin:0 auto;padding:1.5rem 2rem 4rem}.app-footer{text-align:center;padding:0 0 1.25rem}.app-footer a{color:var(--text-muted);font-size:.78rem;text-decoration:none}.app-footer a:hover{color:var(--text)}h1{font-size:1.7rem;margin:.5rem 0 1rem}.hero{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin:.25rem 0 1.75rem}.hero-title{font-size:2.4rem;font-weight:900;letter-spacing:.01em;margin:0}h2{font-size:1.15rem;margin:0 0 .75rem}.panel{background:var(--panel);border-radius:16px;padding:1.25rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:760px){.two-column{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field>label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.field a{color:var(--accent)}input[type=text],input[type=number],select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .7rem;font-size:1rem;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.checkbox-row{display:flex;align-items:center;gap:.45rem;font-size:.95rem}.button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:filter .12s}.button:hover:not(:disabled){filter:brightness(1.12)}.button:disabled{opacity:.45;cursor:not-allowed}.button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.button.danger{background:transparent;border:1px solid var(--red);color:var(--red)}.button.small{padding:.3rem .7rem;font-size:.85rem;border-radius:8px}.button.big{padding:.85rem 2rem;font-size:1.15rem}.error-banner{background:var(--red-soft);border:1px solid var(--red);color:var(--text);border-radius:10px;padding:.6rem .9rem;margin:.75rem 0}.empty-note{color:var(--text-muted);font-style:italic}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--panel-raised);border:1px solid var(--border);border-radius:999px;padding:.18rem .65rem;font-size:.8rem;color:var(--text-muted)}.chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip.clickable{cursor:pointer}.gap-badge{display:inline-block;border-radius:8px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.gap-badge.owned{background:var(--green-soft);color:var(--green)}.gap-badge.missing{background:var(--gold-soft);color:var(--gold)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:visible;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .3s,transform .14s,opacity .3s}.game-card .game-cover,.game-card .game-cover-placeholder{border-radius:11px 11px 0 0}.game-card.selectable{cursor:pointer}.game-card.selectable:hover{border-color:var(--accent);transform:translateY(-2px)}.game-card.selected{border-color:var(--accent);animation:selected-glow 1.6s ease-in-out infinite}.game-card.selected.veto-selected{border-color:var(--red);animation:veto-glow 1.6s ease-in-out infinite}@keyframes selected-glow{0%,to{box-shadow:0 0 0 2px var(--accent-soft)}50%{box-shadow:0 0 14px 3px var(--accent-soft)}}@keyframes veto-glow{0%,to{box-shadow:0 0 0 2px var(--red-soft)}50%{box-shadow:0 0 14px 3px var(--red-soft)}}.select-badge{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;z-index:2;transform:scale(.2);opacity:0;transition:transform .22s cubic-bezier(.3,1.6,.5,1),opacity .18s;pointer-events:none}.game-card.selected .select-badge{transform:scale(1);opacity:1}.veto-selected .select-badge{background:var(--red)}.flash-note{color:var(--gold);font-size:.88rem;font-weight:600;margin:-.35rem 0 .6rem;transition:opacity .32s,transform .32s}.flash-note.leaving{opacity:0;transform:translateY(-3px)}.stage-enter{animation:reveal-in .26s ease-out both}.reveal-card{animation:reveal-in .48s ease-out both}.reveal-card.cut-card{animation:reveal-in .48s ease-out both,reveal-away .7s ease 3s forwards}@keyframes reveal-away{to{opacity:.12;transform:scale(.96)}}.progress-area{margin:0 0 .9rem}.progress-track{height:6px;border-radius:999px;background:var(--panel);overflow:hidden;margin-bottom:.45rem}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#b18cff);transition:width .7s cubic-bezier(.3,.9,.3,1)}@keyframes reveal-in{0%{opacity:.15;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.reveal-count{display:inline-block;align-self:flex-start;background:var(--gold-soft);color:var(--gold);border-radius:8px;padding:.15rem .55rem;font-size:.82rem;font-weight:700}.reveal-count.cut{background:var(--red-soft);color:var(--red)}.game-card.struck{opacity:.4}.game-card.struck .game-cover{filter:grayscale(1)}.game-card.winner-card{border-color:var(--gold);box-shadow:0 0 24px var(--gold-soft)}.game-cover{width:100%;aspect-ratio:460 / 215;object-fit:cover;display:block;background:linear-gradient(135deg,#2a2e40,#1c1f2c)}.game-cover-placeholder{width:100%;aspect-ratio:460 / 215;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-muted);background:linear-gradient(135deg,#2a2e40,#1c1f2c)}.game-card-body{padding:.65rem .75rem .75rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.game-card-name{font-weight:700;line-height:1.2;color:var(--text);text-decoration:none}a.game-card-name:hover,a.library-game-name:hover{color:var(--accent)}a.library-game-name{color:var(--text);text-decoration:none}.game-card-meta{font-size:.78rem;color:var(--text-muted);display:flex;gap:.6rem;flex-wrap:wrap}.strike-label{position:absolute;top:8px;right:8px;background:var(--red-soft);border:1px solid var(--red);color:var(--red);font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:8px;z-index:1}.guest-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem}.guest-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-weight:600}.guest-chip.disconnected{opacity:.5}.guest-chip.current-turn{border-color:var(--gold);box-shadow:0 0 10px var(--gold-soft)}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.guest-chip.disconnected .connection-dot{background:var(--red)}.room-code{font-family:ui-monospace,Cascadia Code,monospace;font-size:1.6rem;font-weight:800;letter-spacing:.35em;background:var(--panel-raised);border:1px dashed var(--border);padding:.3rem .9rem .3rem 1.15rem;border-radius:10px;cursor:pointer}.room-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.room-list{display:flex;flex-direction:column;gap:.4rem}.room-row{display:flex;align-items:center;gap:.7rem;background:var(--panel-raised);border-radius:12px;padding:.55rem .8rem;flex-wrap:wrap}.table-scroll{overflow-x:auto}.table-scroll.panel{padding:.75rem}table.library-table{border-collapse:collapse;width:100%;font-size:.92rem}.library-table th,.library-table td{border-bottom:1px solid var(--border);padding:.5rem .45rem;text-align:left;vertical-align:middle;white-space:nowrap}.library-table th{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.library-table .owner-col{text-align:center}.library-thumb{width:92px;border-radius:6px;display:block}.library-game-name{font-weight:700}.winner-hero{text-align:center;padding:1.5rem 0 .5rem}.winner-hero .winner-cover{max-width:460px;width:100%;border-radius:14px;border:2px solid var(--gold);box-shadow:0 0 40px var(--gold-soft)}.winner-title{font-size:2.2rem;font-weight:900;margin:.75rem 0 .25rem}.winner-sub{color:var(--text-muted);margin-bottom:1rem}.section-gap{margin-top:1.5rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}details.privacy-help{margin:.25rem 0 1rem;font-size:.9rem}details.privacy-help summary{cursor:pointer;color:var(--text-muted)}details.privacy-help ol{margin:.5rem 0 .25rem;padding-left:1.4rem}details.privacy-help a{color:var(--accent)}details.excluded-panel{margin-top:1rem;background:var(--panel);border-radius:12px;padding:.6rem .9rem}details.excluded-panel summary{cursor:pointer;color:var(--text-muted);font-weight:600}.excluded-row{padding:.45rem 0;border-bottom:1px solid var(--border);display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.excluded-row:last-child{border-bottom:none}.reason-chip{background:var(--red-soft);color:var(--red);border-radius:8px;font-size:.75rem;padding:.12rem .5rem}.progress-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.85rem}.progress-step{padding:.2rem .65rem;border-radius:999px;background:var(--panel);color:var(--text-muted);white-space:nowrap}.progress-step.current{background:var(--accent-soft);color:var(--text);font-weight:700}.progress-step.done{opacity:.55}.progress-step.done:after{content:" ✓"}.progress-connector{color:var(--text-muted);opacity:.5}.turn-banner,.warn-banner{background:var(--gold-soft);border:1px solid var(--gold);border-radius:10px;padding:.7rem 1rem;margin:.75rem 0;font-weight:600}.success-banner{background:var(--green-soft);border:1px solid var(--green);border-radius:10px;padding:.7rem 1rem;margin:.75rem 0;font-weight:600}.steam-results{border:1px solid var(--border);border-radius:10px;margin-top:.4rem;overflow:hidden}.steam-result{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;cursor:pointer;border-bottom:1px solid var(--border)}.steam-result:hover{background:var(--panel-raised)}.steam-result:last-child{border-bottom:none}.steam-result img{width:80px;border-radius:4px}.import-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;margin-top:.8rem}.import-bar span{min-width:8px;animation:seg-grow .6s ease;transform-origin:left}@keyframes seg-grow{0%{transform:scaleX(0)}}.seg-added{background:var(--accent)}.seg-already{background:#4a5069}.seg-not-online{background:#2c3044}.seg-skipped{background:var(--gold)}.import-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem}.lobby-action{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.6rem 1.5rem;margin-bottom:1.1rem}.lobby-count{display:flex;align-items:baseline;gap:.55rem;font-size:1.4rem;color:var(--text-muted)}.lobby-count input{width:5.2rem;font-size:2.2rem;font-weight:700;text-align:center;color:var(--text)}.lobby-start{font-size:1.25rem;padding:.85rem 2.6rem}.current-room-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;margin-right:1rem;border-radius:999px;background:var(--accent-soft);color:var(--text);text-decoration:none;font-size:.9rem}.current-room-chip:hover{background:var(--accent)}.gap-badge.warn{background:var(--gold-soft);color:var(--gold)}details.privacy-option{margin:.35rem 0 .35rem .4rem}details.privacy-option summary{cursor:pointer;color:var(--text)}details.privacy-option[open] summary{color:var(--accent)}details.privacy-option>*:not(summary){margin-left:1.1rem}.progress-strip{justify-content:center}.progress-fill.tone-nominate{background:linear-gradient(90deg,var(--green),#86efac)}.progress-fill.tone-veto{background:linear-gradient(90deg,var(--red),#fca5a5)}.progress-fill.tone-winner{background:linear-gradient(90deg,var(--gold),#ffd28f)}.progress-step.current.tone-nominate{background:var(--green-soft);color:var(--green)}.progress-step.current.tone-veto{background:var(--red-soft);color:var(--red)}.progress-step.current.tone-vote{background:var(--accent-soft);color:#b8a4ff}.progress-step.current.tone-winner{background:var(--gold-soft);color:var(--gold)}.game-card.selected.nominate-selected{border-color:var(--green);animation:nominate-glow 1.6s ease-in-out infinite}@keyframes nominate-glow{0%,to{box-shadow:0 0 0 2px var(--green-soft)}50%{box-shadow:0 0 14px 3px var(--green-soft)}}.nominate-selected .select-badge{background:var(--green)}