:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f3ed;color:#1d2528;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{min-height:40px;border:1px solid #b9c0b8;border-radius:7px;background:#fff;color:#1d2528;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select{width:100%;min-height:40px;border:1px solid #b9c0b8;border-radius:6px;padding:8px 10px;background:#fffefa}input[type=checkbox]{width:18px;min-height:18px;accent-color:#11191b}label{display:grid;gap:6px;color:#4b5558;font-size:.88rem;font-weight:700}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:.95;letter-spacing:0}h2{font-size:1.05rem}.setup-shell,.game-shell{width:min(1420px,100%);margin:0 auto;padding:24px}.game-shell{min-height:100vh;transition:background .16s ease}.player-red-shell{background:linear-gradient(180deg,#ffe8e3,#fff3f0 38%,#f5f3ed 72%);box-shadow:0 0 0 100vmax #fff3f0;clip-path:inset(0 -100vmax)}.player-blue-shell{background:linear-gradient(180deg,#e2efff,#f0f7ff 38%,#f5f3ed 72%);box-shadow:0 0 0 100vmax #f0f7ff;clip-path:inset(0 -100vmax)}.brand-panel{min-height:220px;display:grid;align-content:end;gap:22px;padding:28px 0;border-bottom:2px solid #1d2528}.eyebrow{width:fit-content;padding:6px 10px;border:2px solid #11191b;border-radius:999px;background:#fffefa;color:#11191b;font-size:.86rem;font-weight:800;letter-spacing:0;text-transform:uppercase;box-shadow:0 4px #11191b1f}.identity-row,.two-cols,.role-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.role-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;padding:22px 0;align-items:start}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.home-actions .panel{min-height:172px;align-content:space-between}.home-actions .compact{position:static}.panel,.side-panel{border:1px solid #c7cbc2;border-radius:8px;background:#fffefa}.panel{display:grid;gap:16px;padding:18px}.compact{position:sticky;top:16px}.filters{display:grid;gap:12px}.range-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.range-control{display:grid;gap:8px}.range-slider{position:relative;height:30px}.range-slider:before{content:"";position:absolute;left:0;right:0;top:13px;height:4px;border-radius:999px;background:#c7cbc2}.range-slider input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:30px;padding:0;border:0;background:transparent;accent-color:#11191b;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.range-slider input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;border:2px solid #11191b;border-radius:999px;background:#fffefa;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-track{height:4px;background:transparent}.range-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #11191b;border-radius:999px;background:#fffefa;pointer-events:auto}.primary{border-color:#11191b;background:#11191b;color:#fffefa;font-weight:800}.count-check{width:fit-content;padding:5px 9px;border-radius:999px;background:#dcead7;color:#26472b;font-weight:800}.word-count{width:fit-content;padding:5px 9px;border-radius:999px;background:#eef5ff;color:#1f4d85;font-weight:800}.word-count.bad,.count-check.bad,.error,.toast{background:#ffe0dc;color:#8c1d18}.error{padding:10px;border-radius:6px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);max-width:min(92vw,560px);padding:12px 16px;border:1px solid #f0a39a;border-radius:8px;font-weight:800}.topbar{position:relative;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid #1d2528}.topbar h1{font-size:clamp(1.8rem,4vw,3.2rem)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;padding-top:20px}.lobby-layout{display:grid;grid-template-columns:minmax(126px,.48fr) minmax(360px,1.5fr) minmax(126px,.48fr);grid-template-areas:"red rules blue";gap:18px;padding-top:20px;align-items:start}.lobby-layout>.red-team{grid-area:red}.lobby-layout>.side-panel{grid-area:rules}.lobby-layout>.blue-team{grid-area:blue}.seat-lobby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.team-seats{display:grid;grid-template-columns:1fr;gap:10px;justify-items:center;padding:14px;border:2px solid #c7cbc2;border-radius:8px;background:#fffefa}.team-seats h2{padding-bottom:4px;text-align:center}.red-team{border-color:#d85b4d}.blue-team{border-color:#517bb9}.seat-card{position:relative;width:min(100%,112px);aspect-ratio:1;min-height:0;display:grid;grid-template-rows:30px auto minmax(24px,auto);align-items:center;justify-items:center;gap:3px;padding:9px;text-align:center;border-width:2px}.seat-card span{color:#667174;font-size:.64rem;font-weight:900;text-transform:uppercase}.seat-card strong{max-width:100%;overflow-wrap:anywhere;font-size:.82rem;line-height:1.1}.seat-card.occupied{background:#f2f4ef}.seat-card.mine{border-color:#11191b;background:#dcead7}.red-team .seat-card.mine{background:#ffdad3}.blue-team .seat-card.mine{background:#d8e7ff}.spymaster-seat{min-height:0}.join-plus{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;border:2px solid currentColor;color:#1d2528;font-size:1.45rem;font-weight:950;line-height:1}.spectator-stand{display:grid;gap:10px;min-width:0}.spectator-row{width:100%;max-width:100%;min-width:0;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;overscroll-behavior-x:contain;scrollbar-gutter:stable}.spectator-seat{order:0;flex:0 0 auto;width:112px;aspect-ratio:1;min-height:0;display:grid;grid-template-rows:32px auto minmax(24px,auto);align-content:center;justify-items:center;gap:3px;padding:10px;text-align:center;border-width:2px}.spectator-seat span{color:#667174;font-size:.74rem;font-weight:900;text-transform:uppercase}.spectator-seat strong{font-size:.82rem;line-height:1.1;overflow-wrap:anywhere}.spectator-seat.mine,.compact-spectator{background:#eef1e8}.spectator-card{position:relative;order:1;flex:0 0 112px;aspect-ratio:1;display:grid;grid-template-rows:auto minmax(24px,auto);align-content:center;justify-items:center;gap:6px;padding:10px;border:2px solid #c5c9c1;border-radius:8px;background:#fffefa;text-align:center}.spectator-card.mine{border-color:#11191b;background:#eef1e8}.spectator-card span{color:#667174;font-size:.68rem;font-weight:900;text-transform:uppercase}.spectator-card strong{max-width:100%;overflow-wrap:anywhere;font-size:.82rem;line-height:1.1}.compact-spectator{margin-top:8px}.lobby-share-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:12px}.room-qr{aspect-ratio:1;display:grid;align-content:center;justify-items:center;gap:6px;min-width:0;padding:8px;border:2px solid #11191b;border-radius:8px;background:#fffefa;text-align:center;box-shadow:0 5px #11191b1a}.room-qr img{width:min(100%,148px);height:auto;image-rendering:pixelated}.room-qr strong{font-size:.78rem;letter-spacing:0}.desktop-room-qr{width:112px}.mobile-room-qr{display:none}.game-room-qr{position:absolute;top:12px;right:0;width:96px;padding:6px;margin-left:auto}.game-room-qr img{width:70px}.host-transfer-chip{position:absolute;left:6px;bottom:6px;z-index:5;width:26px;height:26px;display:grid;place-items:center;padding:0;border:2px solid #11191b;border-radius:999px;background:#fffefa;color:#11191b;font-size:.95rem;font-weight:950;line-height:1;cursor:pointer}.board-panel{min-width:0;display:grid;gap:8px;align-content:start}.board-toolbar{display:flex;justify-content:flex-end;gap:6px}.board-toolbar button{min-width:42px;min-height:34px;padding:0 10px;font-weight:900}.board-viewport{max-width:100%;max-height:calc(100vh - 150px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;padding:2px 2px 10px;border:1px solid #d8d8cf;border-radius:8px;background:#f0eee7}.board{width:max-content;min-width:100%;display:grid;gap:10px;align-content:start}.card{position:relative;aspect-ratio:var(--card-aspect-ratio, 1.45);min-width:0;min-height:0;padding:10px;display:grid;grid-template-rows:var(--card-media-row, minmax(0, 1fr)) auto auto;place-items:center;gap:5px;overflow:visible;border-width:2px;border-color:#c5c9c1;background:#fffefa;box-shadow:inset 0 -3px #0000000f}.card:disabled{opacity:1;color:inherit}.card-media{width:100%;height:100%;min-height:0;display:grid;place-items:end center;overflow:hidden}.card img{width:min(var(--card-image-width, min(54px, 46%)),100%);max-width:100%;max-height:var(--card-image-max-height, 58%);min-height:0;aspect-ratio:var(--card-image-aspect-ratio, 3 / 2);object-fit:contain;border-radius:3px}.card.image-mode-background{isolation:isolate}.card.image-mode-background:before{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:62%;border-radius:inherit;background:linear-gradient(to top,rgb(255 254 250 / 96%) 0%,rgb(255 254 250 / 88%) 42%,rgb(255 254 250 / 22%) 78%,transparent 100%);pointer-events:none}.card.image-mode-background .card-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;place-items:center;border-radius:6px}.card.image-mode-background img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:var(--card-image-fit, contain);border-radius:6px}.card.image-mode-inline .card-media{align-self:end}.card.image-mode-inline img{filter:drop-shadow(0 1px 1px rgb(0 0 0 / 18%))}.card span{position:relative;z-index:2;align-self:end;max-width:100%;min-width:0;overflow-wrap:anywhere;font-size:var(--card-title-size, clamp(.72rem, 1.2vw, 1.05rem));font-weight:900;text-transform:var(--card-title-transform, uppercase);letter-spacing:0}.card i{position:relative;z-index:2;max-width:100%;min-width:0;overflow-wrap:anywhere;color:#596468;font-size:var(--card-secondary-size, .64rem);font-style:normal;font-weight:800;text-transform:uppercase}.card small{position:absolute;z-index:2;right:7px;bottom:5px;color:#1d2528b3;font-size:.68rem;font-weight:800}.card:not(.role-visible) small{display:none}.card.role-visible.red{background:#fff0ed;border-color:#d85b4d;box-shadow:inset 0 -3px #0000000f}.card.role-visible.blue{background:#eef5ff;border-color:#517bb9;box-shadow:inset 0 -3px #0000000f}.card.role-visible.bystander{background:#f2eee2;border-color:#a8a08d;box-shadow:inset 0 -3px #0000000f}.card.role-visible.assassin{background:#555d60;border-color:#222729;color:#fffefa;box-shadow:inset 0 -3px #ffffff1a}.card.spymaster-peek{background-image:repeating-linear-gradient(-45deg,rgb(255 255 255 / 36%) 0,rgb(255 255 255 / 36%) 7px,transparent 7px,transparent 14px)}.card.revealed.red{background:#ffdad3;border-color:#d85b4d;box-shadow:0 0 0 2px #d85b4d42}.card.revealed.blue{background:#d8e7ff;border-color:#517bb9;box-shadow:0 0 0 2px #517bb942}.card.revealed.bystander{background:#e7e0cf;border-color:#a8a08d;box-shadow:0 0 0 2px #a8a08d47}.card.revealed.assassin{background:#222729;border-color:#111;color:#fffefa;box-shadow:0 0 0 2px #11191b57}.card.revealed{z-index:2}.card.role-visible.revealed.red{box-shadow:0 0 0 3px #d85b4d8f,0 0 22px #d85b4d85}.card.role-visible.revealed.blue{box-shadow:0 0 0 3px #517bb98f,0 0 22px #517bb985}.card.role-visible.revealed.bystander{box-shadow:0 0 0 3px #a8a08d8a,0 0 20px #a8a08d75}.card.role-visible.revealed.assassin{box-shadow:0 0 0 3px #11191ba3,0 0 22px #11191b85}.card.role-visible:after{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:8px;border-radius:6px 6px 0 0;background:#8e8673;pointer-events:none}.card.role-visible.red:after{background:#d85b4d}.card.role-visible.blue:after{background:#517bb9}.card.role-visible.bystander:after{background:#8e8673}.card.role-visible.assassin:after{background:#11191b}.card.image-mode-background.role-visible.red:before,.card.image-mode-background.revealed.red:before{background:linear-gradient(to top,rgb(255 240 237 / 96%) 0%,rgb(255 240 237 / 86%) 42%,rgb(255 240 237 / 22%) 78%,transparent 100%)}.card.image-mode-background.role-visible.blue:before,.card.image-mode-background.revealed.blue:before{background:linear-gradient(to top,rgb(238 245 255 / 96%) 0%,rgb(238 245 255 / 86%) 42%,rgb(238 245 255 / 22%) 78%,transparent 100%)}.card.image-mode-background.role-visible.bystander:before,.card.image-mode-background.revealed.bystander:before{background:linear-gradient(to top,rgb(242 238 226 / 96%) 0%,rgb(242 238 226 / 86%) 42%,rgb(242 238 226 / 22%) 78%,transparent 100%)}.card.image-mode-background.role-visible.assassin:before,.card.image-mode-background.revealed.assassin:before{background:linear-gradient(to top,rgb(34 39 41 / 96%) 0%,rgb(34 39 41 / 82%) 42%,rgb(34 39 41 / 22%) 78%,transparent 100%)}.card.role-visible.assassin small,.card.revealed.assassin small{color:#fffefab8}.card.role-visible.revealed:after{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;height:auto;border-radius:6px;background:#8e867357;pointer-events:none}.card.role-visible.revealed.red:after{background:#d85b4d57}.card.role-visible.revealed.blue:after{background:#517bb957}.card.role-visible.revealed.bystander:after{background:#a8a08d57}.card.role-visible.revealed.assassin:after{background:#11191b6b}.card.voted{outline:3px solid #11191b;outline-offset:-3px}.card.consensus{box-shadow:inset 0 -3px #0000000f,0 0 0 3px #2f7d46}.vote-stack{position:absolute;z-index:3;left:6px;right:6px;bottom:5px;min-height:24px;display:flex;align-items:center;gap:4px;pointer-events:none}.vote-stack b{width:23px;height:23px;display:grid;place-items:center;border:1px solid rgb(17 25 27 / 70%);border-radius:999px;background:#fffefa;color:#11191b;font-size:.62rem;font-style:normal;font-weight:900}.vote-stack em{margin-left:auto;padding:3px 6px;border-radius:999px;background:#11191bd1;color:#fffefa;font-size:.68rem;font-style:normal;font-weight:900}.card.revealed .vote-stack{display:none}.card-reveal{position:absolute;z-index:30;left:50%;bottom:calc(100% + 8px);width:min(320px,82vw);max-height:280px;overflow-y:auto;overflow-x:hidden;transform:translate(-50%);padding:12px;border:1px solid #11191b;border-radius:8px;background:#fffefa;color:#1d2528;box-shadow:0 12px 32px #11191b38;text-align:left;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;scrollbar-gutter:stable;-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch}.card-reveal.reveal-below{top:calc(100% + 8px);bottom:auto}.card-reveal.reveal-align-left{left:0;transform:none}.card-reveal.reveal-align-right{right:0;left:auto;transform:none}.card-reveal strong,.card-reveal em{display:block;overflow-wrap:anywhere}.card-reveal strong{font-size:.9rem}.card-reveal em{margin-top:3px;color:#667174;font-size:.76rem;font-style:normal;font-weight:900;text-transform:uppercase}.card-reveal dl{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:5px 8px;margin:10px 0 0;font-size:.76rem}.card-reveal dt{color:#667174;font-weight:900}.card-reveal dd{min-width:0;margin:0;overflow-wrap:anywhere}.side-panel{display:grid;align-content:start}.panel-block{display:grid;gap:10px;padding:16px;border-bottom:1px solid #d8d8cf}.panel-block:last-child{border-bottom:0}.host-transfer-list{display:grid;gap:6px}.action-form{display:grid;gap:12px}.clue-form{grid-template-columns:minmax(0,1fr) 64px;align-items:end;column-gap:14px;row-gap:26px}.clue-form .primary{grid-column:1 / -1;margin-top:4px}.clue-word-field{min-width:0}.clue-number-field{justify-items:center;gap:6px}.clue-number-field .clue-number-control{margin-top:4px;margin-bottom:4px;transform:translateY(8px)}.clue-number-field>span:first-child{color:#4b5558;font-size:.88rem;font-weight:700}.clue-number-control{position:relative;width:48px;height:48px;display:grid;place-items:center;border:2px solid #11191b;border-radius:50%;background:#8f2f2a;box-shadow:inset 0 -4px #11191b1f}.clue-number-control.team-blue{background:#2d5f9f}.clue-number-control input{width:30px;min-height:24px;padding:0;border:0;border-radius:0;background:transparent;color:#fffefa;font-size:.98rem;font-weight:950;line-height:1;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.clue-number-control input::-webkit-outer-spin-button,.clue-number-control input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.clue-step{position:absolute;left:50%;width:38px;height:18px;min-height:18px;display:grid;place-items:center;padding:0;border:0;background:transparent;transform:translate(-50%)}.clue-step-up{top:-20px}.clue-step-down{bottom:-20px}.clue-step span{width:0;height:0;border-right:9px solid transparent;border-left:9px solid transparent}.clue-step-up span{border-bottom:12px solid #11191b}.clue-step-down span{border-top:12px solid #11191b}.clue-step:disabled{opacity:.45}.danger{background:#8f2f2a;border-color:#6e211d;color:#fffefa}.ghost-danger{background:#fff7f5;color:#8f2f2a}.abort-float{position:fixed;z-index:90;top:78px;left:0;width:min(280px,calc(100vw - 18px));display:grid;gap:8px;padding:12px;border:1px solid #11191b;border-left:0;border-radius:0 8px 8px 0;background:#fffefa;box-shadow:0 10px 30px #11191b33}.abort-float div{display:flex;gap:8px}.abort-tab{position:fixed;z-index:89;top:86px;left:0;min-height:34px;padding:0 10px;border-left:0;border-radius:0 999px 999px 0;box-shadow:0 8px 22px #11191b29}.abort-actions{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.abort-round{width:44px;height:44px;display:inline-grid;place-items:center;padding:0;border-radius:50%;font-size:1.1rem;font-weight:900;line-height:1}.abort-round.active{box-shadow:0 0 0 4px #8f2f2a2e}.abort-confirm{min-height:42px}.seat-form,.settings-form{display:grid;gap:12px}.settings-section{border:1px solid #d8d8cf;border-radius:7px;background:#fffefa}.settings-section summary{min-height:42px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.settings-section summary::-webkit-details-marker{display:none}.settings-section summary:before{content:"+";width:18px;color:#667174;font-weight:900}.settings-section[open] summary:before{content:"-"}.settings-section summary span{color:#1d2528;font-size:.9rem;font-weight:900}.settings-section summary strong{min-width:0;justify-self:end;overflow:hidden;color:#596468;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.settings-section-body{display:grid;gap:12px;padding:0 12px 12px}.settings-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.settings-actions button{min-width:0}.grid-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid-actions button{min-width:0}.file-input{display:none}.settings-form.readonly input,.settings-form.readonly select{color:#4b5558;opacity:1}.dictionary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dictionary-card{position:relative;min-width:0;display:grid;gap:6px;padding:8px;border:1px solid #d8d8cf;border-radius:7px;background:#fffefa}.dictionary-toggle-card{border-style:dashed;background:#f7f8f3}.dictionary-card.selected{border-color:#11191b;box-shadow:inset 0 0 0 2px #11191b}.dictionary-card.disabled{cursor:default}.dictionary-choice{min-width:0;display:grid;grid-template-rows:auto minmax(34px,auto);gap:8px;padding:0;border:0;background:transparent;box-shadow:none;color:inherit;cursor:pointer;text-align:left}.dictionary-toggle{width:100%}.dictionary-card.disabled .dictionary-choice{cursor:default}.dictionary-choice strong{min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;overflow-wrap:anywhere;font-size:.9rem;line-height:1.15;text-align:center}.dictionary-cover{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#e9ece4;color:#1d2528}.dictionary-cover img{width:100%;height:100%;object-fit:cover}.dictionary-cover b{font-size:2.2rem;font-weight:950}.dictionary-toggle-cover{background:#eef1e8}.dictionary-toggle-circle{width:min(58px,58%);aspect-ratio:1;display:grid;place-items:center;border:2px solid #11191b;border-radius:50%;color:#11191b;font-size:clamp(1rem,2.8vw,1.45rem);font-weight:950;line-height:.7;letter-spacing:0}.dictionary-info{position:relative;z-index:7;flex:0 0 auto;width:18px;height:18px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid #667174;color:#667174;font-size:.72rem;font-weight:950;line-height:1}.dictionary-description{position:absolute;z-index:40;right:8px;bottom:42px;width:min(240px,72vw);max-height:170px;overflow:auto;padding:10px;border:1px solid #11191b;border-radius:7px;background:#fffefa;box-shadow:0 12px 28px #11191b33;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.dictionary-card:has(.dictionary-info:hover) .dictionary-description,.dictionary-card:has(.dictionary-info:focus) .dictionary-description,.dictionary-card:focus-within .dictionary-description{opacity:1;pointer-events:auto;transform:none}.dictionary-description p{margin:0;color:#4b5558;font-size:.82rem;line-height:1.35}.muted{color:#667174;font-size:.88rem;font-weight:700}.filter-field{display:grid;gap:8px}.filter-label{color:#4b5558;font-size:.88rem;font-weight:800}.filter-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#667174;font-size:.78rem;font-weight:800}.filter-tools span{min-width:46px}.filter-tools button{min-height:28px;padding:5px 9px;border-radius:6px;font-size:.76rem}.checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;max-height:220px;overflow:auto;padding:8px;border:1px solid #c7cbc2;border-radius:6px;background:#fffefa}.check-option{min-height:32px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;color:#1d2528;font-size:.82rem;font-weight:750}.check-option span{overflow-wrap:anywhere}.setting-toggle{grid-template-columns:18px minmax(0,1fr);padding:8px;border:1px solid #d8d8cf;border-radius:6px;background:#f7f8f3}.setting-toggle.disabled{opacity:.62}.filter-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-filters{display:grid;gap:12px}.advanced-filter-header,.advanced-group-head,.advanced-clause-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.advanced-filter-header{align-items:center}.advanced-filter-header strong{font-size:.9rem}.advanced-group,.advanced-clause{display:grid;gap:10px;padding:10px;border:1px solid #d8d8cf;border-radius:7px;background:#fffefa}.advanced-group{min-width:260px;background:#f7f8f3}.advanced-filters>.advanced-group{display:inline-grid;vertical-align:top}.advanced-filters{grid-template-columns:1fr}.advanced-filter-header+.advanced-empty,.advanced-filter-header~.advanced-group{margin-top:0}.advanced-filters{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}.advanced-filters .advanced-group{width:280px}.advanced-filters .advanced-group+.advanced-group{margin-left:8px}.advanced-filters .nested-filters{display:none}.advanced-empty{min-height:116px;display:grid;place-items:center;border:1px dashed #c7cbc2;border-radius:7px;color:#667174;font-weight:850;background:#fffefa}.advanced-canvas{min-width:520px;padding:12px;border:1px dashed #c7cbc2;border-radius:7px;background:linear-gradient(90deg,rgb(17 25 27 / 4%) 1px,transparent 1px),linear-gradient(rgb(17 25 27 / 4%) 1px,transparent 1px),#fffefa;background-size:18px 18px}.filter-node{position:relative;display:grid;gap:8px;min-width:142px;padding:10px;border:2px solid #283236;border-radius:8px;background:#fffefa;color:#172022;box-shadow:0 6px #11191b1a}.filter-node:not(.root){cursor:grab}.filter-node.inverse{border-color:#7d1f2a;background:#5c1720;color:#fff7ed}.filter-node.root{min-width:100%;border-style:double;background:#f0f4eceb}.filter-node-head,.filter-node-actions,.node-weight{position:relative;z-index:2}.filter-node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.filter-node-head strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.node-kind{padding:2px 6px;border:1px solid currentColor;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase}.filter-node-actions{display:flex;flex-wrap:wrap;gap:6px}.filter-node-actions button{min-height:28px;padding:4px 7px;font-size:.72rem}.node-weight{display:grid;grid-template-columns:auto minmax(54px,1fr);gap:6px;align-items:center;font-size:.72rem;font-weight:850}.node-weight input{min-height:30px}.filter-node-children{position:relative;z-index:2;display:flex;gap:10px;padding-top:4px}.parallel-children{flex-direction:row;align-items:stretch;overflow-x:auto}.serial-children{flex-direction:column}.node-drop-zone{position:absolute;z-index:3;display:grid;place-items:center;border:1px dashed rgb(17 25 27 / 35%);background:#fffefab8;color:#283236;font-size:.62rem;font-weight:900;opacity:0;pointer-events:auto;transition:opacity .12s ease,background .12s ease}.filter-node:hover>.node-drop-zone{opacity:1}.node-drop-zone:hover{background:#dff0e0;opacity:1}.drop-top,.drop-bottom{right:22px;left:22px;height:20px}.drop-top{top:-10px}.drop-bottom{bottom:-10px}.drop-left,.drop-right{top:22px;bottom:22px;width:24px;writing-mode:vertical-rl}.drop-left{left:-12px}.drop-right{right:-12px}.advanced-group-head{grid-template-columns:minmax(0,1.3fr) minmax(74px,.6fr) auto}.advanced-clause-head{grid-template-columns:minmax(0,1.25fr) minmax(92px,.75fr) auto}.advanced-clauses{display:grid;gap:10px}.advanced-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nested-filters{padding-top:2px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#11191b6b}.filter-modal{width:min(780px,96vw);max-height:90vh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;overflow:hidden;padding:16px;border:2px solid #11191b;border-radius:8px;background:#fffefa;box-shadow:0 18px 48px #11191b47}.start-confirm-modal{width:min(460px,94vw);display:grid;gap:14px;padding:16px;border:2px solid #11191b;border-radius:8px;background:#fffefa;box-shadow:0 18px 48px #11191b47}.start-confirm-modal header{display:flex;align-items:center;justify-content:space-between;gap:10px}.start-confirm-modal header h2{font-size:1.08rem}.rules-summary{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px 12px;margin:0;padding:12px;border:1px solid #deded4;border-radius:8px;background:#f8f7ef}.rules-summary dt{color:#596468;font-weight:800}.rules-summary dd{min-width:0;margin:0;overflow-wrap:anywhere}.filter-modal header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-modal header h2{font-size:1.05rem}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-filters{overflow:auto;padding-right:4px;overscroll-behavior:contain}.modal-actions{justify-content:end}.unsaved-rules-warning{color:#b42318;font-size:.86rem;font-weight:900}.side-panel .two-cols,.side-panel .compact-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.consensus-panel p{color:#596468;font-size:.9rem}.reveal dl{display:grid;grid-template-columns:88px 1fr;gap:6px 10px;margin:0;font-size:.86rem}.reveal dt{color:#667174;font-weight:800}.reveal dd{margin:0}.events p{color:#596468;font-size:.88rem}@media(max-width:880px){.setup-shell,.game-shell{padding:14px}.identity-row,.setup-grid,.play-layout,.seat-lobby{grid-template-columns:1fr}.lobby-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"red blue" "rules rules" "qr qr"}.mobile-room-qr{grid-area:qr;display:grid;width:min(240px,100%);justify-self:center}.mobile-room-qr img{width:min(180px,100%)}.desktop-room-qr{display:none}.lobby-share-row{grid-template-columns:1fr}.team-seats{justify-items:center}.role-counts,.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:stretch;flex-direction:column;padding:16px 0}.side-panel,.compact{position:static}.board-viewport{max-height:62vh}.board{gap:8px}.card-reveal{position:fixed;left:12px;right:12px;top:auto;bottom:14px;width:auto;max-height:46vh;transform:none}}@media(max-width:540px){.role-counts,.two-cols,.filter-mode-row,.advanced-group-head,.advanced-clause-head{grid-template-columns:1fr}.lobby-layout{gap:12px}.team-seats{padding:10px}.seat-card{width:min(100%,96px);padding:9px}.spectator-seat{width:96px}.dictionary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dictionary-card{padding:6px}.dictionary-choice{gap:6px}.dictionary-choice strong{min-height:30px;font-size:clamp(.58rem,2.8vw,.78rem)}.board-toolbar{justify-content:stretch}.board-toolbar button{flex:1}}