:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f7fb;--ink:#f6f7fb;--muted:#9ca7bf;--panel:#111827;--panel-strong:#182135;--line:#27334d;--accent:#8de8c0;--accent-strong:#44d59c;--violet:#aca2ff;--danger:#ff9f9f;background:#090d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#090d18;min-width:320px}body{background:radial-gradient(circle at 85% 4%,#5041b533,#0000 32rem),radial-gradient(circle at 8% 42%,#1f836924,#0000 34rem),#090d18;min-height:100vh;margin:0}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell,.landing-shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto}.topbar,.landing-nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:76px;display:flex}.wordmark{color:var(--ink);letter-spacing:.22em;font-weight:900;text-decoration:none}.topbar-actions{align-items:center;gap:18px;display:flex}.fixture-pill,.recommended-badge,.broader-badge{width:fit-content;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#8de8c014;border:1px solid #8de8c047;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.flow-panel{padding:76px 0 48px}.narrow-panel{width:min(670px,100%);margin:0 auto}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:850}h1{letter-spacing:-.055em;max-width:16ch;margin:0;font-size:clamp(2.5rem,6vw,5.2rem);line-height:.99}.lede{max-width:660px;color:var(--muted);margin:20px 0 34px;font-size:1.08rem;line-height:1.65}.primary-button,.secondary-button,.card-button,.text-button,.posture-card,.player-row,.responder-tabs button{cursor:pointer;border:0}.primary-button,.secondary-button,.card-button{border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:850;display:inline-flex}.primary-button{background:var(--accent);color:#07130f}.secondary-button{color:var(--ink);background:#202a40;border:1px solid #46536e}.card-button{width:100%;color:var(--ink);background:#2a3650;margin-top:auto}.primary-button:hover,.card-button:hover,.secondary-button:hover{filter:brightness(1.1)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;filter:none;opacity:.4}.text-button{color:#bdc8df;background:0 0;padding:0;font-weight:750}.text-button:hover{color:var(--ink)}.back-button{margin-top:28px}.link-button{text-decoration:none}.player-list{gap:10px;margin-bottom:24px;display:grid}.player-row{border:1px solid var(--line);text-align:left;background:#111827c7;border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;width:100%;padding:14px;display:grid}.player-row.selected{background:#1b3033c7;border-color:#8de8c085}.avatar{width:46px;height:46px;color:var(--violet);background:#28344e;border-radius:50%;place-items:center;font-weight:900;display:grid}.player-row strong,.player-row small{display:block}.player-row small{color:var(--muted);margin-top:4px}.checkmark{color:var(--accent);font-size:1.25rem;font-weight:900}.posture-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.posture-card{border:1px solid var(--line);text-align:left;background:linear-gradient(145deg,#182135eb,#0d1422eb);border-radius:16px;flex-direction:column;align-items:flex-start;min-height:250px;padding:24px;transition:transform .18s,border-color .18s;display:flex}.posture-card:hover{border-color:var(--accent);transform:translateY(-4px)}.posture-card:last-child{border-color:#aca2ff66;grid-column:2/span 2;min-height:205px}.posture-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.posture-card strong{margin:auto 0 12px;font-size:1.35rem}.posture-card>span:not(.posture-kicker){color:#dbe2f2;line-height:1.45}.posture-card small{color:var(--muted);margin-top:12px;line-height:1.5}.split-heading{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.response-meter{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:12px;min-width:112px;padding:14px;display:grid}.response-meter strong{font-size:1.55rem}.response-meter span{color:var(--muted);text-transform:uppercase;font-size:.75rem}.responder-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.responder-tabs button{color:var(--muted);background:#1a2438;border-radius:999px;padding:10px 14px}.responder-tabs button.active{background:var(--violet);color:#101226;font-weight:850}.preference-card{border:1px solid var(--line);background:#111827e0;border-radius:18px;gap:26px;padding:clamp(20px,4vw,36px);display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:12px;font-size:1rem;font-weight:850}legend span,.field-note{color:var(--muted);font-size:.78rem;font-weight:500}.field-note{margin:-6px 0 12px}.warning{color:var(--danger);margin-top:12px}.request-error{max-width:760px;color:var(--danger);background:#ff9f9f14;border:1px solid #ff9f9f59;border-radius:10px;margin:0 auto 18px;padding:12px 14px;font-size:.82rem}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-chip{color:#cbd4e6;cursor:pointer;border:1px solid #34415c;border-radius:9px;padding:10px 13px;position:relative}.choice-chip:has(input:checked){border-color:var(--accent);color:var(--ink);background:#8de8c01f}.choice-chip.veto:has(input:checked){border-color:var(--danger);background:#ff9f9f1a}.choice-chip input,.segmented input{opacity:0;pointer-events:none;position:absolute}.two-column-fields{grid-template-columns:1fr 1fr;gap:28px;display:grid}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented label{color:var(--muted);text-align:center;text-transform:capitalize;cursor:pointer;border:1px solid #34415c;border-radius:8px;padding:10px 8px;position:relative}.segmented label:has(input:checked){background:var(--violet);color:#101226;font-weight:800}.switch-row{color:#dbe2f2;align-items:center;gap:10px;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--accent-strong)}.host-controls{border:1px dashed #35425c;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:16px;padding:18px;display:flex}.host-controls label{color:var(--muted);gap:7px;font-size:.8rem;font-weight:700;display:grid}select{min-height:42px;color:var(--ink);background:#111a2b;border:1px solid #3a4762;border-radius:8px;padding:0 38px 0 12px}.missing-note,.confirmation-note,.broader-copy{border-left:3px solid var(--violet);color:#c8c5ee;background:#aca2ff14;padding:12px 14px;line-height:1.5}.result-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.result-grid.three{grid-template-columns:repeat(3,1fr)}.game-card{border:1px solid var(--line);background:linear-gradient(155deg,#182136,#101725);border-radius:16px;flex-direction:column;min-height:420px;padding:20px;display:flex}.game-card.primary-pick{border-color:var(--accent);box-shadow:0 18px 60px #32d89c14}.game-card-top{align-items:center;gap:7px;min-height:32px;display:flex}.pick-number{color:#d7deee;background:#28344e;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:900;display:grid}.recommended-badge{padding:5px 8px}.broader-badge{color:var(--violet);background:#aca2ff17;border-color:#aca2ff59}.game-card h2{margin:24px 0 8px;font-size:1.35rem;line-height:1.15}.game-card>p{color:var(--muted);font-size:.85rem;line-height:1.5}.game-card dl{gap:10px;margin:18px 0 22px;display:grid}.game-card dl div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.game-card dt{color:var(--muted);font-size:.73rem}.game-card dd{color:#dce3f1;text-align:right;margin:0;font-size:.73rem}.game-card .broader-copy{color:#c8c5ee;font-size:.75rem}.result-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.eligibility-policy{border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:12px;margin-top:22px;padding:14px 16px}.eligibility-policy summary{color:#dce3f1;cursor:pointer;font-size:.82rem;font-weight:800}.eligibility-policy p{margin:12px 0 0;font-size:.78rem;line-height:1.6}.empty-state{text-align:center;border:1px dashed #3a4762;border-radius:18px;padding:60px 24px}.empty-state>span{color:var(--violet);font-size:2.4rem}.empty-state h2{margin:10px 0}.empty-state p{max-width:620px;color:var(--muted);margin:0 auto;line-height:1.6}.decision-panel{text-align:center}.decision-panel h1,.decision-panel .lede{margin-left:auto;margin-right:auto}.decision-mark{border:1px solid var(--accent);width:70px;height:70px;color:var(--accent);background:#8de8c01a;border-radius:50%;place-items:center;margin:0 auto 25px;font-size:2rem;display:grid}.decision-summary{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:14px;gap:12px;margin:28px 0;padding:20px;display:grid}.decision-summary div{gap:3px;display:grid}.decision-summary span{color:var(--muted);text-transform:uppercase;font-size:.75rem}.decision-panel>button,.decision-panel>.confirmation-note{width:100%;margin-top:10px}.played-panel{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:14px;margin:20px 0 10px;padding:22px}.played-panel h2{margin:0 0 10px;font-size:1.25rem}.played-panel p{color:var(--muted);margin:0 0 18px;font-size:.85rem;line-height:1.6}.played-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.played-fields label{color:#dce3f1;gap:8px;font-size:.8rem;font-weight:750;display:grid}.played-fields input{width:100%;min-height:44px;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111a2b;border:1px solid #3a4762;border-radius:8px;padding:0 12px}.played-panel>button{width:100%}.fixture-footer{color:#69748a;text-align:center;border-top:1px solid #ffffff12;padding:34px 0;font-size:.73rem}.landing-shell{flex-direction:column;display:flex}.hero{flex:1;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(40px,8vw,120px);padding:70px 0;display:grid}.hero h1{max-width:12ch}.landing-note{color:#69748a;margin-top:16px;font-size:.78rem}.hero-card{border:1px solid var(--line);background:linear-gradient(145deg,#1e2a43eb,#0d1422eb);border-radius:24px;padding:30px;box-shadow:0 30px 100px #00000040}.pulse-orb{text-align:center;background:radial-gradient(circle,#8de8c02e,#0000 66%);border:1px solid #8de8c08c;border-radius:50%;place-content:center;width:150px;height:150px;margin:30px auto;display:grid;box-shadow:0 0 50px #8de8c01f}.pulse-orb span{font-size:3.4rem;font-weight:900;line-height:1}.pulse-orb small{color:var(--muted)}.hero-card ul{color:#cbd4e6;gap:12px;margin:0;padding:0;list-style:none;display:grid}.hero-card li{gap:10px;display:flex}.hero-card li span{color:var(--accent)}.invite-panel{padding-top:38px;padding-bottom:58px}.invite-preview{border-bottom:1px solid var(--line);padding:12px 0 18px}.invite-preview>span,.invite-facts dt,.invite-context dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.invite-preview h1{margin-top:8px;font-size:clamp(2.2rem,5vw,3.4rem)}.invite-preview p{color:#dce3f1;margin:10px 0 6px}.invite-preview small{color:var(--muted)}.invite-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:14px 0;display:grid}.invite-context div{gap:5px;display:grid}.invite-context dd{color:var(--ink);margin:0;font-size:.9rem}.invite-roster-preview{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:14px 0;padding:12px 16px}.invite-roster-preview strong{font-size:.85rem}.steam-library{border:1px solid var(--line);background:var(--surface);border-radius:20px;max-width:850px;margin:0 auto 72px;padding:28px}.steam-library h2{margin:12px 0;font-size:clamp(1.6rem,4vw,2.3rem)}.steam-library p{line-height:1.6}.steam-library button{margin:8px 10px 12px 0}.steam-library input{border:1px solid var(--line);width:100%;color:var(--ink);background:#111827;border-radius:10px;margin:10px 0;padding:12px;display:block}.steam-library ul{max-height:420px;padding:0;list-style:none;overflow:auto}.steam-library li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 0}.steam-library [role=alert]{color:#ffb4b4}.group-heading{max-width:850px;margin:64px auto 40px}.group-heading h1{overflow-wrap:anywhere;font-size:clamp(2.3rem,6vw,4rem)}.group-workspace h2{overflow-wrap:anywhere}.group-workspace .link-button{margin-top:12px}.group-workspace label{font-size:1.2rem;font-weight:700;display:block}.group-next-steps{padding-left:24px;line-height:1.8}.invite-roster-preview p{margin:7px 0;font-size:.85rem}.invite-roster-preview small{line-height:1.5;display:block}.invite-step{border:1px solid var(--line);background:#111827e0;border-radius:16px;margin:18px 0 14px;padding:18px}.invite-step h2{margin:0 0 10px;font-size:1.45rem}.invite-step p{color:var(--muted);margin:0;line-height:1.65}.invite-walkthrough{counter-reset:invite-step;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.invite-walkthrough li{counter-increment:invite-step;grid-template-columns:30px 1fr;align-items:start;column-gap:10px;display:grid}.invite-walkthrough li:before{width:28px;height:28px;color:var(--accent);content:counter(invite-step);background:#8de8c01f;border-radius:50%;grid-row:span 2;place-items:center;font-size:.8rem;font-weight:850;display:grid}.invite-walkthrough strong{color:var(--ink);font-size:.86rem}.invite-walkthrough span{color:var(--muted);margin-top:2px;font-size:.79rem;line-height:1.45}.ready-step{border-color:#8de8c06b}.ready-step strong{color:var(--accent);margin-top:14px;display:block}.unable-step{border-color:#ff9f9f52}.invite-facts{border:1px solid var(--line);border-radius:12px;gap:10px;margin:20px 0;padding:18px;display:grid}.invite-facts div{justify-content:space-between;gap:16px;display:flex}.invite-facts dd{color:#dce3f1;text-transform:capitalize;margin:0}.invite-action{width:100%;margin-top:8px}.fixture-disclosure{color:#69748a;margin:18px 0 0;font-size:.76rem;line-height:1.5}@media (max-width:900px){.posture-grid,.result-grid,.result-grid.three{grid-template-columns:repeat(2,1fr)}.posture-card:last-child{grid-column:1/-1}.hero{grid-template-columns:1fr}.hero-card{width:min(500px,100%)}}@media (max-width:620px){.app-shell,.landing-shell{width:min(100% - 22px,1180px)}.topbar{align-items:flex-start;padding:18px 0}.topbar-actions{flex-direction:column;align-items:flex-end;gap:8px}.flow-panel{padding-top:50px}.posture-grid,.result-grid,.result-grid.three,.two-column-fields{grid-template-columns:1fr}.posture-card,.posture-card:last-child{min-height:210px}.split-heading{display:block}.response-meter{width:110px;margin-bottom:18px}.host-controls{flex-direction:column;align-items:stretch}.host-controls .primary-button{width:100%}.game-card{min-height:390px}.invite-context,.played-fields{grid-template-columns:1fr}}