:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.app-header{color:#fff;background:#18243c;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.75rem max(1rem,50vw - 26rem);display:flex}.brand-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-weight:700}.brand-group{align-items:baseline;gap:.75rem;display:flex}.brand-heading{margin:0;font-size:1rem}.page-content{gap:1rem;max-width:52rem;margin:0 auto;padding:1.25rem 1rem 3rem;display:grid}.page-content>h1{margin:0;font-size:clamp(1.5rem,5vw,2.25rem)}.state-card,.player-list,.room-code,.role-details,.secret-panel{background:#fff;border:1px solid #dbe2ef;border-radius:1rem;padding:1rem;box-shadow:0 .25rem 1rem #18243c12}.state-card--error{border-color:#e6a6a6}.form-card{gap:.65rem;display:grid}.form-card--nested{border-top:1px solid #edf0f5;padding-top:1rem}.form-card input,.form-card select{background:#fff;border:1px solid #aeb8cc;border-radius:.65rem;width:100%;min-height:2.75rem;padding:.6rem .75rem}.form-card input:focus-visible,.form-card select:focus-visible{border-color:#3456d1;outline:3px solid #3456d133}.home-actions{gap:1rem;display:grid}.divider{color:#667085;justify-content:center;align-items:center;gap:.75rem;display:flex}.divider:before,.divider:after{content:"";background:#dbe2ef;width:100%;height:1px}.field-hint{color:#667085;margin:0;font-size:.875rem}.form-error{color:#a42d3c;margin:0;font-weight:600}.statistics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.statistics>div{background:#f0f4ff;border-radius:.65rem;gap:.2rem;padding:.65rem;display:grid}.statistics span,.statistics strong{font-size:.85rem}.statistics strong{color:#18243c}.role-slot-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.role-slot{background:#f8faff;border:1px solid #dbe2ef;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.6rem;display:grid}.role-slot label{color:#667085;gap:.2rem;font-size:.8rem;display:grid}.role-slot select{border:1px solid #aeb8cc;border-radius:.45rem;min-height:2.25rem;padding:.35rem}.role-slot button,.connection-banner button{color:#243eaa;cursor:pointer;background:#fff;border:1px solid #3456d1;border-radius:.45rem;min-height:2.25rem;padding:.35rem .6rem}.module-list{gap:.75rem;display:grid}.module-option{align-items:flex-start;gap:.6rem;display:flex}.module-option input{flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem}.module-option span{gap:.2rem;display:grid}.issue-list{color:#7f1d2d;margin:0;padding-left:1.25rem}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.button-row .primary-button{flex:10rem}.primary-button{color:#fff;cursor:pointer;background:#3456d1;border:2px solid #3456d1;border-radius:.75rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:700}.primary-button:hover:not(:disabled),.primary-button:focus-visible{background:#243eaa;border-color:#243eaa}.primary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button--secondary{color:#243eaa;background:#fff}.primary-button--danger{background:#a42d3c;border-color:#a42d3c}.primary-button--full{width:100%}.connection-banner{border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.8rem;display:flex}.connection-banner--connected{color:#17653a;background:#d7f7e3}.connection-banner--reconnecting{color:#725300;background:#fff0c2}.connection-banner--disconnected{color:#7f1d2d;background:#ffd9de}.room-code{justify-items:start;gap:.5rem;display:grid}.eyebrow{color:#667085;letter-spacing:.08em;font-size:.8rem;font-weight:700}.room-code__value{color:#18243c;letter-spacing:.16em;font-size:clamp(2rem,11vw,3.5rem);font-weight:800}.room-code__qr{object-fit:contain;border:1px solid #dbe2ef;width:12rem;height:12rem}.lobby-count{color:#667085;text-align:center;margin:0}.player-list h2,.role-details h2,.secret-panel h2{margin-top:0}.player-list ul,.secret-panel ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.player-list__item{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.player-list__badges{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.badge,.alignment{white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.75rem;display:inline-block}.badge{background:#edf0f5}.alignment--good{color:#17653a;background:#d7f7e3}.alignment--evil{color:#7f1d2d;background:#ffd9de}.muted{color:#667085}.callout{background:#f0f4ff;border-left:.25rem solid #3456d1;padding:.75rem}.secret-panel__masked{color:#fff;background:#18243c;border-radius:.75rem;padding:1rem}.privacy-note{background:#fff8df;border:1px solid #f1d98a;border-radius:.75rem;margin:0;padding:.75rem}.secret-panel__actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.secret-panel__actions .primary-button{flex:10rem}.role-card-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.role-card{background:#fff;border:2px solid #dbe2ef;border-radius:.9rem;padding:.9rem}.role-card--selected{border-color:#3456d1}.role-card__heading{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.role-card h3{margin:0}.role-card__select{color:#243eaa;cursor:pointer;background:#fff;border:1px solid #3456d1;border-radius:.6rem;width:100%;min-height:2.5rem;padding:.5rem .75rem}@media (width<=26rem){.app-header{flex-direction:column;align-items:flex-start;gap:.25rem}.player-list__item{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0}.player-list__badges{justify-content:flex-start}.statistics{grid-template-columns:1fr}.role-slot{grid-template-columns:1fr;align-items:stretch}.role-slot button,.role-slot select{width:100%}}