.role-token.has-art>img{object-fit:contain;filter:drop-shadow(0 2px 3px #0008);pointer-events:none;width:44px;max-width:calc(100% - 10px);height:44px;max-height:calc(100% - 10px);display:block}.role-token.small.has-art>img{width:26px;height:26px}.identity-card.revealed .role-token.has-art>img{width:44px;height:44px}.ui-art{object-fit:contain;vertical-align:middle;pointer-events:none;flex:none;display:inline-block}.chip:has(.ui-art){align-items:center;gap:4px;display:inline-flex}.life-states strong:has(.ui-art){justify-content:center;align-items:center;gap:3px;display:flex}.community-art{max-width:100%;height:auto;margin:8px 0;display:block}.workshop-selected-row h3>.team-badge{margin-bottom:2px;display:block}.role-select{width:100%;min-width:0;display:block;position:relative}.role-select-trigger{color:#5f4832;text-align:left;background:#fff7e8;border:1px solid #cdb991;border-radius:8px;align-items:center;gap:6px;width:100%;min-height:44px;padding:6px 8px;font-size:13px;display:flex}.role-select-trigger>span:not(.role-token){overflow-wrap:anywhere;flex:1}.role-select-options{color:#5f4832;background:#fff7e8;border:1px solid #cdb991;border-radius:8px;flex-direction:column;gap:6px;max-height:280px;margin-top:4px;padding:8px;display:flex;overflow:auto}.role-select-team{flex-direction:column;gap:3px;display:flex}.role-select-team>strong{padding:6px 2px;font-size:12px}.role-select-options button{min-height:44px;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px;font-size:13px;display:flex}.role-select-options button[aria-pressed=true]{background:#ead4b6}.role-select-options button>span:not(.role-token){overflow-wrap:anywhere;flex:1}.role-select .role-token,.note-role-picker .role-token,.workshop-selected-list .role-token{flex-shrink:0;width:30px;height:30px}.workshop-selected-list li>button:first-child{align-items:center;gap:4px;display:flex}.note-role-picker button>span:not(.role-token){overflow-wrap:anywhere;min-width:0}.role-select .role-token.small,.note-role-picker .role-token.small,.workshop-selected-list .role-token.small{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}:root{color:#e9e5dd;font-synthesis:none;--bg:#111315;--panel:#191c20;--border:#303338;--muted:#8f959e;--red:#a74248;--gold:#c6ad74;--blue:#649ddd;--evil:#d26e76;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111315;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;font-size:14px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}h1,h2,h3,h4,p{margin:0}h1,h2{letter-spacing:.02em;font-family:Noto Serif SC,Songti SC,SimSun,Georgia,serif;font-weight:600;line-height:1.45}h1{font-size:30px}h2{font-size:24px}h3{font-size:16px;font-weight:600}h4{font-size:14px}p{margin:.5rem 0 1rem;line-height:1.75}small{font-size:12px;line-height:1.5}input,select,textarea{color:#e9e5dd;background:#14171a;border:1px solid #363b42;border-radius:6px;outline:none;width:100%;min-width:0;padding:10px 12px;line-height:1.5;transition:border-color .15s}textarea{resize:vertical;min-height:70px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--red);flex-shrink:0;margin:0}input[type=number]{font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}svg{stroke-width:1.7px;vertical-align:middle;flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:14px 12px}th{color:var(--muted);font-size:12px;font-weight:500}tr:hover td{background:#ffffff03}details{border-top:1px solid var(--border);padding:12px 0}summary{cursor:pointer;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}summary:before{content:"+";color:var(--gold);font-size:16px}details[open]>summary{margin-bottom:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:12px}.button{white-space:nowrap;background:#1b1f24;border:1px solid #3c424a;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button.primary{background:var(--red);color:#fff6f1;border-color:#c36a70;box-shadow:inset 0 1px #ffffff0b}.button.primary:hover:not(:disabled){background:#b45056;border-color:#df868d}.button:active:not(:disabled){transform:translateY(1px)}.full{width:100%}.field{color:#c8cbd0;flex-direction:column;gap:7px;min-width:0;font-size:13px;display:flex}.field>span{font-weight:500}.field>small{color:var(--muted);font-size:12px}.stack{flex-direction:column;gap:16px;display:flex}.stack>p{margin:0}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.block{display:block}.small{font-size:12px}.muted{color:var(--muted)}.gold{color:var(--gold)!important}.good{color:var(--blue)}.evil{color:var(--evil)}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.team{color:var(--blue);font-size:13px}.team.outsider{color:#68bbb5}.team.minion,.team.demon{color:var(--evil)}.team.traveller,.team.fabled,.team.loric{color:var(--gold)}.hint{color:var(--gold);border-left:2px solid #88754e;margin:12px 0;padding-left:10px;font-size:12px;line-height:1.65}.alert{background:#c6ad7409;border:1px solid #635940;border-radius:8px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;font-size:13px;line-height:1.7;display:flex}.alert>svg{color:var(--gold);margin-top:3px}.alert>div{min-width:0}.alert.error>svg{color:var(--evil)}.inline-link{color:var(--gold);background:0 0;border:0;padding:0 6px;text-decoration:underline}.empty{text-align:center;color:var(--muted);max-width:580px;margin:0 auto;padding:48px 20px}.empty>svg{color:#6b717c;margin-bottom:18px}.empty h3{color:#cecbd0;margin-bottom:8px}.empty p{max-width:350px;margin:0 auto;font-size:13px}.loading{min-height:40vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{max-width:1180px;margin:0 auto;padding:48px 32px 64px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.tabs{border:1px solid var(--border);background:#14171a;border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:7px 15px;font-size:13px;display:inline-flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#bbc1c9;background:#22262b;border:1px solid #3b4148;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.chip:hover{border-color:#80714e}.checkbox-row{cursor:pointer;align-items:center;gap:9px;font-size:13px;line-height:1.6;display:flex}.meta-row{color:var(--muted);gap:20px;margin:12px 0;font-size:12px;display:flex}.table-scroll{overflow-x:auto}.toast{z-index:150;color:#edf2ec;background:#30383b;border:1px solid #626b65;border-radius:8px;gap:20px;max-width:min(90vw,580px);padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #0007}.toast button{color:#ccd0cc;background:0 0;border:0;padding:0 4px;font-size:20px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0ddb;justify-content:center;align-items:center;padding:28px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:#191c20;border:1px solid #43474e;border-radius:12px;outline:none;flex-direction:column;width:540px;max-width:100%;max-height:92dvh;display:flex;overflow:hidden;box-shadow:0 30px 100px #0009}.modal.wide{width:1060px}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-body{padding:24px;overflow:auto}.modal>footer{border-top:1px solid var(--border);background:#171a1d;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal .alert:first-child{margin-top:0}.role-token{background:#12171d;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;box-shadow:inset 0 0 0 5px #1b222a}.role-token>span{font-family:Noto Serif SC,serif;font-size:29px}.role-token.small{border-width:1.5px;width:38px;height:38px;box-shadow:inset 0 0 0 3px #1b222a}.role-token.small>span{font-size:18px}.role-token.evil{background:#21171b;box-shadow:inset 0 0 0 5px #302126}.role-token.small.evil{box-shadow:inset 0 0 0 3px #302126}.role-token.traveller{color:var(--gold);background:#232019}.text-link{color:var(--gold);align-items:center;gap:4px;margin:16px 0;font-size:12px;display:inline-flex}.role-info .row{gap:16px}.role-info h3{font-family:Noto Serif SC,serif;font-size:24px}.role-info p{font-size:14px;line-height:1.9}.note-editor{flex-direction:column;gap:10px;display:flex}.note-editor textarea{background:#141719;line-height:1.8}.note-editor .row{margin:0 0 12px}.role-section{margin:24px 0}.role-section h3{border-bottom:1px solid var(--border);gap:12px;margin-bottom:10px;padding-bottom:12px;display:flex}.role-section h3>span{color:var(--muted)}.role-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.role-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #292e33;align-items:center;gap:12px;min-width:0;padding:14px 0;display:flex}.role-row>span:not(.role-token){flex:1;min-width:0}.role-row strong{font-size:14px;display:block}.role-row small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.65;display:block}.role-row:hover{background:#ffffff04}.app-header{border-bottom:1px solid var(--border);background:#121517;justify-content:space-between;align-items:center;gap:24px;height:80px;padding:0 max(28px,50vw - 558px);display:flex}.app-header.in-room{height:66px;padding:0 26px}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{width:39px;height:39px;color:var(--gold);border:1px solid #766243;border-radius:8px;justify-content:center;align-items:center;display:flex}.brand>span:last-child{letter-spacing:.09em;white-space:nowrap;font-family:Noto Serif SC,serif;font-size:20px;line-height:1.3}.brand small{letter-spacing:.18em;color:var(--muted);margin-top:4px;font-family:inherit;font-size:10px;display:block}.app-header nav{align-items:center;gap:22px;display:flex}.app-header nav>button:not(.button){color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:13px;display:flex}.app-header nav>button.active,.app-header nav>button:hover{color:#e9e5dd}.app-footer{border-top:1px solid var(--border);color:#737b85;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;padding:26px 32px;font-size:11px;display:flex}.app-footer button{color:var(--muted);background:0 0;border:0;font-size:11px}.home-heading{justify-content:space-between;align-items:center;margin-bottom:38px;padding:8px 0 14px;display:flex}.home-heading h1{font-size:34px}.home-heading p{color:#979fa8;margin:12px 0 0}.heading-icon{color:#806b4c;margin-right:16px}.home-workspace{border:1px solid var(--border);border-radius:12px;grid-template-columns:1.55fr 1fr;display:grid;overflow:hidden}.create-room{background:#171a1e;flex-direction:column;gap:18px;padding:28px 32px;display:flex}.create-room>.section-heading{margin:0}.create-room>.section-heading>span{color:#757d87;font-size:11px}.join-room{border-left:1px solid var(--border);background:#131619;padding:28px 32px}.join-room form{flex-direction:column;gap:20px;margin-top:24px;display:flex}.mode-switch{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-switch>button{text-align:left;border:1px solid var(--border);background:#131619;border-radius:7px;align-items:center;gap:10px;padding:13px 14px;display:flex}.mode-switch>button>span{font-size:13px}.mode-switch small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.mode-switch>button.active svg{color:var(--evil)}.script-preview{border-top:1px solid #2f3339;border-bottom:1px solid #2f3339;align-items:center;gap:16px;padding:16px 0;display:flex}.script-preview>svg{color:var(--gold)}.script-preview>div{flex:1}.script-preview strong{font-family:Noto Serif SC,serif;font-size:18px}.script-preview p{color:var(--muted);margin:4px 0;font-size:12px}.script-preview small{color:#7c858f;font-size:11px}.create-room>.button.primary{height:45px;margin-top:3px}.code-input{letter-spacing:.17em;height:62px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:26px}.code-input::placeholder{letter-spacing:.08em;font-size:15px}.join-foot{border-top:1px solid var(--border);color:#a0aba6;align-items:center;gap:8px;margin-top:32px;margin-bottom:10px;padding-top:23px;font-size:12px;display:flex}.status-dot,.connection i{background:#80a790;border-radius:50%;width:6px;height:6px;display:inline-block}.recent-list{border-top:1px solid var(--border)}.recent-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:16px;width:100%;padding:18px 12px;display:flex}.recent-row>svg{color:#747c86}.recent-row>span,.recent-main{flex:1}.recent-row strong{font-size:14px;font-weight:500}.recent-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.recent-row>span+svg{margin-left:auto}.recent-main{text-align:left;background:0 0;border:0;padding:0}.divider-text{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.settings-grid{grid-template-columns:1.4fr 1fr;gap:64px;margin-top:32px;display:grid}.settings-grid h2{margin-bottom:16px;font-size:21px}.settings-grid p{font-size:13px}.setting-section{border-top:1px solid var(--border);margin-top:38px;padding-top:26px}.settings-grid aside{border-left:1px solid var(--border);padding-left:36px}.logout{margin-top:16px}.source-links{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.source-links a{color:#b9bec6;justify-content:space-between;align-items:center;font-size:13px;display:flex}.editor-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:30px 32px;display:flex}.editor-toolbar h1{font-size:28px}.editor-toolbar p{color:var(--muted);margin:5px 0 0;font-size:13px}.editor-layout{grid-template-columns:215px minmax(300px,1fr) 285px;max-width:1560px;min-height:65vh;margin:auto;display:grid}.script-library{border-right:1px solid var(--border);padding:26px 18px}.script-library h3{color:var(--muted);margin-bottom:12px;font-size:12px}.script-library h3:not(:first-child){margin-top:30px}.library-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #282d32;align-items:center;gap:10px;width:100%;min-width:0;padding:14px 2px;display:flex}.library-item>span,.library-item>button:first-child{flex:1;min-width:0}.library-item button{text-align:left;color:inherit;background:0 0;border:0;padding:0}.library-item svg{color:#858d97}.library-item strong{font-size:13px;font-weight:500;display:block}.library-item small{color:var(--muted);font-size:11px;display:block}.script-library>.button{margin-top:20px}.script-library p{margin-top:15px}.role-browser{min-width:0;padding:24px}.search-field{border:1px solid var(--border);background:#171a1e;border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field svg{color:var(--muted)}.search-field input{box-shadow:none;background:0 0;border:0;padding-left:0}.role-browser .tabs{margin:16px 0}.scroll-tabs{overflow:auto}.scroll-tabs button{padding:6px 10px;font-size:12px}.role-catalog{scrollbar-width:thin;scrollbar-color:#3d444b transparent;grid-template-columns:1fr 1fr;gap:0 20px;max-height:64vh;margin-bottom:24px;display:grid;overflow:auto}.catalog-role{border-bottom:1px solid #2a3036;align-items:center;gap:3px;min-width:0;padding:13px 2px;display:flex}.catalog-detail{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.catalog-detail>span:last-child{min-width:0}.catalog-detail strong{font-size:13px;font-weight:500;display:block}.catalog-detail small{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.7;display:-webkit-box;overflow:hidden}.catalog-role>.button{min-height:28px;padding:5px}.catalog-role>.button:last-child{display:none}.catalog-role:hover>.button:last-child,.catalog-role:focus-within>.button:last-child{display:inline-flex}.catalog-role.selected .catalog-toggle{color:var(--gold)}.catalog-role:not(.selected) .role-token{opacity:.7}.script-summary{border-left:1px solid var(--border);background:#16191c;padding:24px}.script-summary>.field{margin-bottom:16px}.summary-total{border-top:1px solid var(--border);align-items:baseline;gap:10px;margin:24px 0 16px;padding-top:20px;display:flex}.summary-total strong{color:var(--gold);font-family:Georgia,serif;font-size:30px}.summary-total span{color:var(--muted);font-size:12px}.selected-team{margin:16px 0}.selected-team h4{justify-content:space-between;margin-bottom:9px;display:flex}.selected-team h4>span{color:var(--muted)}.script-editor>.alert{margin:16px 32px}.script-editor.embedded .editor-toolbar{flex-direction:column;align-items:flex-start;padding:0 0 20px}.script-editor.embedded .editor-layout{grid-template-columns:minmax(250px,1fr) 240px}.script-editor.embedded .script-library{display:none}.script-editor.embedded .role-catalog{grid-template-columns:1fr}.script-editor.embedded .role-browser{padding-left:0}.script-editor.embedded .script-summary{background:0 0;padding-right:0}.room-feedback{z-index:60;position:relative}.room-feedback>.alert{margin:10px 24px}.room-feedback .alert .row{margin-top:6px}.saving{color:#d7c5a5;z-index:99;pointer-events:none;background:#38302a;border:1px solid #6a5b47;border-radius:6px;padding:6px 16px;font-size:12px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.room-toolbar{background:#111517;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;display:flex}.connection{color:#8faba0;align-items:center;gap:7px;margin-right:12px;font-size:11px;display:inline-flex}.connection.offline{color:var(--evil)}.connection.offline i{background:var(--evil)}.phase-label{border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--gold);align-items:center;gap:9px;margin-right:8px;padding:4px 20px;display:inline-flex}.host-layout{border:1px solid var(--border);border-radius:9px;min-height:calc(100vh - 276px);margin:0 10px;display:flex;overflow:hidden}.host-nav{border-right:1px solid var(--border);background:#141719;flex-direction:column;flex-shrink:0;width:176px;padding:18px 5px 20px 0;display:flex}.host-nav>button{color:#acb4c0;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:0 6px 6px 0;align-items:center;gap:16px;margin-bottom:5px;padding:17px 20px;font-size:14px;display:flex;position:relative}.host-nav>button.active:before{content:"";background:#c96471;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:0}.host-nav>button:hover:not(.active){background:#ffffff05}.nav-bottom{flex-direction:column;gap:5px;margin-top:auto;padding-top:70px;display:flex}.nav-bottom>.button{justify-content:flex-start;padding:10px 18px}.host-main{flex:1;min-width:0}.host-main.grimoire-layout{grid-template-columns:minmax(360px,1fr) 330px;display:grid}.grimoire-canvas{flex-direction:column;min-width:0;padding:24px;display:flex}.grimoire-canvas>.section-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:0}.view-tabs{margin-top:4px}.town-board{flex:1;justify-content:center;align-items:center;min-width:0;padding:24px 0;display:flex}.seat-ring{aspect-ratio:1;width:100%;max-width:760px;min-height:450px;position:relative}.orbit{pointer-events:none;border:1px dashed #434b55;border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%}.town-center{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:38%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.town-center>svg{color:#a6afc1;margin-bottom:5px}.town-center h2{white-space:nowrap;font-size:30px}.town-center p{color:#a5acb9;margin:0;font-size:14px}.town-center>.button{margin-top:8px}.seat-node{left:var(--x);top:var(--y);width:var(--seat-size);height:var(--seat-size);border:2px solid var(--blue);background:#12171b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:8px;font-size:12px;line-height:1.5;transition:background .15s,box-shadow .15s;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #111517}.seat-node.evil{border-color:var(--evil);background:#1b1418}.seat-node.neutral{border-color:#596572}.seat-node.traveller-seat{border-color:var(--gold)}.seat-node.selected{box-shadow:0 0 0 4px #111517,0 0 0 6px var(--gold)}.seat-node.dead{opacity:.68;border-style:dashed}.seat-node.left{opacity:.36}.seat-node strong{color:#e9e5dd;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.seat-index{color:#99a7ba;align-items:center;gap:4px;font-size:11px;display:flex}.seat-role{white-space:nowrap;text-overflow:ellipsis;color:currentColor;max-width:100%;font-size:12px;overflow:hidden}.seat-flags{gap:3px;display:flex;position:absolute;top:0;right:-4px}.seat-flags small{color:var(--gold);background:#393024;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.seat-flags svg{background:#13171b;border-radius:50%}.seat-markers{flex-wrap:wrap;justify-content:center;gap:3px;min-width:80px;max-width:120px;display:flex;position:absolute;top:calc(100% + 5px)}.seat-markers small{white-space:nowrap;text-overflow:ellipsis;max-width:95px;color:var(--gold);background:#30291b;border:1px solid #6f5d34;border-radius:3px;padding:1px 4px;font-size:9px;overflow:hidden}.town-legend{color:#a5adb9;flex-wrap:wrap;justify-content:center;gap:22px;margin:24px 0 4px;font-size:11px;display:flex}.town-legend>span{align-items:center;gap:8px;display:flex}.town-legend i{background:currentColor;border-radius:50%;width:9px;height:9px;display:inline-block}.canvas-actions{border-top:1px solid #272d33;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:20px;padding-top:16px;display:flex}.town-board.list-view{padding:24px 0;display:block}.list-view .seat-ring{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:12px;max-width:none;min-height:0;display:grid}.list-view .orbit{display:none}.list-view .town-center{grid-column:1/-1;max-width:none;padding:10px 0 26px;position:static;transform:none}.list-view .town-center>svg{display:none}.list-view .town-center h2{font-size:23px}.list-view .town-center p{font-size:12px}.list-view .seat-node{text-align:left;width:100%;height:auto;min-height:78px;box-shadow:none;border-width:1px 1px 1px 3px;border-radius:8px;grid-template-columns:23px 1fr;place-items:center start;gap:0 10px;padding:12px;display:grid;position:static;transform:none}.list-view .seat-node.selected{border-color:var(--gold);background:#302b2080}.list-view .seat-index{grid-row:1/3}.list-view .seat-role{grid-column:2}.list-view .seat-flags{top:8px;right:8px}.list-view .seat-markers{grid-column:2;justify-content:flex-start;min-width:0;max-width:none;margin-top:6px;position:static}.inspector-column{border-left:1px solid var(--border);background:#14181b;min-width:0}.night-panel,.seat-inspector{min-width:0;padding:24px}.night-panel .section-heading{margin-bottom:18px}.night-tasks{scrollbar-width:thin;scrollbar-color:#424850 transparent;flex-direction:column;gap:7px;max-height:365px;padding-bottom:4px;display:flex;overflow-y:auto}.night-task{background:#191d22;border:1px solid #353b43;border-radius:7px;align-items:center;gap:4px;min-height:67px;display:flex}.night-task.done{opacity:.55}.task-select{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.task-order{color:#d8d1ca;background:#323942;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:16px;display:flex}.night-task.selected .task-order{background:#84515a}.task-select strong{font-size:13px;font-weight:500;display:block}.task-select small{color:#a6aeba;margin-top:3px;font-size:11px;display:block}.check-button{color:#929dad;background:0 0;border:0;flex-shrink:0;padding:10px}.night-task.done .check-button{color:#a6bf9a}.task-detail{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.task-detail>p{color:#aab1ba;margin:14px 0;font-size:13px}.task-detail>.row{align-items:center}.task-detail .note-editor textarea{height:120px;min-height:110px}.order-field{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.order-field input{width:62px;padding:3px 5px;font-size:11px}.task-detail .stack{gap:9px}.task-detail>.muted{margin-top:14px;font-size:11px}.night-panel:not(.compact) .night-layout{grid-template-columns:minmax(240px,1fr) minmax(300px,1.3fr);align-items:start;gap:32px;display:grid}.night-panel:not(.compact) .night-tasks{max-height:70vh}.night-panel:not(.compact) .task-detail{border:1px solid var(--border);background:#191c20;border-radius:8px;margin-top:0;padding:24px}.feature-wrap{max-width:1320px;margin:auto;padding:30px}.seat-inspector .inspector-role{text-align:left;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:4px 0 18px;display:flex}.inspector-role h3{font-family:Noto Serif SC,serif;font-size:22px}.inspector-role span:not(.role-token){font-size:12px}.shown-identity{color:#aab4c2;background:#ffffff03;border:1px solid #2c333c;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:10px 11px;font-size:11px;display:flex}.seat-inspector>.tabs{margin-bottom:22px}.seat-inspector .tabs button{flex:1}.life-states{justify-content:space-between;gap:10px;display:flex}.life-states>div{flex-direction:column;gap:5px;display:flex}.life-states small{color:var(--muted);font-size:10px}.life-states strong{font-size:13px;font-weight:500}.seat-inspector .row h3{font-size:14px}.seat-inspector .message-card{padding:12px}.game-footer{border:1px solid var(--border);background:#15191c;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin:10px;padding:17px 24px;display:flex}.game-footer strong{font-size:13px;font-weight:500}.game-timer{border-left:1px solid var(--border);border-right:1px solid var(--border);color:#939dab;align-items:center;gap:7px;padding:0 18px;display:flex}.game-timer>strong{color:#c9cdd3;min-width:68px;font-family:ui-monospace,monospace;font-size:22px}.game-timer>input{width:42px;padding:4px;font-size:11px}.game-timer>small{font-size:10px}.game-timer>.button{min-height:30px;padding:6px}.setup-page,.votes-page,.archive-page{max-width:1500px;margin:auto;padding:30px}.setup-controls{border-bottom:1px solid var(--border);align-items:end;gap:24px;margin-bottom:24px;padding-bottom:24px;display:flex}.setup-controls>.field{width:155px}.setup-script{flex-wrap:wrap;flex:1;align-items:center;gap:14px;display:flex}.setup-script>small{color:var(--muted);width:100%;font-size:11px;line-height:1;display:block}.setup-script strong{font-family:Noto Serif SC,serif;font-size:17px}.bag-config{border:1px solid var(--border);background:#1b1f24;border-radius:8px;align-items:center;gap:22px;margin-bottom:22px;padding:20px;display:flex}.bag-config>div:first-child{flex:1}.bag-config p{color:var(--muted);margin:4px 0 0;font-size:12px}.count-inputs{grid-template-columns:repeat(4,65px);gap:10px;display:grid}.count-inputs .field{gap:3px;font-size:11px}.seat-config-table{margin-top:28px}.seat-config-header,.seat-config-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,.9fr) 1.15fr 1fr;align-items:center;gap:24px;padding:14px 0;display:grid}.seat-config-header{color:var(--muted);padding:0 0 12px;font-size:11px}.seat-name-cell{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.seat-name-cell input{flex:1;min-width:70px;padding:8px 9px;font-size:13px}.seat-number{color:#969fae;flex-shrink:0;font-family:ui-monospace,monospace;font-size:13px}.role-select-cell{align-items:center;gap:10px;min-width:0;display:flex}.role-select-cell>div{flex:1;gap:6px;min-width:0;display:flex}.role-select-cell select{min-width:60px;padding:8px;font-size:12px}.role-select-cell select:last-child{flex-shrink:0;width:88px}.bluff-config{padding:24px 0}.bluff-config h3{font-size:16px}.bluff-config>p{margin:5px 0 15px;font-size:12px}.setup-footer{background:#1b1e22;border:1px solid #43434a;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.setup-footer p{color:var(--muted);margin:4px 0 0;font-size:12px}.issues p{color:var(--gold);margin:6px 0;font-size:12px}.deal-summary>div{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:5px;padding:12px 0;font-size:13px;display:grid}.deal-summary .muted{grid-column:1/-1;font-size:12px}.seat-checks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seat-check{border:1px solid var(--border);cursor:pointer;background:#14181d;border-radius:6px;align-items:center;gap:10px;min-width:0;padding:11px 12px;font-size:13px;display:flex}.seat-check>span:nth-of-type(2){flex:1;min-width:0}.seat-check small{color:var(--muted);font-size:10px;display:block}.seat-check.selected{background:#54303533;border-color:#a16c70}.seat-check>svg{color:var(--gold)}.seat-check.disabled{opacity:.35;cursor:not-allowed}.task-targets .seat-checks{grid-template-columns:1fr}.invite{align-items:center;gap:32px;padding:0 0 20px;display:flex}.qr{background:#fff;border-radius:9px;padding:7px;line-height:0}.invite>div:last-child{flex:1;min-width:0}.room-code{color:var(--gold);letter-spacing:.18em;margin:8px 0 12px;font-family:ui-monospace,monospace;font-size:40px}.invite-url{color:var(--muted);background:0 0;border:0;margin-top:14px;padding:0;font-size:11px}.member-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.member-row>div:first-child{min-width:100px}.member-row strong{font-size:14px;font-weight:500}.member-row small{color:var(--muted);font-size:11px;display:block}.member-assign{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.member-assign select{width:180px;font-size:12px}.member-assign .checkbox-row{color:var(--muted);font-size:11px}.vote-overview{border-bottom:1px solid var(--border);align-items:center;gap:36px;margin-bottom:30px;padding:22px 0 30px;display:flex}.vote-overview>div{align-items:center;gap:12px;display:flex}.vote-overview strong{font-family:Georgia,Noto Serif SC,serif;font-size:29px;font-weight:400}.vote-overview span{color:var(--muted);font-size:11px}.vote-overview svg{color:#727f91}.ballot{background:#191d21;border:1px solid #554348;border-radius:9px;margin-bottom:32px;padding:24px}.ballot-total{color:var(--gold);white-space:nowrap;font-family:Georgia,serif;font-size:40px}.ballot-total small{color:#b4aa92;font-family:inherit;font-size:17px}.ballot .seat-checks{grid-template-columns:repeat(3,1fr);margin:18px 0}.ballot details{margin:20px 0}.ballot details>.checkbox-row{margin:18px 0}.archive-grid{grid-template-columns:minmax(300px,1.5fr) minmax(280px,1fr);gap:38px;margin-top:30px;display:grid}.archive-side{border-left:1px solid var(--border);padding-left:28px}.archive-side h2{margin-bottom:16px;font-size:20px}.archive-side>.section-heading{margin-top:34px;margin-bottom:0}.archive-side>.section-heading h2{margin:0}.record-compose{gap:10px;margin:20px 0;display:flex}.event-row{align-items:flex-start;gap:13px;padding:14px 0 20px;display:flex;position:relative}.event-row:not(:last-child):after{content:"";border-left:1px solid #363d47;position:absolute;top:27px;bottom:-13px;left:4px}.event-dot{z-index:1;background:#6b5760;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:8px}.event-dot.public{background:var(--gold)}.event-row time{color:#767f8b;font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.event-row p{margin:0 0 3px;font-size:13px}.event-row small{color:#737d89;font-size:10px}.snapshot-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:13px 0;display:flex}.snapshot-row>div{flex:1;min-width:0}.snapshot-row strong{font-size:12px;font-weight:500}.snapshot-row small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.snapshot-row .button{padding:7px}.review-publish{border-top:1px solid var(--border);margin-top:28px;padding-top:25px}.review-publish p{color:var(--muted);font-size:12px}.message-card{background:#1b2026;border:1px solid #373f48;border-radius:8px;padding:18px}.message-card>.row{color:#b6c1cf;font-size:12px}.message-card>.row small{color:#7f8e9e;font-size:10px}.message-card>p{margin:15px 0;font-size:14px;line-height:1.8}.message-response{color:var(--gold);margin-bottom:10px;font-size:12px}.message-card table{font-size:11px}.message-card th,.message-card td{padding:9px 6px}.message-card .stack{margin-top:16px}.message-card .button{font-size:12px}.player-page{max-width:1060px;margin:auto;padding:38px 32px 60px}.player-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.player-heading small{color:var(--muted);font-size:12px}.player-heading h1{margin-top:8px;font-size:28px}.player-seat{color:var(--gold);text-align:center;border-left:1px solid #514839;padding-left:24px;font-family:Georgia,serif;font-size:42px;line-height:1}.player-seat small{color:#a29379;margin-top:9px;font-family:inherit;font-size:10px;display:block}.player-tabs{border-bottom:1px solid var(--border);justify-content:center;gap:20px;display:flex;overflow:auto}.player-tabs>button{white-space:nowrap;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:16px 12px;font-size:13px;display:flex;position:relative}.player-tabs>button.active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:0;left:10px;right:10px}.player-tabs b{background:var(--red);color:#fff;border-radius:8px;margin-left:5px;padding:1px 5px;font-size:10px}.identity-stage{flex-direction:column;align-items:center;gap:18px;padding:46px 0;display:flex}.identity-card{text-align:center;outline-offset:-9px;background:#1b1a17;border:1px solid #615339;border-radius:13px;outline:1px solid #61533955;flex-direction:column;justify-content:center;align-items:center;width:min(100%,340px);min-height:370px;padding:34px 28px;display:flex;position:relative}.identity-card>svg{color:var(--gold);margin-bottom:30px}.identity-card h2{margin:12px 0;font-size:24px}.identity-card p{color:#ada597;font-size:13px;line-height:1.9}.identity-card.revealed{background:#181d24;border-color:#56677e}.identity-card.revealed h2{margin:8px 0 15px;font-size:29px}.identity-card.revealed .role-token{width:90px;height:90px;margin-bottom:20px}.identity-card.revealed .role-token>span{font-size:40px}.identity-card.revealed>span:not(.role-token){letter-spacing:.08em;font-size:12px}.identity-card.revealed p{color:#c0c6cf;font-size:14px}.identity-card.revealed>small{color:#838b99;margin-top:auto;font-size:11px}.identity-stage>.button{min-width:220px;height:42px}.identity-stage>.small{margin:0}.player-content{padding:34px 6px}.player-content.inbox{max-width:720px;margin:auto}.inbox>.message-card{margin:22px 0}.player-content .note-editor{max-width:720px;margin-top:25px}.player-content .note-editor textarea{min-height:300px}.choice-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-option{cursor:pointer;background:#14181e;border:1px solid #3c444f;border-radius:5px;align-items:center;gap:9px;padding:11px 12px;font-size:13px;display:flex}.choice-option.selected{background:#502d3833;border-color:#b56b73}.public-page{max-width:1040px;margin:auto;padding:30px 32px}.public-page>.town-board{max-width:720px;margin:auto}.public-page>.section-heading h1{font-size:26px}.public-events{border-top:1px solid var(--border);max-width:720px;margin:34px auto 0;padding-top:26px}.public-events h2{margin-bottom:18px;font-size:22px}.public-events p{border-bottom:1px solid #292f35;align-items:baseline;gap:17px;margin:0;padding:10px 0;font-size:13px;display:flex}.public-events time{color:var(--muted);font-size:11px}.published-review{max-width:720px;margin:36px auto}.published-review h2{margin-bottom:16px}.published-review>.button{margin-top:20px}.privacy-view{background:#111315;min-height:calc(100dvh - 66px)}.waiting-room{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.waiting-orbit{width:110px;height:110px;color:var(--gold);border:1px dashed #665b48;border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.waiting-room h1{font-size:28px}.waiting-room p{margin:10px 0}.waiting-room .button{margin-top:16px}.handoff-card,.handoff-cover{text-align:center;min-height:240px;padding:40px 15px}.handoff-cover svg{color:var(--gold)}.large-text{font-size:16px}.large-text button,.large-text input,.large-text select,.large-text textarea{font-size:15px}.large-text .muted{line-height:1.85}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1600px){.host-app{max-width:1800px;margin:auto}.host-main.grimoire-layout{grid-template-columns:minmax(550px,1fr) 390px}.grimoire-canvas{padding:30px}.night-panel,.seat-inspector{padding:28px}.seat-ring{max-width:770px}}@media (max-width:1250px){.host-nav{width:146px}.host-nav>button{gap:11px;padding:16px 15px;font-size:13px}.host-main.grimoire-layout{grid-template-columns:minmax(320px,1fr) 305px}.grimoire-canvas{padding:21px 17px}.night-panel,.seat-inspector{padding:20px 17px}.seat-ring{min-height:420px}.seat-node{width:min(var(--seat-size),85px);height:min(var(--seat-size),85px)}.seat-node strong{font-size:12px}.seat-role{font-size:11px}.town-center h2{font-size:26px}.town-center p{font-size:12px}.town-center>.button{padding:7px 10px;font-size:11px}.town-center>svg{width:34px;height:34px}.game-footer{gap:10px;padding:14px 18px}.game-footer>.row:last-child .button{padding:8px 10px;font-size:11px}.game-timer{padding:0 12px}.room-toolbar>.row{gap:6px}.connection{display:none}.phase-label{padding:4px 12px;font-size:12px}.bag-config{flex-wrap:wrap;gap:16px}.bag-config>div:first-child{flex-basis:100%}.bag-config>.button{margin-left:auto}.seat-config-header,.seat-config-row{grid-template-columns:minmax(130px,.8fr) 1fr 1fr;gap:14px}.role-select-cell>.role-token{display:none}.role-select-cell>div{flex-wrap:wrap}.role-select-cell select:last-child{width:100%;padding:4px 8px;font-size:11px}.role-catalog{grid-template-columns:1fr}.editor-layout{grid-template-columns:200px 1fr 265px}.archive-grid{gap:24px}.archive-side{padding-left:22px}.vote-overview{flex-wrap:wrap;gap:24px}.vote-overview>div{gap:8px}.vote-overview strong{font-size:25px}}@media (max-width:1000px){.app-header{padding:0 24px}.page{padding:34px 24px 48px}.home-heading h1{font-size:30px}.home-workspace{grid-template-columns:1.3fr 1fr}.create-room,.join-room{padding:24px}.mode-switch>button{gap:8px;padding:10px}.mode-switch small{font-size:10px}.home-heading .heading-icon{display:none}.host-layout{flex-direction:column}.host-nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;gap:10px;width:100%;padding:0 12px;display:flex;overflow:auto}.host-nav>button{border-radius:0;gap:8px;margin:0;padding:15px 10px;font-size:12px}.host-nav>button.active{color:#eed0d4;background:0 0}.host-nav>button.active:before{width:auto;height:2px;inset:auto 8px 0}.host-nav>button>svg{width:17px;height:17px}.nav-bottom{display:none}.host-main.grimoire-layout{grid-template-columns:minmax(350px,1fr) 290px}.room-toolbar h1{font-size:24px}.room-toolbar{padding:16px 22px}.room-toolbar .phase-label{display:none}.game-footer{flex-wrap:wrap}.game-footer>.row:last-child{margin-left:auto}.game-timer{border-right:0;margin-left:auto}.editor-layout{grid-template-columns:170px 1fr 230px}.role-browser,.script-summary{padding:20px 16px}.script-library{padding:22px 12px}.editor-toolbar{flex-direction:column;align-items:flex-start;padding:24px}.settings-grid{gap:32px}.settings-grid aside{padding-left:25px}.archive-grid{grid-template-columns:1.3fr 1fr}.role-grid{grid-template-columns:1fr}.setup-controls{gap:18px}.setup-page,.votes-page,.archive-page{padding:26px}.night-panel:not(.compact) .night-layout{gap:22px}.invite{gap:20px}.member-assign{gap:8px}.member-assign select{width:150px}}@media (max-width:760px){:root{font-size:14px}.desktop-only{display:none!important}.app-header,.app-header.in-room{gap:14px;height:65px;padding:0 18px}.brand>span:last-child{font-size:17px}.brand small{font-size:9px}.brand-mark{border-radius:6px;width:32px;height:32px}.brand-mark svg{width:19px;height:19px}.brand{gap:8px}.app-header nav{gap:16px}.app-header nav>button:not(.button){gap:5px;font-size:12px}.app-header nav .button{padding:6px 0;font-size:11px}.app-header nav>button svg{width:16px}.app-header nav>button:nth-child(2)>svg{display:none}.page{padding:28px 18px 44px}.home-heading{margin-bottom:26px;padding:5px 0}.home-heading h1{font-size:26px}.home-heading p{max-width:280px;font-size:12px;line-height:1.8}.home-workspace{grid-template-columns:1fr}.create-room,.join-room{padding:23px 20px}.join-room{border-left:0;border-top:1px solid var(--border)}.join-room>.muted{max-width:360px}.join-room form{margin-top:20px}.join-foot{margin-top:25px}.mode-switch>button{padding:11px 13px}.mode-switch small{font-size:11px}.script-preview .button{padding:7px;font-size:11px}.home .section-heading{align-items:flex-start}.home .recent-section>.section-heading{flex-direction:column;gap:12px}.recent-section{margin-top:32px}.recent-row{gap:12px;padding:17px 0}.recent-row>.button{padding:7px}.app-footer{flex-wrap:wrap;gap:12px;padding:20px;font-size:10px}.app-footer>span:nth-child(2){display:none}.app-footer>button{margin-left:auto}.editor-toolbar{gap:18px;padding:25px 18px}.editor-toolbar h1{font-size:26px}.editor-toolbar>.row{gap:6px;width:100%}.editor-toolbar .button{flex:1;padding:8px 9px;font-size:11px}.editor-toolbar .button svg{width:14px;height:14px}.editor-layout{grid-template-columns:1fr}.script-library{border-right:0;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px;display:flex;overflow:auto}.script-library h3,.script-library p,.script-library>.button,.script-library .library-item>svg:last-child{display:none}.script-library .library-item{border:1px solid var(--border);background:#191c20;border-radius:6px;flex-shrink:0;min-width:140px;max-width:160px;padding:10px}.script-library .library-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.script-library .library-item small{margin-top:2px;font-size:10px}.role-browser{padding:20px 18px}.role-catalog{max-height:480px}.catalog-role>.button:last-child{display:inline-flex}.catalog-role{padding:15px 0}.catalog-detail small{font-size:12px}.script-summary{border-left:0;border-top:1px solid var(--border);padding:24px 18px}.script-editor.embedded .editor-layout{grid-template-columns:1fr}.script-editor.embedded .role-browser{padding-right:0}.script-editor.embedded .script-summary{padding-left:0}.script-editor.embedded .role-catalog{max-height:330px}.settings-grid{grid-template-columns:1fr;gap:35px}.settings-grid aside{border-left:0;border-top:1px solid var(--border);padding:30px 0 0}.settings-page h1{font-size:28px}.settings-page .section-heading>svg{display:none}.room-toolbar{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 16px 18px}.room-toolbar h1{font-size:25px}.room-toolbar .row{width:100%}.room-toolbar .button{flex:1;min-height:37px;font-size:12px}.room-toolbar .button>span{display:inline}.host-layout{border-left:0;border-right:0;border-radius:0;margin:0}.host-nav{z-index:10;background:#15191d;justify-content:space-between;gap:2px;padding:0 8px;position:sticky;top:0}.host-nav>button{gap:5px;padding:14px 9px;font-size:11px}.host-nav>button>svg{width:16px;height:16px}.host-main.grimoire-layout{flex-direction:column;display:flex}.grimoire-canvas{padding:22px 16px}.grimoire-canvas>.section-heading{flex-wrap:nowrap;align-items:center;gap:10px}.grimoire-canvas h2{font-size:24px}.grimoire-canvas>.section-heading p{max-width:200px;font-size:11px}.view-tabs{padding:3px}.view-tabs>button{padding:6px 9px;font-size:11px}.view-tabs>button:first-child{display:none}.view-tabs>button:last-child{color:var(--muted);background:0 0;border-color:#0000}.town-board{padding:22px 0 10px;display:block}.seat-ring,.list-view .seat-ring{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:10px;max-width:none;min-height:0;display:grid}.orbit{display:none}.town-center,.list-view .town-center{flex-flow:wrap;grid-column:1/-1;justify-content:center;gap:12px;max-width:none;padding:13px 0 24px;position:static;transform:none}.town-center>svg{width:24px;height:24px;margin:0;display:block!important}.town-center h2{font-size:24px}.town-center p{font-size:12px}.town-center>.button{flex-basis:75%;min-height:40px;margin-top:0;font-size:12px}.seat-node,.list-view .seat-node{text-align:left;width:100%;height:auto;min-height:81px;box-shadow:none;border-width:1px 1px 1px 3px;border-radius:7px;grid-template-columns:22px 1fr;align-content:center;justify-items:start;gap:0 10px;padding:12px;display:grid;position:relative;top:auto;left:auto;transform:none}.seat-node.selected{border-color:var(--gold);box-shadow:none;background:#4c402744}.seat-node strong{justify-self:stretch;font-size:13px}.seat-index{grid-row:1/3;font-size:11px}.seat-role{grid-column:2;font-size:12px}.seat-flags{top:7px;right:7px}.seat-markers,.list-view .seat-markers{grid-column:2;justify-content:flex-start;min-width:0;max-width:none;margin-top:6px;position:static}.seat-markers small{max-width:70px;font-size:9px}.town-legend{gap:16px;margin:15px 0 0;font-size:10px}.canvas-actions{gap:7px;margin-top:18px;padding-top:16px}.canvas-actions .button{font-size:11px}.inspector-column{border-left:0;border-top:1px solid var(--border)}.inspector-column.seat-open{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101317ed;border:0;padding:20px;position:fixed;inset:0;overflow-y:auto}.inspector-column.seat-open .seat-inspector{background:#1a1e23;border:1px solid #444a52;border-radius:10px;max-width:520px;min-height:calc(100dvh - 40px);margin:0 auto;padding:24px}.night-panel,.seat-inspector{padding:25px 20px}.night-tasks{max-height:300px}.task-detail .note-editor textarea{height:130px}.game-footer{border-left:0;border-right:0;border-radius:0;gap:14px;margin:0;padding:14px 16px}.game-footer>.row:first-child{flex:1}.game-footer>.row:last-child{flex-basis:100%;justify-content:space-between;width:100%}.game-footer>.row:last-child>.button{flex:1;font-size:11px}.game-timer{border:0;padding:0}.game-timer>strong{min-width:56px;font-size:18px}.game-timer>input{width:33px}.game-timer>small{display:none}.game-timer>.button{padding:5px}.setup-page,.votes-page,.archive-page{padding:24px 17px}.setup-page h1,.votes-page h1,.archive-page h1{font-size:25px}.setup-page>.section-heading,.votes-page>.section-heading,.archive-page>.section-heading{flex-wrap:wrap;align-items:flex-start;gap:14px}.setup-controls{flex-wrap:wrap;align-items:center;gap:14px}.setup-controls>.field{width:115px}.setup-script{gap:5px 8px}.setup-script strong{font-size:15px}.setup-script .button{padding:5px 7px;font-size:11px}.setup-controls>.button{margin-left:auto;font-size:11px}.bag-config{gap:14px;padding:17px}.bag-config h3{font-size:15px}.bag-config p{font-size:11px}.count-inputs{grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.bag-config>.button{width:100%;margin:0}.seat-config-header{display:none}.seat-config-row{grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}.seat-name-cell{grid-column:1/-1}.seat-name-cell input{background:0 0;border-color:#313942;font-size:14px}.seat-name-cell .seat-number{width:24px;font-size:14px}.role-select-cell{flex-direction:column;align-items:stretch;gap:5px;display:flex}.role-select-cell:nth-child(2):before{content:"真实角色 / 阵营";color:var(--muted);font-size:10px}.role-select-cell:nth-child(3):before{content:"展示身份 / 阵营";color:var(--muted);font-size:10px}.role-select-cell select{padding:8px;font-size:12px}.role-select-cell select:last-child{padding:5px 8px;font-size:11px}.bluff-config .form-grid.three{grid-template-columns:1fr}.setup-footer{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.setup-footer strong{font-size:14px}.setup-footer .button{width:100%}.feature-wrap{padding:24px 18px}.night-panel:not(.compact) .night-layout{grid-template-columns:1fr;gap:22px}.night-panel:not(.compact) .night-tasks{max-height:365px}.night-panel:not(.compact) .task-detail{padding:20px}.vote-overview{justify-content:space-between;align-items:center;gap:18px;padding:8px 0 22px}.vote-overview>div{flex-direction:column;align-items:flex-start;gap:2px}.vote-overview svg{display:none}.vote-overview strong{font-size:25px}.vote-overview span{font-size:10px}.ballot{padding:18px 14px}.ballot h2{font-size:20px}.ballot-total{font-size:32px}.ballot-total small{font-size:13px}.ballot .seat-checks{grid-template-columns:1fr 1fr;gap:7px}.seat-check{gap:7px;padding:10px 8px;font-size:12px}.seat-check .seat-number,.ballot>.row>.button{font-size:11px}.votes-page table{min-width:520px}.archive-grid{grid-template-columns:1fr;gap:35px;margin-top:20px}.archive-side{border-left:0;border-top:1px solid var(--border);padding:28px 0 0}.archive-page>.section-heading .button{padding:8px 11px;font-size:11px}.archive-page .tabs>button{flex:1;padding:7px 8px;font-size:11px}.record-compose input{padding:10px 8px;font-size:11px}.record-compose .button{padding:8px 10px;font-size:12px}.event-row{gap:10px}.event-row p{font-size:12px}.event-row time{font-size:10px}.modal-overlay{padding:12px}.modal{border-radius:10px;max-height:calc(100dvh - 24px)}.modal>header{padding:17px 18px}.modal>header h2{font-size:21px}.modal-body{padding:20px 18px}.modal>footer{padding:15px 18px}.modal>footer .button{font-size:12px}.form-grid{gap:12px}.field{font-size:12px}.role-info p{font-size:13px}.role-info h3{font-size:22px}.invite{text-align:center;flex-direction:column;gap:20px}.invite>div:last-child{width:100%}.invite .row{justify-content:center}.invite-url{text-align:center;font-size:10px}.room-code{font-size:33px}.member-row{align-items:flex-start;gap:12px}.member-row>div:first-child{min-width:76px;padding-top:6px}.member-row strong{overflow-wrap:anywhere;font-size:12px}.member-assign{flex-direction:column;flex:1;align-items:stretch}.member-assign select{width:100%}.member-assign .checkbox-row{font-size:10px}.member-assign>.button{font-size:11px}.player-page{padding:28px 17px 50px}.player-heading{margin-bottom:22px}.player-heading h1{max-width:250px;font-size:23px}.player-heading small{font-size:11px}.player-seat{padding-left:17px;font-size:35px}.player-seat small{font-size:9px}.player-tabs{justify-content:space-between;gap:2px}.player-tabs>button{flex-direction:column;flex:1;gap:6px;padding:12px 6px;font-size:10px}.player-tabs>button svg{width:18px;height:18px}.identity-stage{padding:35px 0}.identity-card{width:min(100%,320px);min-height:365px}.identity-card h2{font-size:22px}.identity-card.revealed h2{font-size:29px}.player-content{padding:26px 0}.player-content h2{font-size:23px}.player-content>p{font-size:12px}.message-card{padding:16px}.message-card>p{font-size:13px}.choice-option{padding:10px;font-size:12px}.public-page{padding:24px 16px}.public-page>.section-heading{align-items:flex-start;gap:10px}.public-page>.section-heading h1{font-size:24px}.public-page>.section-heading p{font-size:11px}.public-page>.section-heading .button{padding:8px 10px;font-size:11px}.player-page .public-page{padding-left:0;padding-right:0}.public-events{margin-top:25px}.public-events p{gap:12px;font-size:12px}.public-events time{font-size:10px}.room-feedback>.alert{margin:10px 14px}.room-feedback .button{font-size:11px}.saving{max-width:60vw;padding:5px 10px;font-size:11px;top:12px}.waiting-room h1{font-size:24px}.waiting-room p{font-size:13px}.toast{padding:11px 14px;font-size:12px;bottom:18px}.seat-checks{grid-template-columns:1fr 1fr}.seat-check>svg{display:none}.role-grid{gap:0}.role-row small{font-size:12px}.role-row{padding:15px 0}.captcha{max-width:100%;overflow:auto}}@media (max-width:380px){.app-header nav{gap:11px}.brand small{display:none}.brand>span:last-child{font-size:16px}.app-header nav>button>svg{display:none}.host-nav>button{padding:14px 7px;font-size:10px}.host-nav>button>svg{width:14px}.game-timer>input{display:none}.form-grid{grid-template-columns:1fr}.mode-switch small{font-size:10px}.home-heading h1{font-size:24px}.editor-toolbar .button{padding:7px;font-size:10px}.editor-toolbar .button svg,.role-select-cell>.role-token{display:none}.vote-overview strong{font-size:21px}.player-tabs>button{font-size:9px}.seat-check{gap:5px;font-size:11px}.seat-node{gap:0 7px;padding:11px 8px}.town-center h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.public-timer{color:var(--gold);font-variant-numeric:tabular-nums;margin-top:7px;font-size:12px;display:inline-block}.fabled-rules{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0;padding:18px 0}:root{--gold:#ceb580;--muted:#a0a3aa;--red:#97404b;--border:#39363a}body{background:#111315}.app-header{background:#131417;border-bottom-color:#65513a55}.brand-mark{background:0 0;border:0;width:44px;height:44px}.brand-mark img{object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}.home-heading{border-bottom:1px solid #6e583344;gap:28px;min-height:190px;margin-bottom:24px;padding:0 0 26px}.home-heading>div{flex:1;min-width:0}.home-heading p{color:#adb0b6;max-width:450px}.home-title-art{border-radius:4px;flex-shrink:0;width:320px;max-width:38%;height:auto;display:block;box-shadow:0 12px 28px #0005}.home-workspace{border-color:#65553c66;box-shadow:0 16px 50px #0002}.create-room{background:#191c20}.join-room{background:#191c20;border-left-color:#65553c55}.join-seal{object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}.mode-switch>button.active{background:#69333f40;border-color:#b47470}.script-preview{align-items:center;gap:18px;padding:16px 0}.script-scene{object-fit:cover;border:1px solid #a2865044;border-radius:4px;flex-shrink:0;width:132px;height:82px}.script-preview>div{min-width:0}.script-preview strong{color:#e7d5b6}.script-preview p{color:#adb0b6}.script-preview small{color:#979ea8}.home .button.primary{background:#97404b;border-color:#be7474;box-shadow:inset 0 1px #ffffff16,0 4px 15px #0003}.home .button.primary:hover:not(:disabled){background:#ab4b58}.recent-section{margin-top:32px}.town-phase-art{object-fit:contain;border-radius:4px;width:120px;height:70px;margin-bottom:10px;display:block}.town-center>.town-phase-art+svg{display:none}.identity-back-art{object-fit:contain;filter:drop-shadow(0 5px 12px #0008);width:88px;height:124px;margin-bottom:10px;display:block}.identity-card:not(.revealed){background:#191c20;border-color:#8d744c;box-shadow:inset 0 0 0 6px #15181e,inset 0 0 0 7px #79644350,0 16px 45px #0005}.identity-card:not(.revealed) h2{font-size:22px}.identity-card:not(.revealed) p{margin-bottom:0}.list-view .town-phase-art{width:60px;height:40px;margin:0}@media (max-width:760px){.home-heading{gap:18px;min-height:0;padding-bottom:24px}.home-title-art{width:220px;max-width:36%}.home-heading h1{font-size:27px}.script-scene{width:98px;height:72px}.script-preview{gap:12px}}@media (max-width:600px){.home{padding-top:22px}.home-heading{flex-direction:column-reverse;align-items:flex-start;gap:20px;margin-bottom:22px}.home-title-art{align-self:center;width:260px;max-width:100%}.home-heading h1{font-size:26px}.home-heading p{margin-top:8px;font-size:13px}.brand-mark,.brand-mark img{width:34px;height:34px}.join-room{border-top:1px solid #65553c55;border-left:0}.script-preview{flex-wrap:wrap;position:relative}.script-preview>div{flex:1;min-width:145px}.script-preview>.button{min-height:30px;margin-left:auto;padding:4px 8px}.script-scene{width:90px;height:68px}.town-center .town-phase-art{width:70px;height:44px;margin:0}.town-center>.town-phase-art+svg{display:none!important}}:root{--bg:#111318;--panel:#1b1e25;--border:#343943;--muted:#a6adb9;--red:#ad4859;--gold:#dec18d;--blue:#82b6ee;--evil:#ed96a2;color:#edf0f5;background:var(--bg);font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}body,#root{background:var(--bg)}h1,h2,h3,h4{letter-spacing:0;font-family:inherit}h1{font-size:28px;font-weight:650}h2{font-size:22px;font-weight:650}.app-header,.app-header.in-room{border-color:var(--border);background:#171a20}.brand>span:last-child{letter-spacing:.02em;font-family:inherit;font-size:18px}.brand small{color:var(--muted);letter-spacing:.08em}.brand-mark img,.join-seal{filter:none}.app-header nav{gap:8px}.app-header nav>button:not(.button){color:#b4bdcb;border-radius:8px;min-height:42px;padding:9px 12px}.app-header nav>button.active{color:#fff;background:#2b303a}.app-header nav>button:hover{color:#fff;background:#252a33}.button{color:#edf0f5;min-height:42px;box-shadow:none;background:#272d37;border:1px solid #444d5c;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:550}.button:hover:not(:disabled){background:#343d4b;border-color:#788699}.button.primary,.home .button.primary{color:#fff;box-shadow:none;background:#ad4859;border-color:#ad4859}.button.primary:hover:not(:disabled),.home .button.primary:hover:not(:disabled){background:#c15669;border-color:#c15669}button:disabled{opacity:1;color:#8c94a2}.button:disabled{color:#8c94a2;box-shadow:none;background:#252932;border-color:#363d48}input,select,textarea{color:#f0f2f6;background:#14171d;border-color:#4a5260;border-radius:8px;padding:11px 12px;font-size:14px}.field{color:#cbd2de;gap:8px;font-size:13px}.tabs{background:#13161c;border-color:#3c4451;border-radius:9px;gap:4px;padding:4px}.tabs button{color:#b6c0cd;border-radius:6px;min-height:36px;padding:7px 14px}.tabs button.active{color:#fff;background:#343b48;border-color:#657186}.chip{color:#ced6e1;background:#272d37;border-color:#47515f;border-radius:6px;padding:5px 9px}button.chip{min-height:36px}.chip.marker{color:#edcf94;background:#383125;border-color:#796848}.alert{background:#2a2822;border-color:#736448;border-radius:8px}.alert.error{background:#322127;border-color:#905364}.alert.success{background:#1d3029;border-color:#4c7d66}.modal{background:#1b1f27;border-color:#525c6b;border-radius:14px}.modal>header{background:#20252e;padding:20px 24px}.modal>footer{background:#20252e;padding:16px 24px}.home{padding-top:32px}.home-heading{border-color:var(--border);min-height:120px;margin-bottom:28px;padding-bottom:26px}.home-heading h1{color:#f2f3f6;font-family:inherit;font-size:30px}.home-heading p{color:var(--muted);font-size:14px}.home-title-art{width:220px;max-width:28%;box-shadow:none;border-radius:8px}.home-workspace{box-shadow:none;border:0;gap:24px;overflow:visible}.create-room,.join-room{background:#1b1e25;border:1px solid #363d48;border-radius:12px;padding:28px}.create-room{gap:20px}.create-room h2,.join-room h2,.recent-section h2{font-size:22px}.mode-switch>button{background:#14171d;border-color:#414a58;border-radius:8px;min-height:76px;padding:14px}.script-preview{border-color:#383f4b}.script-preview strong{color:#f0dfbf;font-family:inherit;font-size:17px}.script-preview p{color:#bbc3ce;font-size:13px}.home .create-room>.button.primary{height:46px}.join-foot{border-color:#3d4552}.recent-row{border-color:#353d49;padding:16px 12px}.recent-row small{color:#aeb8c7;font-size:12px}.room-toolbar{background:var(--bg);padding:20px 24px}.room-toolbar p{margin-top:5px;font-size:13px}.connection,.phase-label{font-size:12px}.host-layout{background:#171a21;border-color:#363e4b;border-radius:12px;margin:0 20px}.host-nav{background:#1a1e26;border-color:#363e4b;width:156px;padding:12px 8px}.host-nav>button{color:#b6c0cf;border-radius:8px;gap:10px;min-height:46px;padding:12px;font-size:14px}.host-nav>button.active{color:#ffdce4;background:#3a2933}.host-nav>button.active:before{display:none}.nav-bottom .button{justify-content:flex-start;font-size:13px}.host-main.grimoire-layout{grid-template-columns:minmax(320px,1fr) 340px}.grimoire-canvas h2{font-size:23px}.grimoire-canvas>.section-heading p{font-size:13px}.seat-ring{max-width:610px;min-height:400px}.orbit{border-color:#394250}.seat-node{box-shadow:none;background:#1b2734;border-color:#6c9dcc}.seat-node.evil{background:#31232c;border-color:#c07887}.seat-node.neutral{background:#252a33;border-color:#687588}.seat-node.traveller-seat{background:#302b23;border-color:#bda372}.seat-node:hover{background:#334053;box-shadow:0 0 0 3px #43536a}.seat-node.selected{background:#393329;border-color:#f1d59c;box-shadow:0 0 0 3px #645438}.seat-node strong{font-size:14px;font-weight:600}.seat-index{color:#adb9c9}.town-center h2{font-family:inherit;font-size:25px}.town-phase-art{width:96px;height:56px}.canvas-actions{border-color:#3a4250;gap:8px}.canvas-actions .button{font-size:13px}.night-panel h2,.seat-inspector h2{font-size:22px}.night-task{background:#222833;border-color:#3e4857;border-radius:8px}.night-task.done{opacity:1;background:#1e2a27;border-color:#405e52}.task-select{min-height:64px}.task-select small{color:#aab7c8;font-size:12px}.check-button{border-radius:7px;min-width:44px;min-height:44px}.task-detail>p{color:#c0c9d6;font-size:14px}.task-detail>.muted{font-size:12px}.task-detail .note-editor textarea{height:136px}.note-editor textarea{background:#141820;border-color:#4a5667;font-size:14px;line-height:1.85}.note-editor>.row{margin-bottom:16px}.note-editor>.row small{font-size:12px}.note-editor .button{min-height:38px}.game-footer{background:#1b2028;border-color:#3a4452;border-radius:10px;margin:12px 20px 20px;padding:16px 20px}.identity-card,.identity-card:not(.revealed),.identity-card.revealed{box-shadow:none;background:#1b2029;border-radius:14px}.identity-card h2,.identity-card.revealed h2{font-family:inherit}.identity-card p{color:#bac4d2}.player-tabs>button{min-height:48px}@media (min-width:1600px){.host-main.grimoire-layout{grid-template-columns:minmax(440px,1fr) 380px}.seat-ring{max-width:660px}}@media (max-width:1100px) and (min-width:701px){.host-layout{flex-direction:column;margin:0 12px}.host-nav{border-bottom:1px solid #363e4b;border-right:0;flex-direction:row;align-items:center;gap:6px;width:100%;padding:8px;overflow-x:auto}.host-nav>button{flex-shrink:0;margin:0;padding:10px;font-size:13px}.host-nav .nav-bottom{flex-direction:row;flex-shrink:0;gap:4px;margin:0 0 0 auto;padding:0;display:flex}.host-main.grimoire-layout{grid-template-columns:minmax(310px,1fr) 300px}.night-panel,.seat-inspector{padding:18px}.grimoire-canvas{padding:20px}.home-workspace{gap:16px}.create-room,.join-room{padding:22px}.view-tabs{display:none}.town-board{display:block}.seat-ring,.list-view .seat-ring{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.orbit{display:none}.town-center,.list-view .town-center{grid-column:1/-1;max-width:none;padding:8px 0 24px;position:static;transform:none}.seat-node,.list-view .seat-node{width:100%;height:auto;min-height:90px;box-shadow:none;border-width:1px 1px 1px 3px;border-radius:9px;position:relative;top:auto;left:auto;transform:none}.seat-markers,.list-view .seat-markers{margin-top:5px;position:static}}@media (max-width:700px){.page{padding-left:18px;padding-right:18px}.app-header,.app-header.in-room{gap:12px;padding:0 16px}.app-header nav{gap:2px}.app-header nav>button:not(.button){padding:9px 7px;font-size:12px}.brand>span:last-child{font-size:16px}.home-heading{flex-direction:row;gap:14px;min-height:0}.home-heading h1{font-size:23px}.home-heading p{font-size:13px}.home-title-art{align-self:flex-start;width:100px;max-width:28%;margin-top:4px}.home-workspace{grid-template-columns:1fr;gap:20px}.create-room,.join-room{padding:22px 20px}.home .section-heading>span{font-size:11px}.mode-switch{gap:8px}.mode-switch>button{padding:12px 10px}.mode-switch small{font-size:11px}.room-toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px}.room-toolbar>.row{flex-wrap:wrap;gap:8px;width:100%}.room-toolbar .button{flex:1;min-height:42px;font-size:13px}.room-toolbar h1{font-size:23px}.room-toolbar .connection{flex-basis:100%}.host-layout{border-left:0;border-right:0;border-radius:0;flex-direction:column;margin:0;overflow:visible}.host-nav{border-bottom:1px solid #363e4b;border-right:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;width:100%;padding:8px;position:static;overflow-x:auto}.host-nav>button{flex-shrink:0;gap:7px;min-height:44px;margin:0;padding:10px 12px;font-size:13px}.host-nav .nav-bottom{border:0;flex-direction:row;flex-shrink:0;gap:6px;margin:0;padding:0;display:flex}.nav-bottom .button{min-height:44px;font-size:13px}.nav-bottom .button span{display:inline}.host-main.grimoire-layout{flex-direction:column;display:flex}.grimoire-canvas{padding:22px 16px}.view-tabs{display:none}.seat-ring,.list-view .seat-ring{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:12px;max-width:none;min-height:0;display:grid}.orbit{display:none}.town-center,.list-view .town-center{flex-flow:wrap;grid-column:1/-1;justify-content:center;gap:12px;max-width:none;padding:8px 0 22px;position:static;transform:none}.town-center>.button{flex-basis:100%;min-height:44px;margin:4px 0 0}.town-center h2{font-size:23px}.town-center .town-phase-art{width:64px;height:42px;margin:0}.seat-node,.list-view .seat-node{text-align:left;width:100%;height:auto;min-height:92px;box-shadow:none;border-width:1px 1px 1px 3px;border-radius:10px;grid-template-columns:20px 1fr;justify-items:start;gap:2px 8px;padding:13px 11px;display:grid;position:relative;top:auto;left:auto;transform:none}.seat-node strong{font-size:14px}.seat-node.selected,.list-view .seat-node.selected{box-shadow:none;background:#393329;border-color:#e3c58d}.seat-role{font-size:13px}.canvas-actions{flex-wrap:wrap}.canvas-actions .button{min-height:42px;font-size:13px}.inspector-column{border-top:1px solid #3c4553;border-left:0}.inspector-column.seat-open{background:#111318;padding:10px}.inspector-column.seat-open .seat-inspector{background:#1b1f27;min-height:calc(100dvh - 20px);padding:20px 16px}.seat-inspector>.section-heading{z-index:1;background:#1b1f27;padding:8px 0;position:sticky;top:-10px}.seat-inspector .tabs>button{flex:1;min-height:40px}.night-panel,.seat-inspector{padding:24px 18px}.night-panel:not(.compact) .night-layout{grid-template-columns:1fr}.game-footer{flex-wrap:wrap;gap:14px;margin:12px;padding:16px}.game-footer>.row:last-child{flex-wrap:wrap;flex-basis:100%}.game-footer>.row:last-child>.button{flex:1;min-height:44px;padding:8px 10px;font-size:12px}.modal-overlay{padding:10px}.modal>header,.modal-body,.modal>footer{padding:18px}.modal>header h2{font-size:20px}.modal>footer .button{min-height:44px;font-size:13px}}.mobile-host-tools,.seat-art{display:none}@media (max-width:700px){:root{font-size:16px}body{background:#111318}h1{font-size:26px}h2{font-size:23px}p,.muted{line-height:1.7}input,select,textarea{min-height:48px;font-size:16px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:22px}.field{font-size:14px}.field>small,small,.small{font-size:13px}.button,.button.ghost,.modal>footer .button,.canvas-actions .button{min-height:48px;padding:12px 14px;font-size:15px}.button svg,.app-header nav svg,.tabs svg,.check-button svg{stroke-width:1.9px;width:24px;height:24px;display:block}.app-header nav>button>svg,.app-header nav>button:nth-child(2)>svg{width:24px;height:24px;display:block}.app-header nav .button{min-height:48px;padding:10px 8px;font-size:14px}.button{white-space:normal}button.chip{min-height:44px;padding:9px 12px;font-size:14px}.tabs button{min-height:44px;font-size:14px}.app-header,.app-header.in-room{flex-wrap:wrap;gap:12px;height:auto;min-height:76px;padding:12px 16px}.brand{min-height:48px}.brand-mark,.brand-mark img{width:48px;height:48px}.brand>span:last-child{font-size:19px}.brand small{font-size:11px;display:block}.app-header nav{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.app-header nav>button:not(.button){flex-direction:column;justify-content:center;gap:4px;min-height:62px;padding:8px 4px;font-size:12px}.app-header nav .desktop-only{font-size:12px;display:inline}.app-header.in-room nav{width:auto;margin-left:auto;display:flex}.app-header.in-room .brand>span:last-child{display:none}.app-header.in-room nav>button{min-width:48px;min-height:48px}.app-header.in-room nav>.button{padding:10px 8px;font-size:14px}.app-header.in-room nav>button:not(.button){padding:5px 8px}.home-heading{align-items:flex-start}.home-heading h1{font-size:25px}.home-title-art{display:none}.home-heading p{font-size:15px}.home-workspace{gap:20px}.create-room,.join-room{padding:22px 18px}.mode-switch{grid-template-columns:1fr}.mode-switch>button{gap:16px;min-height:72px;padding:14px 16px}.mode-switch>button svg{width:28px;height:28px}.mode-switch>button>span{font-size:16px}.mode-switch small{font-size:13px}.form-grid,.form-grid.three{grid-template-columns:1fr;gap:18px}.script-preview strong{font-size:19px}.script-preview p{font-size:14px}.script-preview small{font-size:12px}.script-preview>.button{min-height:44px;font-size:14px}.home .create-room>.button.primary{height:auto;min-height:52px}.room-toolbar{gap:12px;padding:18px 16px}.room-toolbar h1{overflow-wrap:anywhere;font-size:24px}.room-toolbar p{font-size:14px}.room-toolbar .connection{font-size:13px}.room-toolbar .button{min-height:48px;font-size:14px}.room-toolbar .mobile-host-tools{grid-template-columns:1.2fr 1fr 1fr;gap:8px;width:100%;display:grid}.mobile-host-tools .button{flex-direction:column;gap:6px;min-height:72px;padding:10px 4px;font-size:13px}.host-app{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.host-layout{overflow:visible}.host-nav{z-index:60;width:100%;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#1b2029;border:0;border-top:1px solid #414a59;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;inset:auto 0 0;overflow:visible}.host-nav>button{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;margin:0;padding:8px 2px;font-size:12px;display:flex}.host-nav>button>svg{stroke-width:1.8px;width:26px;height:26px}.host-nav .nav-bottom{display:none}.host-nav>button.active{color:#ffe0e9;background:#49303d}.grimoire-canvas{padding:22px 16px}.grimoire-canvas>.section-heading p{max-width:none;font-size:14px}.grimoire-canvas h2{font-size:25px}.town-board{padding:18px 0}.seat-ring,.list-view .seat-ring{grid-template-columns:1fr;gap:12px}.town-center,.list-view .town-center{justify-content:flex-start;gap:12px;padding:4px 0 18px}.town-center .town-phase-art{width:80px;height:50px}.town-center h2{font-size:25px}.town-center p{font-size:14px}.town-center>.button{min-height:50px;font-size:16px}.seat-node,.list-view .seat-node{border-radius:12px;grid-template-columns:26px 64px minmax(0,1fr);align-content:center;gap:3px 12px;min-height:108px;padding:14px}.seat-art{grid-area:1/2/3;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.seat-art .role-token{width:64px;height:64px}.seat-index{grid-area:1/1/3;font-size:14px}.seat-node strong{grid-column:3;align-self:end;padding-right:12px;font-size:17px}.seat-role{grid-column:3;align-self:start;font-size:15px}.seat-flags{top:10px;right:10px}.seat-flags svg{width:20px;height:20px}.seat-markers,.list-view .seat-markers{grid-column:2/4;gap:6px;margin-top:8px}.seat-markers small{max-width:none;padding:4px 8px;font-size:12px}.town-legend{flex-wrap:wrap;gap:14px;font-size:13px}.canvas-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.canvas-actions .button{padding:10px;font-size:14px}.inspector-column.seat-open{z-index:90;background:#1b1f27;padding:0}.inspector-column.seat-open .seat-inspector{min-height:100dvh;padding:16px 20px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0}.seat-inspector>.section-heading{padding:12px 0;top:-16px}.seat-inspector .tabs button{min-height:48px;font-size:16px}.role-token{width:76px;height:76px}.role-token.small{width:56px;height:56px}.role-token.has-art>img,.role-token.small.has-art>img{width:44px;height:44px}.role-token>span{font-size:34px}.role-token.small>span{font-size:26px}.identity-card.revealed .role-token.has-art>img{width:64px;height:64px}.role-info h3,.inspector-role h3{font-size:23px}.role-row{gap:14px;padding:18px 0}.role-row strong{font-size:16px}.role-row small{font-size:14px}.night-panel h2,.seat-inspector h2{font-size:24px}.task-select{min-height:76px;padding:12px}.task-select strong{font-size:16px}.task-select small{font-size:13px}.check-button{min-width:52px;min-height:52px}.task-detail>p{font-size:15px}.task-detail>.muted{font-size:13px}.task-detail .note-editor textarea{height:180px}.note-editor textarea{min-height:180px;font-size:16px}.note-editor .button{min-height:48px;font-size:15px}.note-editor>.row small{font-size:14px}.order-field input{min-height:44px}.game-footer{padding:18px 14px}.game-footer>.row:first-child{flex-basis:100%;justify-content:space-between}.game-footer .game-timer{justify-content:space-between;width:100%}.game-timer>input{width:54px;min-height:44px;display:block}.game-footer>.row:last-child{grid-template-columns:1fr;width:100%;display:grid}.game-footer>.row:last-child>.button{min-height:48px;font-size:15px}.modal-overlay{z-index:100;padding:8px}.modal{max-height:calc(100dvh - 16px)}.modal>header h2{font-size:22px}.modal>header>.button{min-width:48px}.modal>footer{gap:10px}.player-tabs>button{min-height:70px;padding:10px 3px;font-size:12px}.player-tabs>button svg{width:26px;height:26px}.player-content p,.identity-card p{font-size:15px}.role-select-cell>.role-token{display:inline-flex}.seat-config-row{gap:14px}.role-select-cell select{min-height:48px;font-size:14px}.role-select-cell select,.role-select-cell select:last-child{font-size:16px}.toast{bottom:calc(92px + env(safe-area-inset-bottom));font-size:14px}.seat-check{min-height:52px;font-size:14px}.seat-checks,.ballot .seat-checks{grid-template-columns:1fr}.editor-toolbar .button{min-height:48px;padding:10px;font-size:13px}.editor-toolbar .button svg{width:24px;height:24px;display:block}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2e8d3;--panel:#faf4e7;--border:#c9bba2;--muted:#746653;--red:#782f3b;--gold:#806029;--blue:#23608b;--evil:#922f40;color:#30271f;background:var(--bg);font-size:16px}body,#root{color:#30271f;background:0 0}body{background-color:var(--bg);background-image:url(data:image/webp;base64,UklGRuAAAABXRUJQVlA4INQAAADQEQCdASoAAQABPqlUp08mJKOjICgAwBUJaW7gja2cyvsAWlsnIe+2TkPfbK1K9OUQbkXDV2lPmweSVBVJspwRBdpT5sGS5lAslyzaVBQVAso8+9tTlECyUlOS7Xi45wYB77ZOQ9aoi5OQ99smNd6Ca059dyFVhOyCcGerMsHaVBnPSmHx7ZOQ99snIfs36e2TriTkPfWAAP7zDT/0l0uQ2xVrBetWP5gcE0V3qBMS+3uYOOEypAzdo6WECczCULEs6gAAAAeS4cAdYABHJJMECgAAAA==);background-size:480px 480px}h1,h2,.brand>span:last-child{color:#30271f;letter-spacing:.035em;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-weight:700}h3,h4{color:#30271f}p{line-height:1.7}small,.small{font-size:13px}.button{color:#463628;background:#fbf5e880;border-color:#b5a48a;border-radius:8px;min-height:48px;padding:11px 14px;font-size:15px;box-shadow:0 1px 2px #5d41200b}.button:hover:not(:disabled){color:#30271f;background:#e8dcc4;border-color:#8b7050}.button.primary,.home .button.primary{color:#fff8e9;background:#782f3b;border-color:#782f3b;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #642b2520}.button.primary:hover:not(:disabled),.home .button.primary:hover:not(:disabled){color:#fff8e9;background:#632531;border-color:#632531}.button.ghost{color:#66513b;background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){color:#30271f;background:#e9ddc7;border-color:#c9bba2}.button.danger{color:#862a39;background:#f4e3dc;border-color:#c3928e}.button:disabled{color:#8c8070;background:#e8e0d0;border-color:#d2c6b4}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #9a6443}.button svg{stroke-width:1.8px;width:23px;height:23px}input,select,textarea,.seat-name-cell input,.note-editor textarea{color:#30271f;background:#fffbf280;border:1px solid #b7a78d;border-radius:7px;min-height:48px;font-size:16px;box-shadow:inset 0 1px 3px #6d48200a}input:focus,select:focus,textarea:focus{border-color:#782f3b;box-shadow:0 0 0 2px #782f3b18}input::placeholder,textarea::placeholder{color:#8b7c67}.field{color:#51432f;font-size:14px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:22px}.tabs{background:#e7dac380;border-color:#c9bba2;border-radius:9px;padding:4px}.tabs button{color:#75644e;border-radius:6px;min-height:44px;font-size:14px}.tabs button.active{color:#782f3b;background:#faf4e7;border-color:#c9bba2;box-shadow:0 1px 3px #50321410}.tabs button:hover:not(.active){color:#30271f;background:#f3e8d2}.chip,.chip.marker{color:#6b502b;background:#eaddc4;border-color:#c7b28c}.alert{color:#604c2e;background:#eadcbe85;border-color:#c8af7c;font-size:14px}.alert.error{color:#7c2634;background:#f4dfd9;border-color:#c58d89}.alert.success{color:#425b33;background:#e3e8d6;border-color:#9eaf86}.alert.success>svg{color:#4a6a37}.empty h3{color:#66543e}.empty>svg{color:#8c7759}.empty{padding:28px 12px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#34271c80;align-items:flex-end;padding:10px}.modal{background:var(--bg) url(data:image/webp;base64,UklGRuAAAABXRUJQVlA4INQAAADQEQCdASoAAQABPqlUp08mJKOjICgAwBUJaW7gja2cyvsAWlsnIe+2TkPfbK1K9OUQbkXDV2lPmweSVBVJspwRBdpT5sGS5lAslyzaVBQVAso8+9tTlECyUlOS7Xi45wYB77ZOQ9aoi5OQ99smNd6Ca059dyFVhOyCcGerMsHaVBnPSmHx7ZOQ99snIfs36e2TriTkPfWAAP7zDT/0l0uQ2xVrBetWP5gcE0V3qBMS+3uYOOEypAzdo6WECczCULEs6gAAAAeS4cAdYABHJJMECgAAAA==) repeat;background-size:480px;border-color:#ad9979;border-radius:18px 18px 10px 10px;max-height:calc(100dvh - 20px);box-shadow:0 12px 60px #30201240}.modal>header,.modal>footer{background:#efe3cd;border-color:#c9bba2;padding:16px 20px}.modal-body{padding:20px}.modal>header h2{font-size:22px}.modal>footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.toast{color:#fff5e3;background:#473829;border-color:#7e6950;box-shadow:0 5px 20px #37261525}.saving{color:#665034;background:#f6ebd5;border-color:#bea982}.app-header,.app-header.in-room{background:0 0;border-color:#bcaa8d;gap:10px;max-width:520px;height:auto;min-height:72px;margin:auto;padding:14px 18px}.brand-mark,.brand-mark img{width:44px;height:44px}.brand-mark img{filter:sepia(.35)}.brand>span:last-child{font-size:21px}.brand{gap:10px;min-height:44px}.app-header nav{justify-content:space-between;gap:4px;width:100%;display:flex}.app-header nav>button:not(.button){color:#75644e;flex-direction:row;gap:6px;min-height:44px;padding:8px;font-size:13px}.app-header nav>button.active,.app-header nav>button:hover{color:#782f3b;background:#e7dac3}.app-header.in-room{flex-wrap:nowrap}.app-header.in-room .brand>span:last-child{font-size:20px;display:block}.app-header.in-room nav{width:auto;margin-left:auto}.app-header.in-room nav .button{font-size:14px}.app-footer{color:#7b6b54;border-color:#c9bba2;flex-wrap:wrap;gap:10px;max-width:520px;margin:auto;padding:22px 18px;font-size:12px}.page,.player-page,.public-page{max-width:520px;padding:26px 18px 40px}.home-heading{text-align:center;border:0;justify-content:center;min-height:0;margin:0;padding:8px 0 24px}.home-heading h1{color:#30271f;font-size:28px}.home-heading p{color:#746653;margin:8px 0 0;font-size:14px}.home-title-art{display:none}.entry-tabs{margin-bottom:22px}.entry-tabs button{flex:1;min-height:48px;font-size:16px}.home-workspace{box-shadow:none;border:0;display:block}.entry-host .join-room,.entry-join .create-room{display:none}.create-room,.join-room{background:0 0;border:0;border-radius:0;gap:18px;padding:0}.create-room>.section-heading,.join-room>.section-heading{margin-bottom:0}.create-room h2,.join-room h2{font-size:22px}.join-seal{display:none}.mode-switch{grid-template-columns:1fr 1fr;gap:10px}.mode-switch>button{background:#fcf6e880;border-color:#c5b396;border-radius:8px;gap:9px;min-height:76px;padding:10px}.mode-switch>button.active{color:#782f3b;background:#eee0ca;border-color:#8d4851}.mode-switch>button span{font-size:15px}.mode-switch small{color:#78684f;font-size:12px}.mode-switch>button svg{width:25px;height:25px}.script-preview{border-color:#cebea3;gap:12px;margin-top:-10px;padding:12px 0}.script-scene{border-color:#c5b396;border-radius:5px;width:80px;height:50px}.script-preview strong{color:#61442e;font-size:17px}.script-preview .button{min-height:44px;padding:8px;font-size:13px}.form-grid{grid-template-columns:1fr}.room-options{border:0;padding:0}.room-options summary{min-height:40px;font-size:14px}.room-options .field{margin-bottom:8px}.home .create-room>.button.primary{min-height:54px;font-size:16px}.recent-section{border-top:1px solid #c9bba2;margin-top:32px;padding-top:24px}.recent-section h2{font-size:22px}.recent-section .section-heading{gap:8px;margin-bottom:12px}.recent-row{border-color:#c9bba2;gap:9px;padding:12px 0}.recent-row:hover{background:#e9ddc4}.recent-row small{color:#746653}.recent-row>.button{min-width:38px;padding:8px}.recent-row>.button:last-child{display:none}.host-app{max-width:520px;padding-bottom:calc(86px + env(safe-area-inset-bottom));margin:auto}.room-toolbar{background:0 0;border:0;flex-direction:column;gap:14px;padding:22px 18px 0;display:flex}.host-identity{text-align:center;width:100%}.room-toolbar p{color:#746653;margin:6px 0 0;font-size:13px}.host-status{justify-content:center;align-items:center;gap:10px;display:flex}.host-status .phase-label{color:#503922;font-size:16px;font-weight:600}.host-status .connection{color:#75664e;font-size:12px}.host-quick-actions{grid-template-columns:1fr 1fr 1fr;width:100%;gap:8px!important;display:grid!important}.host-quick-actions .button{min-height:48px;padding:10px 6px;font-size:14px}.host-quick-actions svg{width:22px;height:22px}.host-layout{background:0 0;border:0;border-radius:0;margin:0;display:block;overflow:visible}.host-main.grimoire-layout{display:block}.host-main{min-width:0}.host-nav{z-index:60;width:min(100%,520px);padding:5px 8px calc(7px + env(safe-area-inset-bottom));background:#f2e8d3 url(data:image/webp;base64,UklGRuAAAABXRUJQVlA4INQAAADQEQCdASoAAQABPqlUp08mJKOjICgAwBUJaW7gja2cyvsAWlsnIe+2TkPfbK1K9OUQbkXDV2lPmweSVBVJspwRBdpT5sGS5lAslyzaVBQVAso8+9tTlECyUlOS7Xi45wYB77ZOQ9aoi5OQ99smNd6Ca059dyFVhOyCcGerMsHaVBnPSmHx7ZOQ99snIfs36e2TriTkPfWAAP7zDT/0l0uQ2xVrBetWP5gcE0V3qBMS+3uYOOEypAzdo6WECczCULEs6gAAAAeS4cAdYABHJJMECgAAAA==) 0 0/480px;border:0;border-top:1px solid #beab8c;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;inset:auto auto 0 50%;overflow:visible;transform:translate(-50%)}.host-nav>button{color:#705c41;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:64px;margin:0;padding:8px 2px;font-size:13px;display:flex;position:relative}.host-nav>button>svg{stroke-width:1.8px;width:26px;height:26px}.host-nav>button.active{color:#782f3b;background:0 0;font-weight:700}.host-nav>button.active:after{content:"";background:#782f3b;border-radius:3px;width:32px;height:3px;position:absolute;bottom:0}.host-nav>button:hover:not(.active){color:#503922;background:#e9dcc6}.grimoire-canvas{background:0 0;padding:16px 18px 24px}.town-board{padding:0}.orbit{display:none}.seat-ring,.list-view .seat-ring{aspect-ratio:auto;grid-template-columns:1fr;gap:10px;max-width:none;min-height:0;display:grid}.town-center,.list-view .town-center{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:10px;max-width:none;padding:0 0 8px;display:flex;position:static;transform:none}.grimoire-canvas .town-center>img,.grimoire-canvas .town-center>svg,.grimoire-canvas .town-center>h2,.grimoire-canvas .town-center>p{display:none}.town-center>.button{width:100%;min-height:54px;margin:0;font-size:17px}.town-center h2{color:#30271f;font-family:Noto Serif SC,serif}.town-center p{color:#746653}.seat-node,.list-view .seat-node{text-align:left;color:#30271f;background:#fff8e840;border:1px solid #bfad90;border-radius:8px;grid-template-columns:24px 60px minmax(0,1fr);align-content:center;justify-items:start;gap:2px 12px;width:100%;height:auto;min-height:88px;padding:12px;display:grid;position:relative;top:auto;left:auto;transform:none;box-shadow:0 1px 2px #49301308}.seat-node.evil,.seat-node.neutral,.seat-node.traveller-seat{background:#fff8e840;border-color:#bfad90}.seat-node:hover{box-shadow:none;background:#e9dcc5}.seat-node.selected,.list-view .seat-node.selected{background:#ead8bc;border-color:#8b6140;box-shadow:0 0 0 1px #8b6140}.seat-art{grid-area:1/2/3;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.seat-art .role-token{width:60px;height:60px}.seat-index{color:#705b3f;grid-area:1/1/3;font-size:15px}.seat-node strong{color:#30271f;overflow-wrap:anywhere;grid-column:3;align-self:end;font-size:17px}.seat-role{color:#23608b;grid-column:3;align-self:start;font-size:15px}.seat-node.evil .seat-role{color:#922f40}.seat-node.neutral .seat-role{color:#746653}.seat-node.dead{opacity:.7}.seat-node.dead strong{text-decoration:line-through}.seat-markers,.list-view .seat-markers{grid-column:2/4;gap:5px;margin-top:6px;position:static}.seat-markers small{color:#6b4d23;background:#e6d5b4;border-color:#bca17b;padding:3px 7px;font-size:12px}.seat-flags{top:9px;right:9px}.list-view .seat-role{grid-area:2/3}.list-view .seat-node strong{grid-row:1}.room-toolbar .phase-label{border:0;margin:0;padding:0;display:inline-flex}.phase-label svg{color:#72552e}.shown-identity,.life-states{color:#746653;background:0 0;border-color:#c9bba2}.life-states strong{color:#503922}.room-toolbar.compact{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.room-toolbar.compact .host-identity{text-align:left;width:auto;min-width:0}.room-toolbar.compact h1{overflow-wrap:anywhere;font-size:20px}.room-toolbar.compact .host-identity p{display:none}.room-toolbar.compact .host-status{flex-shrink:0}.room-toolbar.compact .host-quick-actions{display:none!important}.room-toolbar.compact .connection{display:none}.script-summary,.script-library .library-item{background:#fbf5e780;border-color:#c9bba2}.task-order{color:#59432c;background:#ded0b9}.night-task.selected .task-order{color:#fff6e4;background:#782f3b}.shown-identity{font-size:13px}.role-row{border-color:#c9bba2}.role-row strong{font-size:16px}.role-row small{font-size:14px}.archive-page>.section-heading{display:block}.archive-export{border:0;margin-top:10px;padding:0}.archive-export summary{min-height:44px;font-size:14px}.archive-export .button{justify-content:flex-start;padding:12px;font-size:15px}.record-compose input{font-size:16px}.record-compose .button{flex-shrink:0;min-width:60px;font-size:15px}.event-row p{font-size:14px}.event-row small,.event-row time{font-size:12px}.public-page>.section-heading .button{white-space:nowrap;min-width:104px;font-size:14px}.public-page>.section-heading h1{overflow-wrap:anywhere;font-size:23px}.search-field{background:#fbf5e780;border-color:#b7a78d}.search-field input{background:0 0}.catalog-role,.catalog-role.selected{border-color:#c9bba2}.catalog-role.selected{background:#e8dcc466}.catalog-role small{color:#746653}.editor-toolbar>.row{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.editor-toolbar .button{min-height:48px;font-size:14px}.script-editor{max-width:520px;margin:auto}.editor-layout{flex-direction:column;display:flex}.script-library,.script-summary{width:100%}.advanced-settings summary{min-height:48px;font-size:15px}.settings-grid{flex-direction:column;display:flex}.settings-grid>.section,.settings-grid>section{width:100%}.settings-page .setting-section{margin-top:20px;padding-top:20px}.large-text input,.large-text select,.large-text textarea,.large-text .button,.large-text .seat-node strong,.large-text .seat-role,.large-text .role-row small{font-size:18px}.canvas-actions{border:0;padding-top:14px;display:block}.canvas-actions .button{width:100%}.role-token{color:#23608b;background:#dfebed;border-color:#50809a;box-shadow:inset 0 0 0 3px #f7efdc}.role-token.evil,.role-token.demon,.role-token.minion{color:#922f40;background:#edd4ce;border-color:#a36666}.role-token.has-art>img{filter:none}.inspector-column{background:var(--bg);border-color:#c9bba2}.inspector-column.seat-open{z-index:90;background:var(--bg) url(data:image/webp;base64,UklGRuAAAABXRUJQVlA4INQAAADQEQCdASoAAQABPqlUp08mJKOjICgAwBUJaW7gja2cyvsAWlsnIe+2TkPfbK1K9OUQbkXDV2lPmweSVBVJspwRBdpT5sGS5lAslyzaVBQVAso8+9tTlECyUlOS7Xi45wYB77ZOQ9aoi5OQ99smNd6Ca059dyFVhOyCcGerMsHaVBnPSmHx7ZOQ99snIfs36e2TriTkPfWAAP7zDT/0l0uQ2xVrBetWP5gcE0V3qBMS+3uYOOEypAzdo6WECczCULEs6gAAAAeS4cAdYABHJJMECgAAAA==);background-size:480px;padding:0;position:fixed;inset:0;overflow:auto}.inspector-column.seat-open .seat-inspector{background:0 0;border:0;border-radius:0;max-width:520px;min-height:100dvh;margin:auto;padding:16px 20px 32px}.seat-inspector>.section-heading{background:#f2e8d3;padding:14px 0;top:-16px}.night-panel,.seat-inspector{padding:20px 0}.feature-wrap,.setup-page,.votes-page,.archive-page{padding:24px 18px}.feature-wrap>.night-panel{padding:0}.night-task{background:#fbf5e780;border-color:#c9bba2}.night-task.selected{background:#ecdbc5;border-color:#a77766}.night-task.done{background:#e7e7d4;border-color:#b5bc9b}.night-task.done .task-select{color:#586440}.task-select small,.task-detail>p{color:#746653}.check-button:hover:not(:disabled){background:#e2d6bc}.task-detail,.night-panel:not(.compact) .task-detail{background:#fcf6e780;border-color:#c9bba2;padding:16px}.night-panel:not(.compact) .night-layout{grid-template-columns:1fr}.note-editor textarea{min-height:180px;font-size:16px}.host-more-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.host-more-actions .button{justify-content:flex-start;font-size:14px}.host-more-timer{border-top:1px solid #c9bba2;margin-top:22px;padding-top:18px}.host-more-timer .game-timer{border:0;flex-wrap:wrap;gap:10px;margin-top:12px;padding:0;display:flex}.game-timer strong{color:#503922}.host-more-timer .game-timer input{width:52px;min-height:44px;display:block}.bag-config,.setup-footer,.ballot,.message-card,.seat-check,.choice-option{background:#fbf5e780;border-color:#c9bba2}.seat-check.selected,.choice-option.selected{background:#ecdac3;border-color:#9f6b54}.seat-config-row{border-color:#c9bba2}.seat-config-row .role-select-cell:before{color:#746653;font-size:13px}.seat-config-row .role-select-cell select{font-size:16px}.seat-config-row .role-select-cell{gap:8px}.seat-config-row .role-token{display:none}.bluff-config p{font-size:14px}.setup-page h1,.votes-page h1,.archive-page h1{font-size:25px}.setup-page>.section-heading p{font-size:14px}.bag-config p{font-size:13px}.bag-config h3{font-size:16px}.setup-footer{z-index:2;position:sticky;bottom:84px;box-shadow:0 -4px 16px #69513312}.count-inputs{gap:10px}.count-inputs input{padding:10px}.archive-grid{grid-template-columns:1fr;gap:24px}.archive-side{border-top:1px solid #c9bba2;border-left:0;padding:24px 0 0}.event-row time,.event-row small,.message-card>.row,.message-card>.row small,.ballot-total small{color:#746653}.player-tabs>button.active{color:#782f3b}.player-tabs>button{font-size:13px}.player-tabs{gap:0}.identity-card,.identity-card:not(.revealed),.identity-card.revealed{background:#fbf5e780;border-color:#baa582;box-shadow:inset 0 0 0 6px #f1e5cd,inset 0 0 0 7px #cfbc98}.identity-card p,.identity-card.revealed p,.identity-card.revealed>small{color:#746653}.privacy-view{background:0 0}.public-events p{border-color:#c9bba2}.public-page .town-phase-art{display:none}.player-page .seat-node{grid-template-columns:24px 60px minmax(0,1fr)}@media (min-width:701px){.modal-overlay{align-items:center}.host-nav{width:520px}.app-header nav .desktop-only{display:inline}.host-layout{flex-direction:column}.inspector-column.seat-open{width:520px;left:50%;transform:translate(-50%)}.seat-config-row{grid-template-columns:1fr 1fr}.seat-name-cell{grid-column:1/-1}.setup-controls{flex-wrap:wrap}.setup-footer{flex-direction:column;align-items:stretch}.bag-config{flex-wrap:wrap}.count-inputs{grid-template-columns:repeat(4,1fr);width:100%}.home-workspace{grid-template-columns:1fr}}@media (max-width:380px){.brand>span:last-child{font-size:19px}.app-header.in-room .brand>span:last-child{font-size:18px}.host-quick-actions .button{gap:5px;font-size:13px}.seat-node,.list-view .seat-node{gap:2px 9px}.home-heading h1{font-size:25px}}@font-face{font-family:Chill Round;src:url(/blood-on-the-clocktower/assets/ChillRoundF-D-VXczui.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--round-font:"Chill Round","Yuanti SC","YouYuan","Microsoft YaHei",sans-serif;font-family:var(--round-font);font-synthesis:weight}body,button,input,select,textarea,h1,h2,h3,h4,.brand>span:last-child,.home-heading h1,.room-toolbar h1,.town-center h2,.inspector-role h3,.identity-card h2,.role-info h3,.ballot-total,.vote-overview strong,.seat-index,.task-order,.player-seat,.room-code{font-family:var(--round-font)}h1,h2,.home-heading h1,.room-toolbar h1,.brand>span:last-child{letter-spacing:.02em;font-weight:600}.button,input,select,textarea,.seat-node,.list-view .seat-node,.mode-switch>button{border-radius:13px}.tabs{border-radius:15px}.tabs button,.entry-tabs button{border-radius:11px}.host-nav>button{border-radius:12px}.host-nav>button.active{background:#782f3b09}.ocr-import>p{margin:0}.ocr-pick{background:#fbf5e7;border:1px dashed #ab8d66;min-height:70px}.ocr-preview{text-align:center;border:1px solid var(--border);background:#e3d6bd;border-radius:12px;padding:8px;display:block}.ocr-preview img{object-fit:contain;border-radius:6px;max-width:100%;max-height:260px;margin:auto;display:block}.ocr-progress{flex-direction:column;gap:10px;display:flex}.ocr-progress p{margin:0;font-size:14px}.ocr-progress progress{width:100%;height:10px;accent-color:var(--red)}.ocr-text textarea{min-height:180px;font-family:var(--round-font)}.ocr-text>.button{width:100%;margin-top:12px}.ocr-role-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.ocr-role{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.ocr-role>span:not(.role-token){flex:1;min-width:0;font-size:17px}.ocr-role small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;display:block}.ocr-role .button{min-width:48px}.ocr-role .role-token{flex-shrink:0}.ocr-search{align-items:center;gap:10px;display:flex}.ocr-search-results{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ocr-search-results .button{font-size:14px}.ocr-search-results .button[aria-pressed=true]{border-color:var(--red);background:#e7d3c3}.ocr-import summary{min-height:44px;font-size:14px}.ocr-import .checkbox-row{align-items:flex-start;min-height:48px;padding:12px 0;font-size:15px}.ocr-import .checkbox-row input{margin-top:1px}.editor-toolbar>.row>.button:first-of-type{color:var(--red);background:#eee0ca;border-color:#b77d80;grid-column:1/-1}.modal:has(.ocr-import)>footer{grid-template-columns:1fr 1fr;display:grid}.modal:has(.ocr-import)>footer .button{padding:10px 6px;font-size:14px}.scene-board{isolation:isolate;background:#a97948 url(/blood-on-the-clocktower/assets/table-day-DoYE1_xk.webp) 50%/100% 100% no-repeat;border-radius:24px;overflow:hidden;padding:0!important}.scene-board.scene-night{background-image:url(/blood-on-the-clocktower/assets/table-night-CXxC0E0D.webp)}.scene-board .seat-ring{aspect-ratio:auto;gap:0;width:100%;max-width:none;min-height:540px;margin:0;position:relative;display:block!important}.scene-board .seat-node{text-align:center;opacity:1;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:112px;width:100px!important;box-shadow:none!important;background:0 0!important;border:0!important;gap:0!important;padding:0!important;display:flex!important;position:absolute!important;transform:translate(-50%,-50%)!important}.scene-board .seat-node:focus-visible,.scene-board .seat-node.selected{outline-offset:4px;outline:3px solid #fff1ad}.portrait-frame{flex:none;width:84px;height:84px;display:block;position:relative}.portrait-content{z-index:2;color:#f9dfac;background:#123557;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:14%;overflow:hidden}.portrait-border{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.scene-board .seat-art{grid-area:auto;width:84px;height:84px;display:block;position:relative}.scene-board .seat-art .role-token{width:60px;height:60px;box-shadow:none;background:#f4e6c7;border:0}.scene-board .seat-node strong{color:#402c20;text-overflow:ellipsis;white-space:nowrap;background:#f6e5bd;border:1px solid #ad7d42;border-radius:4px;grid-area:auto;width:100%;max-width:100px;padding:2px 3px;font-size:14px;line-height:20px;display:block;overflow:hidden}.scene-board .seat-index{color:#86512f;margin-right:4px;font-size:12px;display:inline}.scene-board .seat-role{color:#255272;white-space:nowrap;text-overflow:ellipsis;background:#faedcf;border-radius:0 0 4px 4px;grid-area:auto;align-self:center;max-width:100%;padding:0 5px;font-size:13px;line-height:19px;overflow:hidden}.scene-board .seat-node.evil .seat-role{color:#922f40}.scene-board .seat-node.neutral .seat-role{color:#665138}.scene-board .seat-flags{color:#fff1ce;background:#59362b;border-radius:3px;align-items:center;gap:3px;font-size:11px;display:flex;position:static}.scene-board .seat-markers{max-width:100%;margin:0;display:block;position:static}.scene-board .seat-markers small{text-overflow:ellipsis;white-space:nowrap;color:#6a3828;background:#fff1cc;max-width:100%;padding:0 4px;font-size:11px;line-height:16px;display:block;overflow:hidden}.death-slash{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-board .dead .portrait-content{filter:grayscale()}.scene-board .town-center{text-align:center;width:118px;max-width:118px;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;top:50%;left:50%;display:flex!important;position:absolute!important;transform:translate(-50%,-50%)!important}.scene-board .town-center>.portrait-frame{width:90px;height:90px}.scene-board .town-center>strong{color:#fff0cf;background:#792d36;border:1px solid #d9ab66;border-radius:5px;padding:3px 16px;font-size:16px}.scene-board .town-center>h2{color:#fff2d5;text-shadow:0 1px 3px #351b13;margin:5px 0 0;font-family:inherit;font-size:18px;line-height:26px;display:block!important}.scene-board .town-center>p{color:#fff2d5;text-shadow:0 1px 3px #351b13;margin:0;font-size:12px;display:block!important}.scene-board .town-center>.button{color:#fff0ce;background:#782f3b;border:1px solid #e4b66e;gap:3px;width:118px;min-height:48px;margin-top:8px;padding:6px;font-size:13px}.scene-board .town-center>.button svg{width:16px}.grimoire-canvas{padding:8px 8px 24px}.setup-page{padding:16px 8px}.setup-page>.section-heading,.setup-controls,.setup-table-actions,.setup-advanced{margin-left:8px;margin-right:8px}.setup-table-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.setup-table-hint{text-align:center;margin:8px;font-size:13px}.setup-advanced{border-bottom:1px solid #cab58f;padding:14px 0}.setup-advanced>summary{cursor:pointer;min-height:48px;font-size:16px}.setup-seat-editor{border:0;padding:0}.setup-seat-editor .role-select-cell:before{display:none}.setup-footer{margin-top:12px;bottom:78px}.setup-controls{gap:8px}.setup-script{min-width:0}.setup-controls .field{min-width:110px}.setup-page .section-heading h1{font-size:23px}.home .home-heading{background:url(/blood-on-the-clocktower/assets/village-day-C70ClrMR.webp) 50%/cover;border-bottom:3px solid #b48b50;align-items:flex-end;min-height:205px;margin:-20px -18px 12px;padding:22px 18px}.home-heading h1,.home-heading p{text-shadow:0 2px 5px #36231f,0 0 14px #36231f;color:#fff6df!important}.home .home-heading .home-title-art{display:none}.home.entry-join .home-heading{background-image:url(/blood-on-the-clocktower/assets/village-night-DaNyRYFf.webp)}.home .entry-tabs{background:0 0;border:0;gap:12px}.home .entry-tabs button{color:#715538;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:6px;display:flex}.home .entry-tabs button.active{color:#782f3b;background:#ead9bb;border-radius:16px}.home .entry-tabs .portrait-content svg{width:30px;height:30px}.home .create-room,.home .join-room{background:url(/blood-on-the-clocktower/assets/table-day-DoYE1_xk.webp) 50%/cover;border:1px solid #ac7b45;border-radius:18px;padding:18px!important}.home .join-room{background-image:url(/blood-on-the-clocktower/assets/table-night-CXxC0E0D.webp)}.home-workspace .field>span,.home-workspace .field>label,.home-workspace .room-options summary,.home-workspace .join-room p,.home-workspace .join-room h2,.home-workspace .join-room>small{color:#fff2d4;text-shadow:0 1px 3px #32190f}.home-workspace input,.home-workspace select{background:#fff7e6!important}.home .mode-switch{background:#f5e6c9}.home .mode-switch button{color:#60432c}.home .mode-switch button.active{color:#fff2d4;background:#782f3b}.home-workspace .room-options{margin:8px 0}.home-workspace .form-grid{margin-top:12px}@media (max-width:370px){.scene-board .seat-node{width:90px!important}.scene-board .seat-node strong{max-width:90px}.scene-board .town-center{width:102px;max-width:102px}.scene-board .town-center>.button{width:102px;font-size:12px}}.scene-board{background-size:cover}.setup-footer{background:#f4e7cd;border-color:#c7ad84;position:static}.home .entry-tabs .portrait-frame{width:64px;height:64px}.home .mode-switch button.active small,.home .mode-switch button.active svg{color:#f7e6c7}.choose-script{text-align:left;color:#fff2d4;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:6px 0;display:flex}.choose-script .portrait-frame{width:64px;height:64px}.choose-script>span:nth-child(2){flex:1;gap:5px;display:grid}.choose-script small{font-size:12px}.choose-script strong{text-shadow:0 1px 3px #32190f;font-size:19px}.script-table-picker{background:url(/blood-on-the-clocktower/assets/table-day-DoYE1_xk.webp) 50%/cover;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;margin-bottom:16px;padding:24px 12px;display:grid}.script-table-picker button{background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:6px;display:flex}.script-table-picker button.selected{background:#f6e2b530;outline:2px solid #fff1ad}.script-table-picker strong{color:#402c20;overflow-wrap:anywhere;background:#f6e5bd;border:1px solid #ad7d42;border-radius:4px;max-width:100%;padding:4px 8px;font-size:15px}.room-toolbar{gap:6px;padding:12px 18px}.room-toolbar h1{font-size:24px}.host-identity p{margin:2px 0}.host-status{min-height:22px}.scene-board{--table-art:url(/blood-on-the-clocktower/assets/table-day-DoYE1_xk.webp);position:relative}.scene-board.scene-night{--table-art:url(/blood-on-the-clocktower/assets/table-night-CXxC0E0D.webp)}.scene-board:before,.scene-board:after{content:"";background-image:var(--table-art);pointer-events:none;z-index:-1;background-repeat:no-repeat;background-size:100%;height:190px;position:absolute;left:0;right:0}.scene-board:before{background-position:top;top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.scene-board:after{background-position:bottom;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.home .entry-tabs{margin:8px 0}.home .home-workspace{margin-top:12px}.home .home-heading{min-height:130px}.home .create-room .form-grid{margin-top:6px}.scene-board .dead .portrait-frame>.player-avatar{filter:grayscale()}.workshop{min-width:0}.workshop-header{align-items:center;gap:10px;padding:16px 0;display:flex}.workshop-header h1{flex:1;margin:0;font-size:26px;line-height:1.3}.workshop-header>.button{min-width:48px;padding:10px}.workshop-scene{text-align:center;color:#fff1ce;background:#805034 url(/blood-on-the-clocktower/assets/table-night-CXxC0E0D.webp) 50%/cover;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;display:flex}.workshop-scene h2{overflow-wrap:anywhere;color:#fff1ce;text-shadow:0 1px 3px #432719;margin:0;font-size:25px;line-height:1.3}.workshop-scene p{color:#fff1ce;margin:0;font-size:14px}.workshop-scene>.button{color:#fff1ce;background:#792e38;border-color:#d6a569;min-width:142px;margin-top:6px}.workshop-menu{gap:12px;margin:20px 0;display:grid}.workshop-menu>button{text-align:left;color:#4b3024;background:#fbf1dc;border:1px solid #cdb794;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:82px;padding:14px 16px;display:flex}.workshop-menu>button>svg:first-child{color:#79323b;flex:none;width:28px;height:28px}.workshop-menu>button>svg:last-child{flex:none;width:20px;height:20px}.workshop-menu>button>span{flex:1;gap:5px;min-width:0;display:grid}.workshop-menu small{color:#806a50;font-size:13px;line-height:1.45}.workshop-save{padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr 1.6fr;gap:10px;margin-top:24px;display:grid}.workshop-save>.button{min-height:52px;font-size:16px}.workshop-checks{color:#796344;font-size:13px}.workshop-checks summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.workshop-checks p{line-height:1.6}.workshop-subtitle{margin:22px 0 12px;font-size:18px}.workshop-library{background:#98653d url(/blood-on-the-clocktower/assets/table-day-DoYE1_xk.webp) 50%/cover;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 10px;display:grid}.workshop-library>button{color:#fff0cd;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 2px;display:flex}.workshop-library strong{color:#492b22;overflow-wrap:anywhere;background:#f7e6c3;border-radius:4px;padding:4px 8px;font-size:16px}.workshop-library small{background:#66412d;border-radius:4px;padding:2px 5px;font-size:12px}.workshop-saved>div{border-bottom:1px solid #cfbc9e;align-items:center;padding:8px 0;display:flex}.workshop-saved>div>button:first-child{text-align:left;color:#4b3024;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:62px;display:flex}.workshop-saved span{flex:1;gap:5px;min-width:0;display:grid}.workshop-saved strong{overflow-wrap:anywhere;font-size:16px}.workshop-saved small{color:#806a50}.workshop-saved{margin-bottom:20px}.workshop-role-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.workshop-role-heading p{color:#79644c;margin:0;font-size:13px}.workshop-teams{gap:6px;padding:4px 0 12px;display:flex;overflow-x:auto}.workshop-teams button{color:#624835;background:#f5e8cf;border:1px solid #c8b28e;border-radius:8px;flex:none;align-items:center;gap:5px;min-height:44px;padding:8px 12px;font-size:15px;display:flex}.workshop-teams button.active{color:#fff1ce;background:#782f3b;border-color:#782f3b}.workshop-teams small{font-size:12px}.workshop-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:20px 0;display:grid}.workshop-roles>div{border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:6px 0;display:flex}.workshop-role{color:#503827;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;display:flex}.workshop-role strong{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.workshop-role small{color:#9b573c}.workshop-roles>div>.button{gap:4px;min-height:44px;margin-top:5px;padding:4px 8px;font-size:13px}.workshop-roles>div.picked>.button{color:#782f3b;background:#e9dbc0}.workshop-empty{text-align:center;color:#806a50;padding:35px 12px;line-height:1.7}.workshop-add-footer{padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2;background:#f2e8d3;justify-content:space-between;gap:8px;display:flex;position:sticky;bottom:0}.workshop-details{padding-top:12px}.workshop .search-field{min-height:48px}.workshop .search-field input{width:100%;min-width:0}@media (max-width:370px){.workshop{padding-left:14px;padding-right:14px}.workshop-menu>button{gap:10px;padding:12px}.workshop-menu small{font-size:12px}.workshop-save>.button{font-size:15px}}.workshop-scene{gap:6px;padding:16px}.workshop-scene>.portrait-frame{width:96px;height:96px}.workshop-save{margin-top:16px}.workshop-checks{border:0!important;margin:0!important;padding:0!important}.workshop-header{min-height:44px;padding:0 0 10px}.workshop-header h1{font-size:20px}.workshop .workshop-scene{text-align:left;flex-direction:row;gap:10px;min-height:88px;padding:12px}.workshop-scene>div{flex:1;min-width:0}.workshop-scene h2{font-size:19px}.workshop-scene p{font-size:12px}.workshop-scene>.button{min-width:0;margin:0;padding:8px;font-size:13px}.workshop-quick{gap:8px;margin-top:10px;display:flex}.workshop-quick>.button{white-space:normal;flex:1}.workshop-menu{gap:8px;margin:10px 0}.workshop-menu>button{min-height:64px;padding:10px 12px}.workshop-menu strong{font-size:16px}.workshop-selection{z-index:3;background:#f2e8d3;border-bottom:1px solid #c9bba2;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px 0;display:flex;position:sticky;top:0}.workshop-selection>span{overflow-wrap:anywhere;min-width:0;font-size:14px}.workshop-selection small{color:#806a50;font-size:12px;display:block}.workshop-selection>.button{flex:none}.workshop-selected-group{margin-top:16px}.workshop-selected-group>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.workshop-teams{flex-wrap:wrap;gap:5px;padding-bottom:8px}.workshop-teams button{gap:4px;min-height:44px;padding:6px 8px;font-size:13px}.workshop-roles{gap:8px;margin:12px 0}.workshop-role .role-token{width:56px;height:56px}.workshop-role{gap:4px}.workshop-save{z-index:2;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#f2e8d3;margin-top:10px;position:sticky;bottom:0}.workshop.embedded{min-height:0;padding:0}.workshop-selection>strong{color:#782f3b;flex:none;font-size:13px}.workshop-selected-list{background:#faf4e7;border:1px solid #c9bba2;border-radius:10px;margin-bottom:12px;padding:8px 10px}.workshop-selected-list>p{color:#806a50;margin:0;font-size:13px}.workshop-selected-row{align-items:flex-start;gap:8px;padding:4px 0;display:flex}.workshop-selected-row+.workshop-selected-row{border-top:1px solid #c9bba266}.workshop-selected-row h3{flex:none;width:48px;padding-top:3px;font-size:12px;line-height:22px}.workshop-selected-row h3 small{color:#806a50;font-size:11px;line-height:16px;display:block}.workshop-selected-row ul{flex-wrap:wrap;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.workshop-selected-row li{background:#f2e8d3;border:1px solid #d6c3a4;border-radius:6px;align-items:stretch;max-width:100%;display:flex}.workshop-selected-row li button{overflow-wrap:anywhere;color:#503827;text-align:left;background:0 0;border:0;min-height:44px;padding:6px;font-size:13px}.workshop-selected-row li .remove-selected{color:#782f3b;text-align:center;border-left:1px solid #d6c3a4;flex:none;min-width:30px;font-size:18px}.night-mobile-picker{display:none}.setup-title{margin-bottom:12px}@media (max-width:700px){p,.muted{line-height:1.5}.button,.button.ghost{min-height:44px;padding:8px 10px;font-size:14px}.button svg{width:18px;height:18px}input,select{min-height:44px;padding:8px;font-size:16px}.field{gap:4px;font-size:13px}.stack{gap:10px}.section-heading{gap:8px;margin-bottom:10px}.section-heading h1,.section-heading h2{font-size:20px}.section-heading p{margin:2px 0 0;font-size:12px}.alert{margin:8px 0;padding:8px 10px;line-height:1.5}.empty{padding:16px 8px}.empty>svg{margin-bottom:6px}.app-header,.app-header.in-room{flex-wrap:nowrap;gap:4px;min-height:48px;padding:2px 12px}.brand{gap:5px}.brand-mark,.brand-mark img{width:30px;height:30px}.brand>span:last-child,.app-header.in-room .brand>span:last-child{font-size:16px}.app-header:not(.in-room) .brand>span:last-child{display:none}.app-header nav{gap:0;width:auto;margin-left:auto}.app-header nav>button:not(.button){min-height:44px;padding:6px 8px;font-size:12px}.app-header nav>button>svg,.app-header nav>button:nth-child(2)>svg{width:18px;height:18px}.app-header nav .desktop-only{display:none}.app-footer{padding:8px 12px;font-size:11px}.page,.player-page,.public-page{padding:10px 12px 16px}.home .home-heading{text-align:left;border:0;border-radius:10px;justify-content:flex-start;min-height:0;margin:0 0 8px;padding:8px 12px}.home-heading h1{font-size:20px}.home-heading p{display:none}.home .entry-tabs{gap:6px;margin:0 0 8px}.home .entry-tabs button{flex-direction:row;min-height:44px;padding:6px;font-size:15px}.home .entry-tabs .portrait-frame{display:none}.home .home-workspace{margin-top:0}.home .create-room,.home .join-room{gap:8px;padding:12px!important}.home .mode-switch{border-radius:10px;gap:4px}.home .mode-switch>button{gap:6px;min-height:44px;padding:6px}.home .mode-switch small{display:none}.choose-script{gap:8px;padding:4px 0}.choose-script .portrait-frame{width:40px;height:40px}.choose-script strong{font-size:17px}.choose-script>span:nth-child(2){gap:0}.home .create-room .form-grid,.home .room-options{margin:0}.home .room-options summary{min-height:36px}.home .create-room>.button.primary{min-height:44px;font-size:15px}.recent-section{margin-top:10px;padding:0}.recent-section>summary{min-height:44px;font-size:14px}.recent-section .section-heading h2{display:none}.recent-section .section-heading{justify-content:flex-end}.join-room form{gap:10px}.join-room>p{margin:0}.host-app{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.room-toolbar,.room-toolbar.compact{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:6px 12px;display:grid}.host-identity,.room-toolbar.compact .host-identity{text-align:left;width:auto;min-width:0}.room-toolbar h1,.room-toolbar.compact h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.3;overflow:hidden}.host-identity p{margin:0;font-size:11px;line-height:1.3}.host-status{flex-direction:column;align-items:flex-end;gap:0}.host-status .phase-label{font-size:13px}.host-status .phase-label svg{width:16px;height:16px}.host-quick-actions,.room-toolbar.compact .host-quick-actions{grid-column:1/-1;gap:6px!important;display:grid!important}.host-quick-actions .button{min-height:44px;padding:6px;font-size:13px}.host-nav{padding:2px 6px calc(2px + env(safe-area-inset-bottom))}.host-nav>button{gap:2px;min-height:52px;padding:4px 2px;font-size:12px}.host-nav>button>svg{width:20px;height:20px}.setup-page,.feature-wrap,.votes-page,.archive-page{padding:8px 12px}.grimoire-canvas{padding:6px 12px}.setup-page>.section-heading,.setup-controls,.setup-table-actions,.setup-advanced{margin-left:0;margin-right:0}.setup-page>.section-heading{flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:6px}.setup-page .section-heading h1{font-size:20px}.setup-title{display:none}.setup-controls{grid-template-columns:minmax(0,1fr) 110px;gap:6px;margin-bottom:6px;padding:0;display:grid}.setup-controls>.field{width:auto}.setup-script{grid-template-columns:minmax(0,1fr) auto;gap:0 4px;display:grid}.setup-script small{font-size:11px}.setup-script strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:15px;overflow:hidden}.setup-script .button{grid-area:1/2/3;min-height:44px;margin:0;padding:4px;font-size:12px}.setup-table-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:4px;display:grid}.setup-table-actions .button{gap:4px;padding:6px 3px;font-size:13px}.setup-table-hint{margin:2px 0 4px;font-size:11px}.setup-advanced{padding:0}.setup-advanced>summary{min-height:44px;font-size:14px}.setup-footer{bottom:calc(56px + env(safe-area-inset-bottom));z-index:5;border-radius:10px;flex-direction:row;align-items:center;gap:6px;margin-top:4px;padding:6px;display:flex;position:sticky}.setup-footer>div{flex:1;min-width:0}.setup-footer strong{font-size:12px}.setup-footer p{margin:0;font-size:11px}.setup-footer .button{flex-shrink:0;width:auto;font-size:13px}.issues{padding:0}.issues>summary{min-height:36px}.scene-board{background-size:100% 100%;border-radius:24px;overflow:visible}.scene-board .seat-ring{min-height:0;padding:0;height:var(--ring-height)!important;display:block!important}.scene-board .seat-ring:before{content:"";pointer-events:none;background:linear-gradient(135deg,#69432935,#ac6b2530);border:2px solid #dfb66d;border-radius:46%;position:absolute;inset:24px 30px;box-shadow:inset 0 0 0 5px #623d2433,0 3px 12px #40251545}.scene-board .town-center{flex-flow:column;justify-content:center;gap:4px;width:136px;max-width:40%;padding:0;top:50%;left:50%;display:flex!important;position:absolute!important;transform:translate(-50%,-50%)!important}.scene-board .town-center>.portrait-frame{width:32px;height:32px;display:block}.scene-board .town-center>.portrait-frame svg{width:22px;height:22px}.scene-board .town-center>strong{padding:1px 10px;font-size:13px;display:block}.scene-board .town-center>h2{margin:0;font-size:14px;line-height:1.4}.scene-board .town-center>p{font-size:12px}.scene-board .town-center>.button{flex-basis:auto;width:112px;max-width:100%;min-height:44px;margin:2px 0 0;padding:5px;font-size:13px}.scene-board .seat-node{border-radius:12px;justify-content:center;align-items:stretch;min-width:0;height:44px;min-height:44px;background:#fff2d9!important;border:1px solid #b38b56!important;gap:0!important;width:64px!important;padding:3px!important;position:absolute!important;transform:translate(-50%,-50%)!important;box-shadow:0 2px 4px #321a1640!important}.scene-board .seat-node.evil{background:#f9dfe0!important;border-color:#9c4351!important}.scene-board .seat-node.dead{background:#d6cfc0!important;border-style:dashed!important}.scene-board .seat-node.left{opacity:.65}.scene-board .seat-node.selected{outline-offset:2px;outline:2px solid #fff1ad}.scene-board .seat-art{display:none}.scene-board .seat-node strong{text-align:center;background:0 0;border:0;max-width:none;padding:0;font-size:12px;line-height:18px}.scene-board .seat-index{color:#713d29;margin-right:2px;font-size:12px;font-weight:700}.scene-board .seat-role{text-align:center;background:0 0;align-self:stretch;padding:0;font-size:11px;line-height:17px}.scene-board .seat-flags{color:#fff1ce;background:#59362b;flex-wrap:nowrap;font-size:9px;position:absolute;top:-7px;right:-3px}.scene-board .seat-flags small{font-size:9px}.scene-board .seat-flags svg{width:12px;height:12px}.scene-board .seat-markers{position:absolute;bottom:-6px;left:4px;right:4px}.scene-board .seat-markers small{text-align:center;padding:0 2px;font-size:9px;line-height:12px}.night-mobile-picker{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;display:grid}.night-tasks{display:none}.night-panel:not(.compact) .night-layout{gap:8px}.night-panel .task-detail,.night-panel:not(.compact) .task-detail{padding:10px}.task-detail>p{margin:6px 0;font-size:14px}.night-task-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.task-records,.task-targets{padding:0}.task-records>summary,.task-targets>summary{min-height:44px}.note-editor textarea,.task-detail .note-editor textarea{height:96px;min-height:96px}.note-editor>.row{margin-bottom:6px}.seat-checks,.ballot .seat-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.seat-check{overflow-wrap:anywhere;gap:4px;min-height:44px;padding:6px;font-size:12px}.seat-check .seat-number{display:none}.vote-overview{gap:8px;padding:4px 0 10px}.vote-overview strong{font-size:20px}.ballot{padding:10px}.votes-page:has(.ballot)>.section-heading>.button{display:none}.votes-page:has(.ballot)>.vote-overview{margin:0 0 8px;padding:4px 0}.votes-page:has(.ballot) .ballot{margin:0 0 6px}.ballot .seat-check{min-height:44px;padding:4px 6px}.seat-check>span:not(.seat-number){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.seat-check>span[data-seat-index]:before{content:attr(data-seat-index) ". ";font-weight:600}.ballot>details{margin:6px 0;padding:0}.ballot>details>summary,.nomination-history>summary{min-height:44px}.nomination-history{padding:0}.ballot>.row:last-of-type{bottom:calc(56px + env(safe-area-inset-bottom));z-index:4;background:#f4e7cd;padding:4px 0;position:sticky}.ballot .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.modal>header,.modal>footer{flex-shrink:0;padding:8px 12px}.modal>header h2{font-size:19px}.modal-body{padding:12px}.modal>footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.seat-config-row{gap:8px;padding:0}.setup-seat-editor .role-token{display:none}.player-heading{margin-bottom:8px}.player-heading h1{font-size:18px}.player-seat{font-size:28px}.player-tabs>button{gap:3px;min-height:52px;padding:5px 2px;font-size:11px}.player-tabs>button svg{width:20px;height:20px}.identity-stage{gap:10px;padding:12px 0}.identity-card,.identity-card:not(.revealed),.identity-card.revealed{gap:8px;width:100%;min-height:0;padding:20px}.identity-back-art{object-fit:contain;width:56px;height:80px}.identity-card h2,.identity-card.revealed h2{font-size:23px}.identity-card p{margin:4px 0;font-size:14px}.identity-stage>p{margin:0;font-size:12px}.identity-stage>.button{color:#fff5e3}.player-content{padding:12px 0}.public-events{margin-top:8px;padding:0}.public-events>summary{min-height:44px;font-size:14px}.toast{bottom:calc(66px + env(safe-area-inset-bottom))}}@media (max-width:700px) and (max-height:740px) and (min-width:375px){.ballot .seat-checks{grid-template-columns:repeat(4,minmax(0,1fr))}.votes-page:has(.ballot)>.section-heading{margin-bottom:4px}.votes-page:has(.ballot)>.section-heading h1{display:none}.votes-page:has(.ballot) .vote-overview>div{flex-flow:wrap;align-items:baseline;gap:3px}.votes-page:has(.ballot) .vote-overview strong{font-size:16px}.votes-page:has(.ballot) .vote-overview span{font-size:10px}.votes-page:has(.ballot) .vote-overview>div:last-child{max-width:42%}.ballot>.section-heading{margin-bottom:6px}.ballot>.section-heading h2{font-size:17px}.ballot>.section-heading p{font-size:11px}.ballot>.section-heading .ballot-total{white-space:nowrap;font-size:24px}.setup-table-hint{display:none}.setup-controls{gap:4px;margin-bottom:2px}.setup-page{padding-top:4px;padding-bottom:4px}}.notes-library{max-width:880px}.notes-library .section-heading h1{font-size:26px}.notebook-list{gap:10px;margin-top:20px;display:grid}.notebook-card{text-align:left;color:#503a29;background:#fff9edb3;border:1px solid #d4c2a2;border-radius:12px;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.notebook-card>span{flex:1;gap:6px;min-width:0;display:grid}.notebook-card strong{overflow-wrap:anywhere;font-size:18px}.notebook-card small{color:#796950;font-size:12px}.note-text-button{color:#853746;text-underline-offset:3px;background:0 0;border:0;min-height:36px;padding:4px 6px;font-size:12px;text-decoration:underline}.notebook-page{max-width:1160px;margin:auto;padding:10px 16px 36px}.notebook-heading{align-items:center;gap:6px;margin-bottom:12px;display:flex}.notebook-heading>div{flex:1;min-width:0}.notebook-heading h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;overflow:hidden}.notebook-heading small{color:#75664e;margin-top:4px;font-size:11px;display:block}.notebook-heading .button{min-width:40px;min-height:44px;padding:8px}.note-days{scrollbar-width:thin;gap:6px;margin-bottom:10px;padding:2px 1px 6px;display:flex;overflow-x:auto}.note-days button{color:#654e34;background:#fff8e9;border:1px solid #cdb991;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;min-height:42px;padding:6px 10px;font-size:13px;display:flex}.note-days button.active,.note-segments button.active{color:#fff4df;background:#7a303d;border-color:#7a303d}.note-history-banner{background:#f1dfb6;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;padding:8px;font-size:12px;display:flex}.note-history-banner button{color:#77303b;background:0 0;border:0;padding:6px;text-decoration:underline}.notebook-workspace{grid-template-columns:minmax(0,1.12fr) minmax(340px,1fr);align-items:start;gap:24px;display:grid}.notebook-table-column{min-width:0}.notebook-table .town-board{background-color:#6a4331;border-radius:16px;padding:14px 6px;overflow:visible}.notebook-table .seat-ring{height:calc(var(--ring-height) + 64px)!important;min-height:0!important;margin:0!important}.notebook-table .scene-board .seat-node{gap:0;min-width:0;min-height:50px;background:#fbefd6!important;border:1px solid #b78f55!important;border-radius:9px!important;width:84px!important;padding:4px 3px!important;box-shadow:0 2px 4px #28140e30!important}.notebook-table .seat-node .seat-art{display:none!important}.notebook-table .scene-board .seat-node strong{background:0 0;border:0;max-width:100%;padding:0!important;font-size:12px!important;line-height:19px!important}.notebook-table .scene-board .seat-role{background:0 0;max-width:100%;padding:0 2px;color:#6f3941!important;font-size:11px!important;line-height:17px!important}.notebook-table .scene-board .seat-flags{color:#786246;background:0 0;min-height:0}.notebook-table .scene-board .seat-markers{line-height:10px;position:absolute;top:-5px;right:-4px}.notebook-table .scene-board .seat-markers small{background:#823545;border:2px solid #ffedce;border-radius:50%;width:12px;height:12px;padding:0;font-size:0}.notebook-table .scene-board .dead{background:#e6dbc7!important}.notebook-table .scene-board .dead strong{color:#665c4d}.notebook-table .scene-board .town-center{width:115px;max-width:115px}.notebook-table .scene-board .town-center>.portrait-frame{width:54px;height:54px}.notebook-table .scene-board .town-center>.portrait-frame svg{width:23px}.notebook-table .scene-board .town-center strong{padding:3px 12px;font-size:13px}.notebook-table .scene-board .town-center h2{margin:2px 0 0;font-size:15px!important;line-height:22px!important}.notebook-table .scene-board .town-center p{font-size:11px!important}.note-segments{background:#e9ddc7;border:1px solid #d1bc97;border-radius:10px;gap:3px;margin-bottom:10px;padding:3px;display:flex}.note-segments button{color:#695239;background:0 0;border:0;border-radius:7px;flex:1;min-height:40px;padding:8px;font-size:14px}.note-section-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.note-section-heading>small{color:#857257;font-size:11px}.note-section-heading .button{min-height:38px;padding:5px 6px;font-size:12px}.note-quick{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.note-quick button{color:#70543a;background:#fbf2df;border:1px solid #d7c5a8;border-radius:20px;min-height:36px;padding:7px 10px;font-size:12px}.note-empty{color:#998365;margin:12px 0;padding:16px 8px;font-size:13px}.note-entry{border-bottom:1px solid #d7c9af;padding:10px 0}.note-entry.important{border-left:3px solid #9a5c33;padding-left:10px}.note-entry.system{color:#786b55}.note-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:14px;line-height:1.7}.note-entry-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-entry-meta small{color:#8a7556;font-size:11px}.note-entry-meta>div{align-items:center;gap:2px;display:flex}.note-entry-meta button{color:#8c6f50;background:0 0;border:0;min-width:32px;min-height:32px;padding:4px;font-size:11px}.note-entry-editor{background:#fff9ed;border:1px solid #b8976d;border-radius:10px;margin:8px 0;padding:10px}.note-entry-editor select{padding:4px 8px;font-size:12px;width:auto!important;min-height:34px!important}.note-entry-editor textarea{resize:vertical;background:0 0;border:0;width:100%;max-height:250px;margin:8px 0;padding:2px;font-size:16px;line-height:1.6;height:auto!important;min-height:130px!important;box-shadow:none!important}.note-seat-insert{gap:5px;padding:3px 0 8px;display:flex;overflow-x:auto}.note-seat-insert button{color:#725335;background:#f6eddc;border:1px solid #d9c6a8;border-radius:7px;flex-shrink:0;min-width:38px;min-height:36px;font-size:12px}.note-reference{color:#7b303b;font:inherit;background:#eedcbb;border:0;border-radius:4px;padding:0 4px;display:inline}.note-desktop-hint{text-align:center;color:#a58a69;padding:110px 24px}.note-desktop-hint h2{font-size:18px}.note-desktop-hint p{font-size:13px}.note-player-panel{z-index:40;background:#fcf4e4;border:1px solid #d1bb98;border-radius:14px;outline:0;flex-direction:column;max-height:calc(100dvh - 100px);display:flex;position:sticky;top:80px;overflow:hidden;box-shadow:0 4px 20px #5a3b1510}.note-player-panel>header{border-bottom:1px solid #ddccb0;align-items:center;gap:3px;padding:6px;display:flex}.note-player-panel h2{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:17px}.note-player-panel h2 small{color:#8a7556;margin-top:3px;font-size:11px;font-weight:400;display:block}.note-player-panel>header .button{min-width:36px;min-height:42px;padding:6px}.note-player-body{overscroll-behavior:contain;padding:10px 16px;overflow:auto}.note-player-panel>footer{background:#fbf2e1;border-top:1px solid #deccac;padding:10px 14px}.note-panel-backdrop{display:none}.note-role-line{text-align:left;color:#856346;background:#f3e5ce;border:1px solid #d8bc93;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.note-role-line span{font-size:12px}.note-role-line strong{color:#642b36;margin-top:2px;font-size:17px;line-height:1.6;display:block}.note-guess{color:#756047;border-bottom:1px solid #decbb0;margin:8px 0;padding:0 0 6px;font-size:13px}.note-guess summary{cursor:pointer;min-height:40px;padding:10px 0}.note-guess .button{min-height:36px;font-size:12px}.note-mark-history,.note-player-settings{color:#867053;margin:10px 0;font-size:12px}.note-mark-history summary,.note-player-settings summary{cursor:pointer;padding:10px 0}.note-player-settings .field{margin:8px 0}.note-history-day>h3{border-bottom:1px solid #d9c4a0;padding-bottom:6px;font-size:14px}.note-mark-rows>div{color:#8a6045;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;font-size:12px;display:flex}.note-mark-rows .note-text-button{flex-shrink:0}.note-role-controls{gap:8px;margin-bottom:10px;display:grid}.note-search{align-items:center;gap:8px;display:flex}.note-search input{flex:1;min-width:0}.note-role-picker{grid-template-columns:1fr 1fr;gap:6px;display:grid}.note-role-picker>div{background:#fff7e8;border:1px solid #d6c2a1;border-radius:8px;grid-template-columns:1fr 30px;display:grid;overflow:hidden}.note-role-picker button{text-align:left;color:#5f4832;background:0 0;border:0;align-items:center;gap:6px;min-width:0;min-height:46px;padding:6px;font-size:13px;display:flex}.note-role-picker button.selected{color:#7a303d;background:#ead4b6}.note-role-picker .note-role-help{color:#9a7d58;border-left:1px solid #e4d2b7;justify-content:center}.note-role-picker p{background:#f0e1c7;grid-column:1/-1;margin:0;padding:8px;font-size:12px;line-height:1.6}.note-legacy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.notes-shield{color:#765a3d;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60dvh;display:flex}.notes-shield h2{margin:0;font-size:21px}.notes-shield p{margin:0 0 6px;font-size:13px}.notebook-page .alert{margin-bottom:10px}@media (max-width:700px){.app-header:not(.in-room) .brand>span:last-child{display:none}.app-header:not(.in-room) nav{gap:1px}.app-header:not(.in-room) nav>button{gap:4px;padding:8px 6px;font-size:12px}.notebook-page{padding:8px 12px 30px}.notebook-heading{gap:2px;margin-bottom:8px}.notebook-heading h1{font-size:18px}.notebook-heading small{font-size:10px}.notebook-heading .button{min-width:34px;padding:6px}.notebook-workspace{display:block}.note-desktop-hint{display:none}.notebook-table .town-board{border-radius:12px;padding:14px 3px}.notebook-table .scene-board .seat-node{min-height:48px;width:72px!important}.notebook-table .scene-board .seat-node strong{font-size:11px!important}.notebook-table .scene-board .seat-role{font-size:10px!important;line-height:16px!important}.notebook-table .seat-ring{height:calc(var(--ring-height) + 44px)!important}.note-general{margin-top:10px}.note-days{margin-bottom:6px}.note-panel-backdrop{z-index:79;background:#21160e55;display:block;position:fixed;inset:0}.note-player-panel{z-index:80;border-radius:18px 18px 0 0;max-height:85dvh;position:fixed;inset:auto 0 0;box-shadow:0 -6px 30px #301d1830}.note-player-panel>header{padding:8px 10px}.note-player-panel>footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.note-player-body{padding:8px 14px}.note-player-panel:has(textarea:focus){max-height:100dvh}.note-role-picker{gap:5px}.note-entry-editor textarea{min-height:110px!important}.notes-library{padding:16px 14px}.notebook-card{padding:14px}.notebook-page.embedded{padding:4px 0 24px}.note-entry-meta button{min-height:36px}.note-segments{margin-bottom:6px}.note-player-settings .button{font-size:12px}}@media (min-width:701px){.notebook-table .scene-board .seat-node{min-height:56px;width:92px!important}.notebook-table .seat-ring{height:calc(var(--ring-height) + 110px)!important}}@media (max-width:370px){.notebook-table .scene-board .seat-node{width:68px!important}.app-header:not(.in-room) nav>button{padding:8px 4px;font-size:11px}.note-role-picker button{font-size:12px}}.large-text .notebook-table .scene-board .seat-node{min-height:60px}.large-text .notebook-table .seat-ring{height:calc(var(--ring-height) + 150px)!important}.large-text .notebook-table .scene-board .seat-node strong{font-size:13px!important}.large-text .notebook-table .scene-board .seat-role{font-size:12px!important}@media (max-width:700px){.note-player-panel{bottom:var(--note-keyboard-offset,0px);max-height:min(85dvh,var(--note-viewport-height,85dvh))}.note-player-panel:has(textarea:focus){max-height:var(--note-viewport-height,100dvh)}}.notebook-table .all-seat-marks{container-type:inline-size}.notebook-table .all-seat-marks .seat-ring{height:var(--ring-height)!important}.notebook-table .all-seat-marks .seat-node{justify-content:flex-start;align-items:center;min-height:48px;width:min(92px,22cqw)!important;height:auto!important}.notebook-table .all-seat-marks .seat-markers{flex-wrap:wrap;justify-content:center;gap:2px;width:100%;max-width:100%;margin:2px 0 0;line-height:1.3;display:flex;position:static;inset:auto}.notebook-table .all-seat-marks .seat-markers small{color:#674536;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;background:#e9d8ba;border:0;border-radius:3px;width:auto;max-width:100%;height:auto;padding:1px 3px;font-size:10px;line-height:1.3;display:block;overflow:visible}.notebook-table .all-seat-marks .seat-flags:empty{display:none}.note-day-group>h3{color:#765438;border-bottom:1px solid #cbb48e;margin:0;padding:5px 0;font-size:13px;line-height:1.4}.note-entry{padding:5px 0}.note-entry p{margin:2px 0;font-size:14px;line-height:1.45}.note-entry.important{padding-left:7px}.note-entry-meta{gap:4px;min-height:28px}.note-entry-meta button{min-height:32px}.note-entry-editor{margin:5px 0;padding:8px}.note-entry-editor textarea{margin:5px 0;line-height:1.45}.note-entry-editor .note-entry-meta{flex-wrap:wrap}.note-role-line{margin-bottom:6px;padding:7px 10px}.note-role-line strong{overflow-wrap:anywhere;margin-top:1px;font-size:15px;line-height:1.45}.note-player-body{padding-top:8px;padding-bottom:8px}.note-section-heading h3{margin:8px 0;font-size:15px}.note-empty{margin:6px 0;padding:10px 4px}.note-player-panel>footer{padding-top:7px;padding-bottom:7px}.note-mark-history,.note-player-settings{margin:6px 0}@media (max-width:700px){.notebook-table .all-seat-marks .seat-node{width:min(72px,22cqw)!important}.note-entry-meta button{min-height:36px}.note-player-panel>footer{padding-bottom:max(7px,env(safe-area-inset-bottom))}}.large-text .notebook-table .all-seat-marks .seat-markers small{font-size:12px}.note-day-group{margin:12px 0 0}.note-day-group>h3{letter-spacing:.04em;padding:5px 0 6px}.note-phase-group{margin:8px 0 0}.note-phase-group>h4{color:#786957;align-items:center;gap:7px;margin:0 0 5px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.note-phase-group>h4:after{content:"";background:#d9cbb7;flex:1;height:1px}.note-entries{gap:6px;display:grid}.note-entries>.note-entry,.note-entries>.note-entry-editor{--bubble-bg:#eee8f2;--bubble-border:#d6cadf;border:1px solid var(--bubble-border);background:var(--bubble-bg);color:#453d43;border-radius:12px 12px 12px 4px;min-width:0;margin:0;padding:7px 10px;box-shadow:0 1px 2px #503b2810}.note-entries>:nth-child(3n+2){--bubble-bg:#e5eee7;--bubble-border:#c8d9cc}.note-entries>:nth-child(3n+3){--bubble-bg:#f3e6dd;--bubble-border:#e1cbbb}.note-entries>.note-entry.important{border-left:3px solid #87516c;padding-left:8px}.note-entries>.note-entry.system{color:#5b5c56}.note-entries>.note-entry p{margin:1px 0 3px;font-size:14px;line-height:1.45}.note-entry-meta{justify-content:flex-end;gap:5px;min-height:0}.note-entry-meta>small{color:#6d625b;margin-right:auto;font-size:10px}.note-entry-meta button{color:#695864;min-width:32px;min-height:32px;padding:3px 5px}.note-entry-editor .note-entry-meta{justify-content:space-between}.note-entries>.note-entry-editor{border-color:#a388a6}.note-entries>.note-entry-editor:focus-within{outline-offset:1px;outline:2px solid #88678055}.note-entry-editor textarea{color:#453d43;border-radius:0}.note-reference{color:#743349;background:#ffffff80;font-weight:500}.note-table-controls{justify-content:center;align-items:center;gap:8px;margin:5px 0 0;display:flex}.note-table-controls button{color:#735237;background:#f8edd9;border:1px solid #cbb28a;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:5px 10px;font-size:12px;line-height:1.3;display:inline-flex}.note-table-controls button:disabled{opacity:.45}.note-next-day,.notebook-table .town-center .note-next-day{color:#66393d;cursor:pointer;pointer-events:auto;background:#f8ecd5;border:1px solid #d4ad78;border-radius:8px;justify-content:center;align-items:center;gap:3px;width:auto;max-width:100%;min-height:36px;margin:5px auto 0;padding:5px 8px;font-size:11px;line-height:1.3;display:inline-flex;box-shadow:0 1px 3px #29140c25}.note-next-day:disabled{opacity:.5;cursor:default}@media (max-width:700px){.note-entry-meta button{min-height:36px}.note-entries>.note-entry,.note-entries>.note-entry-editor{padding-top:5px;padding-bottom:5px}.note-table-controls{gap:6px}.note-table-controls button{min-height:40px}}.large-text .note-entries>.note-entry p{font-size:16px;line-height:1.5}.note-entries>.note-tone-0{--bubble-bg:#eee8f2;--bubble-border:#d6cadf}.note-entries>.note-tone-1{--bubble-bg:#e5eee7;--bubble-border:#c8d9cc}.note-entries>.note-tone-2{--bubble-bg:#f3e6dd;--bubble-border:#e1cbbb}.notebook-table .scene-board .seat-node,.notebook-table .scene-board .seat-node.dead{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.notebook-table .scene-board .seat-node .seat-art{width:46px;height:46px;margin-bottom:2px;position:relative;display:block!important}.notebook-table .scene-board .seat-art .portrait-frame{border-radius:50%;width:46px;height:46px}.notebook-table .scene-board .seat-art .portrait-content>svg{width:24px;height:24px}.notebook-table .scene-board .seat-art .role-token{border-radius:50%;width:34px;min-width:0;height:34px}.notebook-table .scene-board .seat-node strong{color:#433022;background:#fbefddeb;border-radius:4px;width:auto;max-width:100%;padding:0 4px!important;line-height:18px!important}.notebook-table .scene-board .seat-role{white-space:normal;overflow-wrap:anywhere;background:#fff3dedf;border-radius:4px;margin-top:1px;padding:1px 5px;font-weight:600;color:#742c41!important;font-size:11px!important;line-height:16px!important}.notebook-table .scene-board .seat-node.dead strong{color:#665c4d}.notebook-table .all-seat-marks .seat-markers{margin-top:2px}.notebook-table .all-seat-marks .seat-markers small{background:#f0dfc3ed}.notebook-table .scene-board .seat-flags:not(:empty){background:#f6e7cde8;margin-top:1px;padding:1px 3px}.note-player-identity{flex-wrap:wrap;flex:1;align-items:center;gap:0 5px;min-width:0;display:flex}.note-player-identity .note-player-name{color:#51382c;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;align-items:center;min-width:0;max-width:100%;min-height:36px;padding:3px 2px;font-size:15px;font-weight:600;line-height:1.3;display:inline-flex}.note-player-identity input.note-player-name{width:110px;box-shadow:none;border-bottom:1px solid #a67a59;border-radius:0}.note-header-role{color:#78374a;overflow-wrap:anywhere;background:#edddcc;border:0;border-radius:5px;align-items:center;gap:3px;max-width:100%;min-height:34px;padding:3px 6px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.note-extra-line{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 5px;display:flex}.note-extra-line button{color:#75543d;background:#f4e9d8;border:1px solid #d6c0a2;border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:3px 7px;font-size:12px;line-height:1.3;display:inline-flex}button.note-extra-line{color:#75543d;text-align:left;background:#f4e9d8;border:1px solid #d6c0a2;border-radius:6px;max-width:100%;min-height:32px;padding:3px 7px;font-size:12px;line-height:1.3}.notebook-table .scene-board .seat-node strong{text-align:center;align-self:center}.note-player-body{padding:6px 12px}.note-player-panel>header{padding:5px 7px}.note-day-group{margin-top:7px}.note-day-group>h3{padding:3px 0;line-height:1.35}.note-phase-group{margin-top:5px}.note-phase-group>h4{margin-bottom:3px;line-height:1.3}.note-entries{justify-items:start;gap:4px}.note-entries>.note-entry{touch-action:pan-y;-webkit-touch-callout:none;border-radius:10px 10px 10px 3px;width:-moz-fit-content;width:fit-content;max-width:92%;padding:5px 9px}.note-entries>.note-entry p{margin:0;line-height:1.4}.note-entries>.note-entry.important{padding-left:7px}.note-entries>.note-entry-editor{width:100%;padding:6px 8px}.note-entry-editor textarea{margin:3px 0;line-height:1.4;min-height:76px!important}.note-seat-insert{padding-bottom:4px}.note-entry:focus-visible{outline-offset:2px;outline:2px solid #87516c}.note-source{color:#746c62;margin-bottom:1px;font-size:10px;line-height:1.3;display:block}.note-important-icon{float:right;color:#87516c;margin:3px 0 1px 5px}.note-entry-actions{flex-direction:column;gap:5px;display:flex}.note-entry-actions button{color:#644737;background:#f7eddd;border:1px solid #dcc8ad;border-radius:7px;justify-content:flex-start;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.note-entry-actions button.danger{color:#913d45;background:#f4e1dc;border-color:#dec0b9}@media (max-width:700px){.note-player-body{padding:5px 10px}.note-player-panel>header{padding:5px 7px}.note-player-panel>header .button{min-width:32px;min-height:40px;padding:5px}.note-player-identity .note-player-name{font-size:14px}.note-header-role{font-size:12px}.note-entries>.note-entry{padding:4px 8px}}.large-text .notebook-table .scene-board .seat-role{font-size:12px!important;line-height:18px!important}.notebook-table{position:relative}.note-table-controls{z-index:3;pointer-events:none;justify-content:space-between;margin:0;position:absolute;inset:3px 4px auto}.note-table-controls button{pointer-events:auto;background:#fff0d8ed;border-radius:8px;gap:3px;min-height:28px;padding:3px 7px;font-size:11px}.notebook-table .compact-notes .seat-ring{height:var(--ring-height)!important}.notebook-table .compact-notes .seat-node{width:min(78px,22cqw)!important;min-height:0!important}.notebook-table .compact-notes .seat-node .seat-art,.notebook-table .compact-notes .seat-art .portrait-frame{width:32px;height:32px;margin-bottom:0}.notebook-table .compact-notes .seat-art .role-token{width:24px;height:24px}.notebook-table .compact-notes .seat-art .portrait-content>svg{width:18px;height:18px}.notebook-table .compact-notes .seat-node strong{padding:1px 3px!important;font-size:11px!important;line-height:15px!important}.notebook-table .compact-notes .seat-role{margin-top:1px;padding:0 3px;font-size:10px!important;line-height:13px!important}.notebook-table .compact-notes .seat-markers{gap:1px;margin-top:1px}.notebook-table .compact-notes .seat-markers small{padding:0 2px;font-size:10px;line-height:12px}.notebook-table .compact-notes .note-seat-states{flex-wrap:wrap;justify-content:center;gap:1px 3px;max-width:100%;padding:0 2px;line-height:12px;display:flex}.notebook-table .compact-notes .note-seat-states small{white-space:normal;overflow-wrap:anywhere;align-items:center;gap:1px;font-size:10px;line-height:12px;display:inline-flex}.notebook-table .compact-notes .note-seat-states:empty{display:none}.notebook-table .compact-notes .town-center{gap:1px;width:106px;max-width:106px}.notebook-table .compact-notes .town-center>.portrait-frame{width:35px;height:35px}.notebook-table .compact-notes .town-center>.portrait-frame svg{width:19px;height:19px}.notebook-table .compact-notes .town-center strong{padding:2px 6px;font-size:11px}.notebook-table .compact-notes .town-center h2{margin:1px 0;font-size:13px!important;line-height:17px!important}.notebook-table .compact-notes .town-center p{margin:0;line-height:14px;font-size:10px!important}.note-storyteller{color:inherit;font:inherit;background:0 0;border:0;min-height:28px;padding:3px 5px}.notebook-table .compact-notes .town-center .note-next-day{width:100%;min-height:29px;margin:3px 0 0;padding:4px 5px;font-size:10px}.execution-mark{z-index:3;color:#fff0d8;background:#7a303d;border-radius:50%;width:19px;height:19px;padding:2px;position:absolute;bottom:-1px;right:-3px;box-shadow:0 0 0 1px #f6d898}.note-general{margin-top:5px}.note-general>.note-section-heading{min-height:34px}.note-general>.note-section-heading h2{margin:4px 0;font-size:16px}.note-general-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:clamp(170px,30dvh,340px);padding:0 2px 8px;overflow:auto}@media (max-width:700px){.notebook-page{padding:4px 8px 12px}.notebook-heading{margin-bottom:3px}.notebook-heading .button{min-height:34px}.note-days{margin-bottom:3px;padding-bottom:3px}.note-days button{min-height:31px;padding:3px 8px;font-size:12px}.notebook-table .town-board{border-radius:10px}.note-table-controls button{min-height:28px}.note-general-scroll{max-height:clamp(160px,27dvh,250px)}}.large-text .notebook-table .compact-notes .seat-node strong{font-size:13px!important;line-height:17px!important}.large-text .notebook-table .compact-notes .seat-role,.large-text .notebook-table .compact-notes .note-seat-states small,.large-text .notebook-table .compact-notes .seat-markers small{font-size:12px!important;line-height:15px!important}.note-script-heading{align-items:center;gap:8px;min-height:28px;margin-bottom:3px;font-size:12px;display:flex}.note-script-heading>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-script-heading .note-text-button{flex-shrink:0;min-height:28px;padding:3px}.note-team-heading{margin:12px 0 6px;font-size:14px}.note-config-roles{gap:5px;display:grid}.note-config-role{border-bottom:1px solid #decbb0;align-items:center;gap:8px;padding:6px;display:flex}.note-config-role>div{min-width:0}.note-config-role strong{font-size:13px}.note-config-role p{margin:2px 0;font-size:12px;line-height:1.45}.note-quick button,.note-extra-line>span{align-items:center;gap:3px;display:inline-flex}.note-quick button[aria-pressed=true]{color:#712c41;background:#ead4b6}.note-action-composer .chip{min-height:34px}.note-action-composer .chip.selected{background:#ead4b6;border-color:#986879}.note-action-preview p{margin:5px 0;font-size:14px;line-height:1.5}.note-role-controls+.note-search,.note-search{margin:8px 0}.notebook-table .compact-notes .note-seat-states{color:#51382c;background:#f6e7cde8;border-radius:3px;width:auto;height:auto;position:static;inset:auto;transform:none}.notebook-table .compact-notes .seat-index{margin-right:3px}.notebook-table .compact-notes .note-seat-states small{width:auto;max-width:100%;height:auto;min-height:12px;color:inherit;background:0 0;border-radius:2px;flex-shrink:0;padding:0}.notebook-table .compact-notes .note-seat-states small svg{width:11px;height:11px}