:root{color-scheme:light dark;--focus: #1a73e8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.5rem 1rem;background:Canvas;color:CanvasText}.skip-link:focus{left:0}main:focus{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}.auth-error{border-color:CanvasText}.link{color:LinkText}}.appbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid GrayText}.appbar h1{font-size:1.25rem;margin:0}.appbar-user{display:flex;align-items:center;gap:.75rem}main{padding:1rem;max-width:30rem;margin:0 auto}button{cursor:pointer}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tab{padding:.5rem 1rem;font:inherit;font-weight:600;background:none;color:inherit;border:1px solid GrayText;border-bottom:3px solid transparent;border-radius:6px 6px 0 0}.tab[aria-selected=true]{border-color:GrayText;border-bottom-color:var(--focus)}@media(forced-colors:active){.tab[aria-selected=true]{border-bottom-color:Highlight}}.field{margin-bottom:1rem}.field label{display:block;font-weight:600;margin-bottom:.25rem}.field input{width:100%;padding:.5rem;font-size:1rem}.hint{margin:.25rem 0 0;font-size:.875rem;color:GrayText}.password-row{display:flex;gap:.5rem}.password-row input{flex:1}.auth-error{margin-bottom:1rem;padding:.5rem .75rem;border:2px solid #b3261e;border-radius:4px}.submit{width:100%;padding:.6rem;font-size:1rem;font-weight:600}.switch{margin-top:1rem}.link{background:none;border:none;color:var(--focus);text-decoration:underline;padding:0;font:inherit}.listbox{display:flex;flex-direction:column;gap:.5rem}.listbox [role=group]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.listbox-group{font-weight:700;margin-top:.5rem}.listbox-option{display:flex;flex-direction:column;align-items:start;gap:.15rem;padding:.75rem 1rem;font-weight:600;border:1px solid GrayText;border-radius:6px}.listbox-option[aria-selected=true]{border-color:CanvasText;box-shadow:inset 0 0 0 1px CanvasText}.listbox-option[aria-disabled=true]{color:GrayText}.back{display:inline-block;margin-bottom:.75rem}.lobby-activity{margin-top:2rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.modal-actions .submit{width:auto}.card{border:1px solid GrayText;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.card h3{margin-top:0}.field select{width:100%;padding:.5rem;font-size:1rem}fieldset.field{border:1px solid GrayText;border-radius:4px}.radio{display:block;font-weight:400}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem}.inline-form label{width:100%;font-weight:600}.inline-form input{flex:1;padding:.5rem;font-size:1rem}.table-list,.seat-list,.spectator-list,.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.table-item{display:flex;flex-direction:column;align-items:start;gap:.15rem;width:100%;text-align:start;padding:.6rem .75rem;border:1px solid GrayText;border-radius:6px;background:none;font:inherit}.table-item-name{font-weight:600}.table-item-meta{font-size:.875rem;color:GrayText}.seat,.spectator-list li,.player-list li{display:flex;align-items:center;gap:.5rem}.seat-label{font-weight:600}.seat-empty{color:GrayText}.badge{font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:0 .4rem}.status-line{color:GrayText}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}.table-actions .submit{width:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;padding:.3rem;border:1px solid GrayText;border-radius:6px}.toolbar button{padding:.4rem .75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200}.modal{background:Canvas;color:CanvasText;border:1px solid GrayText;border-radius:8px;padding:1.25rem;max-width:32rem;width:100%;max-height:80vh;overflow:auto}.key-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.4rem}kbd{font-family:ui-monospace,monospace;border:1px solid GrayText;border-radius:4px;padding:0 .3rem}.shortcut{margin-inline-start:.5rem;font-size:.8em;color:GrayText}.checkbox{display:flex;align-items:center;gap:.5rem;font-weight:600}.snd-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.snd-row label{width:6rem;font-weight:600}.snd-row input[type=range]{flex:1;min-width:6rem}.ttt{margin:.5rem 0 1rem}.ttt-status{font-weight:600;margin:0 0 .5rem}.ttt-grid{display:grid;grid-template-rows:repeat(3,1fr);gap:4px;width:min(18rem,80vw);aspect-ratio:1}.ttt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ttt-cell{display:flex;align-items:center;justify-content:center;padding:0;border:2px solid CanvasText;border-radius:6px;background:Canvas;aspect-ratio:1}.ttt-cell[aria-disabled=true]{cursor:default}.ttt-cell.win{background:Highlight}.ttt-cell.win .mark{color:HighlightText}.ttt .mark{width:72%;height:72%;color:CanvasText}.ttt .mark line,.ttt .mark circle{stroke:currentColor;stroke-width:12;stroke-linecap:round;fill:none}.virus{margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:.75rem}.virus-status,.virus-prompt{font-weight:600;margin:0}.virus-discard{display:flex;flex-direction:column;gap:.5rem;border:1px solid GrayText;border-radius:6px;padding:.75rem 1rem}.virus-check{display:flex;align-items:center;gap:.5rem;font-weight:600}.virus-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.virus-bodies{display:flex;flex-wrap:wrap;gap:.75rem}.virus-body{flex:1 1 14rem;border:1px solid GrayText;border-radius:8px;padding:.5rem .75rem}.virus-body h4{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem}.virus-handcount{font-size:.85rem;color:GrayText;font-weight:400}.virus-organs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.virus-organ{border:1px solid CanvasText;border-radius:6px;padding:.3rem .6rem;font-weight:600;border-left-width:6px}.virus-organ[data-status=infected]{border-left-color:#c0392b}.virus-organ[data-status=vaccinated]{border-left-color:#2e86c1}.virus-organ[data-status=immunized]{border-left-color:#1e8449}.virus-deck{color:GrayText;margin:0}.chat{margin-top:1.5rem}.announce-mode{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.announce-mode select{padding:.3rem}.timeline{list-style:none;padding:.5rem;margin:0 0 .75rem;border:1px solid GrayText;border-radius:6px;max-height:16rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.timeline .event{color:GrayText;font-style:italic}.chat-form{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem}.chat-form label{width:100%;font-weight:600}.chat-form input{flex:1;padding:.5rem;font-size:1rem}