.combat-board,.monster-library{padding:0 16px 24px}.combat-heading{border-bottom:1px solid #dfe3e8;justify-content:space-between;align-items:center;height:64px;display:flex}.combat-heading h3,.combat-start h3,.monster-editor h3{margin:0;font-size:16px}.combat-heading span,.combat-action-row span{color:#69717d;font-size:12px}.combat-heading button,.combat-action-row>button,.combat-end,.monster-form>button,.combat-action-form button,.monster-detail-form>button,.monster-action-form>button{justify-content:center;align-items:center;gap:7px;display:flex}.combat-queue{border-top:1px solid #dfe3e8}.combat-queue>div{border-bottom:1px solid #e7eaee;grid-template-columns:36px minmax(0,1fr) 44px 168px;align-items:center;gap:4px;height:52px;display:grid}.combat-queue>div.current{background:#edf7f1}.combat-turn{color:#276749;font-size:11px}.combat-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.combat-dex{font-variant-numeric:tabular-nums;font-size:12px}.combat-tools{grid-template-columns:repeat(5,32px);gap:2px;display:grid}.combat-tools button{background:0 0;border:0;width:32px;height:32px}.combat-action-form,.monster-form,.monster-copy,.monster-detail-form,.monster-action-form{border-bottom:1px solid #dfe3e8;gap:10px;padding:16px 0;display:grid}.combat-action-form select,.monster-library input,.monster-library select,.monster-library textarea{box-sizing:border-box;width:100%;min-width:0}.combat-target-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.combat-target-checks label{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;display:flex}.monster-library textarea{resize:vertical;min-height:76px}.combat-actions h4{margin:16px 0 8px}.combat-action-row{border-bottom:1px solid #e7eaee;padding:12px 0}.combat-action-row>div:first-child{justify-content:space-between;gap:8px;display:flex}.combat-action-row p{overflow-wrap:anywhere;margin:6px 0}.combat-reaction-block{gap:5px;display:grid}.combat-reactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.combat-reactions button{justify-content:center;align-items:center;gap:4px;min-height:38px;display:flex}.combat-action-row>button,.combat-end{width:100%;margin-top:8px}.combat-start{gap:10px;padding:16px 0;display:grid}.combat-participant-picker,.combat-approved-actions{gap:7px;display:grid}.combat-action-builder{border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;gap:10px;padding:14px 0;display:grid}.combat-action-builder h4{margin:0;font-size:14px}.combat-action-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.combat-action-builder-grid label{color:#4d5662;gap:5px;min-width:0;font-size:12px;display:grid}.combat-action-builder-grid input,.combat-action-builder-grid select{box-sizing:border-box;width:100%;min-width:0}.combat-approved-actions>div{border-bottom:1px solid #e7eaee;grid-template-columns:minmax(0,1fr) 36px;align-items:center;min-height:40px;display:grid}.combat-approved-actions span{overflow-wrap:anywhere}.combat-approved-actions button{background:0 0;border:0;width:32px;height:32px}@media (width<=560px){.combat-action-builder-grid{grid-template-columns:minmax(0,1fr)}}.combat-start label,.effect-check{align-items:center;gap:8px;display:flex}.monster-form label,.monster-detail-form label,.monster-action-form label,.effect-fields label{color:#4d5662;gap:5px;font-size:12px;display:grid}.monster-numbers,.monster-action-grid,.effect-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.monster-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.monster-copy button,.monster-copy select:last-of-type{min-width:0}.monster-list>div{border-bottom:1px solid #e7eaee;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:62px;display:grid}.monster-list>div.selected{background:#edf7f1}.monster-select,.monster-action-select{text-align:left;background:0 0;border:0;flex-direction:column;gap:3px;min-width:0;padding:10px 4px;display:flex}.monster-select strong,.monster-action-select strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monster-select small,.monster-list small{color:#69717d}.monster-actions{display:flex}.monster-editor{padding-top:20px}.monster-portrait{object-fit:cover;border:1px solid #dfe3e8;border-radius:6px;width:88px;height:88px}.monster-action-list h4,.monster-action-form h4{margin:14px 0 6px}.monster-action-list>div,.effect-list>div{border-bottom:1px solid #e7eaee;grid-template-columns:minmax(0,1fr) 36px;align-items:center;min-height:48px;display:grid}.monster-action-select span,.effect-list span{color:#69717d;overflow-wrap:anywhere;font-size:12px}.monster-form-heading{justify-content:space-between;align-items:center;display:flex}.effect-builder{border:1px solid #dfe3e8;border-radius:6px;gap:8px;padding:10px;display:grid}.effect-check{align-self:end;min-height:42px}.effect-check input{width:auto}.combat-reveal-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin:8px 0;display:grid}.combat-reveal-controls input{min-width:0}.combat-reveal-controls button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:flex}.resolution-wizard{border-top:1px solid #dfe3e8;gap:10px;margin-top:12px;padding-top:12px;display:grid}.resolution-wizard h5{margin:0;font-size:14px}.resolution-target{border:1px solid #dfe3e8;border-radius:6px;min-width:0;margin:0;padding:10px}.resolution-target legend{padding:0 5px;font-size:13px;font-weight:700}.resolution-recipient{color:#8a3d35;font-size:12px;margin:0 0 8px!important}.resolution-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.resolution-summary span{background:#f4f6f8;border-radius:4px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.resolution-summary strong{overflow-wrap:anywhere;font-size:12px}.resolution-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.resolution-values label,.resolution-note{color:#4d5662;gap:4px;font-size:12px;display:grid}.resolution-values input,.resolution-note input{box-sizing:border-box;width:100%;min-width:0}.resolution-suggestions{gap:6px;margin-top:9px;display:grid}.resolution-suggestion{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.resolution-suggestion label{align-items:flex-start;gap:7px;font-size:12px;display:flex}.resolution-suggestion select{min-width:118px}.resolution-note{margin-top:9px}.resolution-error{font-size:12px;color:#a12b25!important}.resolution-loading{color:#69717d}.resolution-wizard>button{justify-content:center;align-items:center;width:100%;display:flex}@media (width<=600px){.room-live-toolbar{grid-template-columns:40px minmax(0,1fr) repeat(6,36px);gap:0}.combat-board,.monster-library{padding-inline:12px}.combat-reveal-controls{grid-template-columns:1fr 1fr}.combat-reveal-controls input{grid-column:1/-1}.resolution-summary,.monster-action-grid,.effect-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.room-live-toolbar h1{max-width:72px}.combat-queue>div{grid-template-columns:30px minmax(0,1fr) 36px 158px}.combat-tools{grid-template-columns:repeat(5,30px)}.combat-tools button{width:30px}.combat-reactions,.resolution-values,.monster-copy,.resolution-suggestion{grid-template-columns:1fr}.monster-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.combat-board *,.monster-library *{scroll-behavior:auto;transition:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14201d;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f6;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#0f766e14,#0000 260px),#f4f7f6;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel,.panel,.list-card,.home-card,.empty-state{background:#fff;border:1px solid #d7dfdc;border-radius:8px}.login-panel{width:min(420px,100%);padding:28px;box-shadow:0 16px 45px #14201d1f}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}h1,h2,p{margin-top:0}.login-panel h1,.home-title h1,.page-head h1{letter-spacing:0;margin-bottom:8px;font-size:clamp(28px,5vw,42px);line-height:1.08}.login-panel p,.home-title p,.list-card p,.muted{color:#60716b;line-height:1.55}.login-form,.creator-layout,.detail-layout,.card-list,.roll-items,.request-list{gap:12px;display:grid}.login-form{margin-top:24px}label{color:#394743;gap:7px;font-size:14px;font-weight:800;display:grid}input,select,textarea{color:#14201d;background:#fff;border:1px solid #cdd8d4;border-radius:8px;outline:none;width:100%}input,select{height:42px;padding:0 12px}textarea{resize:vertical;min-height:112px;padding:12px;line-height:1.5}.primary-button,.secondary-button,.danger-button,.small-button,.icon-button,.brand-button,.dice-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:#0f766e}.secondary-button{color:#fff;background:#1f6f42}.danger-button{color:#fff;background:#b42318}.small-button,.icon-button,.brand-button,.dice-button{color:#243430;background:#edf3f1}.wide{width:100%}.form-error{color:#b42318;background:#fff1f0;border:1px solid #ffd2cc;border-radius:8px;padding:10px 12px;font-size:14px}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #dbe5e1;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px clamp(14px,3vw,28px);display:flex;position:sticky;top:0}.brand-button{background:0 0;padding:0;font-size:19px}.topbar-actions{align-items:center;gap:8px;display:flex}.user-chip{color:#42605a;background:#eef5f2;border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.icon-button{width:42px;height:42px;font-size:24px}.home-shell,.page-shell{width:min(1180px,100%);margin:0 auto;padding:clamp(14px,3vw,28px)}.home-title,.page-head,.section-title,.card-head,.drawer-head{align-items:center;gap:12px;display:flex}.page-head{justify-content:space-between;margin-bottom:18px}.page-head h1{margin-bottom:0}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.home-card{color:#14201d;text-align:left;align-content:start;gap:12px;min-height:190px;padding:20px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid}.home-card strong{font-size:23px}.home-card span{color:#60716b;line-height:1.55}.panel{padding:clamp(14px,2.5vw,20px)}.panel h2,.list-card h2{margin-bottom:12px;font-size:18px}.section-title h2{margin-bottom:0}.form-grid,.attribute-editor{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.skill-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inline-fields{grid-template-columns:minmax(0,1fr) 96px;gap:8px;display:grid}.custom-dice{grid-template-columns:minmax(0,1fr) 120px;margin-top:12px}.inline-select{max-width:260px}.check-row{background:#f8fbfa;border:1px solid #d7dfdc;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.check-row input{flex:none;width:18px;height:18px}.section-title.split{justify-content:space-between;margin-bottom:12px}.quick-stats{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.stat-cell{background:#f3f7f5;border-radius:8px;align-content:center;gap:4px;min-height:60px;padding:10px;display:grid}.stat-cell span,.roll-item small{color:#60716b}.stat-cell strong{overflow-wrap:anywhere}.list-card{padding:14px}.clickable-card{cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s}.clickable-card:hover,.clickable-card:focus-visible{border-color:#0f766e;outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #14201d1a}.action-row{grid-template-columns:minmax(0,1fr) 132px;align-items:stretch;gap:10px;display:grid}.list-card.compact{align-items:center;gap:12px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px}.status{color:#805400;background:#fff8e6;border:1px solid #f5c66d;border-radius:8px;flex:none;padding:6px 9px;font-size:13px;font-weight:900}.status.active{color:#0f766e;background:#eaf7f4;border-color:#9fd3c8}.segmented{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.segmented button{background:#fff;border:1px solid #d7dfdc;border-radius:8px;flex:none;min-height:40px;padding:0 12px;font-weight:900}.segmented button.active{color:#0f766e;background:#eaf7f4;border-color:#0f766e}.campaign-form{flex:520px;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 132px;gap:8px;display:grid}.campaign-tabs{margin-top:10px}.campaign-actions{grid-template-columns:minmax(0,1fr) 128px 150px;align-items:center;gap:10px;display:grid}.dice-row,.point-grid{gap:10px;display:grid}.dice-row{grid-template-columns:repeat(7,minmax(0,1fr))}.dice-button{min-height:54px}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.point-button{color:#14201d;text-align:left;background:#fff;border:1px solid #d7dfdc;border-radius:8px;gap:2px;min-height:74px;padding:10px;display:grid}.point-button span{overflow-wrap:anywhere;font-weight:900}.point-button strong{font-size:26px;line-height:1}.request-button,.request-row{text-align:left;background:#f8fbfa;border:1px solid #d7dfdc;border-radius:8px;gap:4px;min-height:64px;padding:12px;display:grid}.request-button span,.request-row span{color:#60716b}.roll-item{background:#fff;border:1px solid #dbe5e1;border-radius:8px;padding:10px}.roll-item div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.roll-item strong{font-size:25px}.roll-item span{color:#0f766e;font-size:13px;font-weight:900}.roll-item p{margin:4px 0;font-weight:900}.drawer-backdrop{z-index:30;background:#14201d5c;justify-content:flex-end;display:flex;position:fixed;inset:0}.log-drawer{background:#f4f7f6;width:min(520px,100%);height:100%;padding:18px;overflow:auto;box-shadow:-18px 0 50px #14201d3d}.drawer-head{justify-content:space-between;margin-bottom:14px}.result-backdrop{justify-content:center;align-items:center}.result-modal{text-align:center;background:#fff;border:1px solid #d7dfdc;border-radius:8px;justify-items:center;gap:10px;width:min(360px,100% - 28px);padding:24px;display:grid}.result-modal h2{margin:0;font-size:64px;line-height:1}.roll-toast{color:#fff;background:#14201d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:min(520px,100% - 28px);min-height:48px;padding:10px 16px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #14201d3d}.empty-state{color:#60716b;text-align:center;align-content:center;place-items:center;gap:10px;min-height:320px;padding:24px;display:grid}@media (width<=860px){.home-grid,.form-grid,.attribute-editor,.skill-editor,.action-row,.campaign-form,.campaign-actions{grid-template-columns:1fr}.inline-select{max-width:none}.quick-stats{grid-template-columns:repeat(3,1fr)}.dice-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.topbar{padding:10px 12px}.brand-button span,.user-chip{display:none}.home-shell,.page-shell{padding:12px}.page-head{align-items:flex-start}.page-head h1{font-size:28px}.home-card{min-height:150px}.quick-stats,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-row{grid-template-columns:repeat(3,minmax(0,1fr))}.point-button{min-height:82px}}.room-page{width:min(1180px,100%);margin:0 auto;padding:clamp(14px,3vw,28px)}.room-page-head,.room-title-group,.room-head-actions,.room-toolbar,.room-card-head,.room-card-meta,.room-command-bar,.room-section-head,.room-member,.room-member-state,.review-heading,.review-actions{align-items:center;display:flex}.room-page-head,.room-toolbar,.room-card-head,.room-section-head,.room-member,.review-heading{justify-content:space-between}.room-page-head{gap:18px;margin-bottom:20px}.room-title-group{align-items:flex-start;gap:12px;min-width:0}.room-title-group>div{min-width:0}.room-title-group h1{overflow-wrap:anywhere;letter-spacing:0;margin:3px 0 6px;font-size:30px}.room-title-group p,.room-section-head p{color:#60716b;margin:0;line-height:1.45}.room-head-actions,.room-card-meta,.room-command-bar,.room-member-state,.review-actions{gap:8px}.room-toolbar{gap:14px;margin-bottom:18px}.room-segments{background:#edf3f1;border:1px solid #d7dfdc;border-radius:8px;grid-template-columns:repeat(3,minmax(82px,1fr));gap:4px;padding:4px;display:grid}.room-segments button,.room-command-bar button,.room-primary,.room-request button{border:0;border-radius:6px;font-weight:900}.room-segments button{color:#52635d;background:0 0;min-height:36px;padding:0 12px}.room-segments button.active{color:#0f766e;background:#fff;box-shadow:0 1px 4px #14201d1f}.room-search{background:#fff;border:1px solid #cdd8d4;border-radius:8px;align-items:center;gap:8px;width:min(390px,100%);padding-left:12px;display:flex}.room-search input{box-shadow:none;border:0;min-width:0}.room-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px;display:grid}.room-card{background:#fff;border:1px solid #d7dfdc;border-radius:8px;grid-template-rows:auto 1fr auto auto auto;gap:12px;min-width:0;min-height:260px;padding:16px;display:grid}.room-card-copy h2{overflow-wrap:anywhere;margin:0 0 7px;font-size:20px}.room-card-copy p{color:#60716b;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.room-status{color:#52635d;background:#eef2f1;border-radius:6px;align-items:center;width:fit-content;min-height:28px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.room-status-open{color:#176b45;background:#e8f7ef}.room-status-paused{color:#805400;background:#fff4d6}.room-status-ended{color:#45535b;background:#e9edef}.room-card-meta{color:#60716b;flex-wrap:wrap;font-size:13px}.room-card-meta span{align-items:center;gap:5px;display:inline-flex}.room-primary{color:#fff;background:#0f766e;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;display:flex}.room-primary:disabled{color:#65736e;cursor:default;background:#dce4e1}.room-request{color:#805400;background:#fff4d6;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:6px 8px;font-size:12px;font-weight:900;display:flex}.room-request button{color:inherit;background:0 0;text-decoration:underline}.room-empty,.room-error,.room-warning{overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px;display:flex}.room-empty{color:#60716b;background:#f8fbfa;border:1px dashed #c9d5d1}.room-error{color:#9b1c13;background:#fff1f0;border:1px solid #ffd2cc;margin-bottom:12px}.room-warning{color:#805400;background:#fff8e6;border:1px solid #f5c66d}.room-command-bar{border-block:1px solid #d7dfdc;flex-wrap:wrap;margin-bottom:16px;padding:10px}.room-command-bar button{color:#0f766e;background:#eaf7f4;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.room-command-bar button.danger{color:#b42318;background:#fff1f0}.room-roster{padding-top:4px}.room-section-head{gap:12px;margin-bottom:12px}.room-section-head h2{margin:0 0 4px;font-size:19px}.room-member-list{border-block:1px solid #d7dfdc}.room-member{border-bottom:1px solid #e3e9e7;gap:12px;min-height:66px;padding:10px 4px}.room-member:last-child{border-bottom:0}.room-member>div:first-child{gap:3px;min-width:0;display:grid}.room-member span{color:#60716b;overflow-wrap:anywhere;font-size:13px}.room-overlay{z-index:40;background:#14201d6b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.room-dialog{background:#fff;border:1px solid #d7dfdc;border-radius:8px;width:min(560px,100%);max-height:min(820px,100vh - 32px);padding:18px;overflow:auto;box-shadow:0 22px 60px #14201d3d}.room-dialog>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.room-dialog>header h2{margin:0;font-size:20px}.inbox-drawer,.review-drawer{border-radius:0;width:min(560px,100%);max-height:none;padding:18px;position:absolute;inset:0 0 0 auto}.review-drawer{width:min(720px,100%)}.room-form,.room-confirm,.inbox-list{gap:14px;display:grid}.room-toggle,.room-radio-group label,.room-character-picker label{align-items:center;gap:9px;display:flex}.room-toggle input,.room-radio-group input,.room-character-picker input{flex:none;width:18px;height:18px}.room-radio-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.room-radio-group label{border:1px solid #d7dfdc;border-radius:8px;min-height:44px;padding:8px}.room-character-picker{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.room-character-picker legend{margin-bottom:8px;font-weight:900}.room-character-picker label{border:1px solid #d7dfdc;border-radius:8px;min-height:58px;padding:9px 10px}.room-character-picker label.disabled{opacity:.62}.room-character-picker label span{gap:3px;min-width:0;display:grid}.room-character-picker small{color:#60716b}.inbox-row{border-bottom:1px solid #d7dfdc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:68px;padding:10px 2px;display:grid}.inbox-row>button:first-child{color:#14201d;text-align:left;background:#fff;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:0;display:grid}.inbox-revoke{color:#b42318;background:#fff;border:1px solid #d7dfdc;border-radius:6px;min-height:34px;font-weight:900}.inbox-row>button:first-child>span:first-child{gap:4px;min-width:0;display:grid}.inbox-row small{color:#60716b;overflow-wrap:anywhere}.room-request-pending{color:#805400}.room-request-success{color:#176b45}.room-request-danger{color:#b42318}.review-heading{border-bottom:1px solid #d7dfdc;gap:12px;padding-bottom:12px}.review-heading>div{gap:3px;min-width:0;display:grid}.review-heading span{color:#60716b;overflow-wrap:anywhere;font-size:13px}.review-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.review-stats>div{background:#edf3f1;border-radius:8px;align-content:center;gap:3px;min-height:58px;padding:9px;display:grid}.review-stats span{color:#60716b;font-size:12px}.review-section{margin-top:16px}.review-section h3{margin:0 0 8px;font-size:15px}.review-section dl{background:#dfe7e4;border:1px solid #dfe7e4;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.review-section dl>div{background:#fff;grid-template-columns:minmax(70px,auto) minmax(0,1fr);gap:8px;min-width:0;padding:8px;display:grid}.review-section dt{color:#60716b}.review-section dd{text-align:right;overflow-wrap:anywhere;margin:0}.review-actions{background:#fff;border-top:1px solid #d7dfdc;justify-content:flex-end;margin:18px -18px -18px;padding:12px 18px;position:sticky;bottom:-18px}@media (width<=680px){.room-page{padding:12px}.room-page-head,.room-toolbar{flex-direction:column;align-items:stretch}.room-head-actions{flex-wrap:wrap;justify-content:flex-end;display:flex}.room-search{width:100%}.room-overlay{padding:0}.room-dialog,.inbox-drawer,.review-drawer{border:0;border-radius:0;width:100%;height:100%;max-height:none;padding:14px;position:static}.room-radio-group,.review-section dl{grid-template-columns:1fr}.review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.review-heading{flex-direction:column;align-items:flex-start}.review-actions{margin:18px -14px -14px;padding:12px 14px;bottom:-14px}}@media (width<=390px){.room-head-actions{justify-content:flex-end}.room-head-actions .secondary-button{flex:100%}.room-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.room-segments button{padding:0 6px}.room-member{align-items:flex-start}}.room-live-header{background:#fffffff5;border-bottom:1px solid #dce4e1;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;min-width:0;padding:0 max(12px,50% - 550px);display:grid}.room-live-titlebar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.3;overflow:hidden}.room-live-tools::-webkit-scrollbar{display:none}.speaker-toolbar::-webkit-scrollbar{display:none}.timeline-scroll{flex-direction:column;gap:14px;min-height:0;padding:22px max(16px,50% - 440px) 28px;scroll-padding-bottom:28px;display:flex;overflow-y:auto}.timeline-message.is-own{background:#eaf5f1;align-self:flex-end}.timeline-message-ooc{color:#4b565b;max-width:min(580px,78%);box-shadow:none;background:#edf0f1}.timeline-message-ooc.is-own{background:#e7ebec}.timeline-message-narration{color:#39443f;text-align:center;width:100%;min-width:0;max-width:760px;box-shadow:none;background:0 0;border-radius:0;align-self:center;padding:10px 38px 12px}.timeline-author{color:#245e50;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;padding:0;font-weight:800;overflow:hidden}.timeline-event{background:#fff;border:0;border-left:3px solid #ad7427;border-radius:4px;align-self:center;width:min(720px,100%);padding:11px 14px}.speaker-toolbar button{color:#53635d;background:#f0f4f2;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:6px;height:32px;padding:0 9px;font-weight:800;display:inline-flex}.composer-input-row input{flex:auto;min-width:0;height:44px}.composer-send{color:#fff;background:#176f61;flex:0 0 44px;width:44px;height:44px}.composer-send:disabled{color:#7d8984;background:#dce4e1}.npc-form{background:#f7f9f8;border-bottom:1px solid #dce4e1;gap:12px;padding:18px 16px;display:grid}.npc-form label,.account-settings-form label{color:#43534d;gap:6px;min-width:0;font-weight:800;display:grid}.npc-form-actions button{min-height:38px}.npc-empty{color:#718079;text-align:center;margin:0;padding:28px 20px;line-height:1.6}.account-settings-page .page-head{justify-content:flex-start;gap:10px}.account-settings-page .page-head h1,.account-settings-page .page-head p{margin:0}.account-settings-page .page-head p{color:#60716b;margin-top:4px}.account-settings-form{gap:18px;width:min(520px,100%);margin-top:28px;display:grid}.account-settings-form small{color:#718079;font-weight:500;line-height:1.5}.account-settings-form button{align-items:center;gap:7px;width:fit-content;min-height:42px;display:inline-flex}.roll-toast{z-index:60;width:min(360px,100% - 36px);min-height:46px;animation:.18s ease-out notice-in;inset:78px 18px auto auto;transform:none}@keyframes notice-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roll-toast{animation:none}}@media (width<=680px){.room-live-page{grid-template-rows:104px minmax(0,1fr) auto;height:calc(100dvh - 60px)}.room-live-header{grid-template-rows:56px 48px;grid-template-columns:minmax(0,1fr);gap:0;padding:0 8px}.room-live-tools{border-top:1px solid #edf1ef;justify-content:flex-start;padding:4px 0}.timeline-scroll{gap:12px;padding:14px 10px 20px}.timeline-message{min-width:120px;max-width:88%}.timeline-message-ooc{max-width:84%}.timeline-message-narration{max-width:100%;padding-inline:20px}.room-live-composer{padding:7px 8px max(9px, env(safe-area-inset-bottom))}.speaker-toolbar button{max-width:170px}.speaker-toolbar button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-live-drawer{width:100%}.roll-toast{width:auto;inset:70px 10px auto}}.room-live-page{color:#20242a;background:#f7f8fa;grid-template-rows:56px minmax(0,1fr) 64px;height:calc(100dvh - 66px);display:grid}.room-live-toolbar{background:#fff;border-bottom:1px solid #dfe3e8;grid-template-columns:40px minmax(0,1fr) 40px 40px 40px;align-items:center;gap:6px;padding:0 12px;display:grid}.room-live-toolbar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.2;overflow:hidden}.room-live-toolbar span{color:#69717d;font-size:11px}.timeline-scroll{flex-direction:column;gap:10px;padding:18px max(16px,50% - 430px);display:flex;overflow-y:auto}.timeline-message,.timeline-event{background:#fff;border:1px solid #dfe3e8;border-radius:6px;padding:12px 14px}.timeline-message p,.timeline-event p{overflow-wrap:anywhere;margin:5px 0 0}.timeline-author{color:#276749;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.timeline-event{border-left:3px solid #ba7a22}.timeline-event>div{justify-content:space-between;gap:12px;display:flex}.timeline-event span{color:#737b86;font-size:12px}.timeline-empty{color:#737b86;margin:auto}.room-live-composer{background:#fff;border-top:1px solid #dfe3e8;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:10px max(12px,50% - 430px);display:grid}.room-live-composer input{min-width:0;height:42px}.room-live-readonly{color:#737b86;background:#fff;border-top:1px solid #dfe3e8;place-items:center;display:grid}.room-live-drawer{background:#fff;width:min(440px,100%);position:absolute;inset:0 0 0 auto;overflow:auto;box-shadow:-12px 0 30px #0002}.room-live-drawer>header{border-bottom:1px solid #dfe3e8;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.room-live-drawer h2{margin:0;font-size:17px}.room-live-list,.roll-log-list{flex-direction:column;display:flex}.room-live-list button,.roll-log-list>div{text-align:left;background:#fff;border:0;border-bottom:1px solid #e7eaee;flex-direction:column;justify-content:center;min-height:58px;padding:10px 16px;display:flex}.room-live-list span,.roll-log-list span{color:#69717d;font-size:12px}.character-drawer-body{padding:18px}.character-resource-grid{border-top:1px solid #dfe3e8;border-left:1px solid #dfe3e8;grid-template-columns:1fr 1fr;display:grid}.character-resource-grid span{border-bottom:1px solid #dfe3e8;border-right:1px solid #dfe3e8;padding:12px}.character-status-row,.character-history-row{border-bottom:1px solid #e7eaee;justify-content:space-between;align-items:center;min-height:44px;display:flex}.character-status-row span{color:#69717d;font-size:12px}@media (width<=600px){.room-live-toolbar{gap:2px;padding:0 6px}.timeline-scroll{padding:12px 8px}.room-live-composer{padding:10px 8px}.room-live-drawer{width:100%}}.timeline-action{color:#8a3d35;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:12px}.timeline-message>div{justify-content:space-between;align-items:center;display:flex}.room-live-form,.roll-log-filters{gap:10px;padding:16px;display:grid}.room-live-form input,.room-live-form select,.roll-log-filters input,.roll-log-filters select{width:100%;min-width:0}.roll-log-filters{grid-template-columns:1fr 1fr}.character-resource-grid label{text-transform:uppercase;border-bottom:1px solid #dfe3e8;border-right:1px solid #dfe3e8;gap:6px;padding:10px;font-size:12px;display:grid}.character-resource-grid input{width:100%;min-width:0}.character-resource-grid button{grid-column:1/-1;margin:10px}.character-life-actions{gap:8px;margin:16px 0;display:flex}.character-life-actions button{flex:1;min-width:0}@media (width<=390px){.roll-log-filters{grid-template-columns:1fr}.room-live-toolbar{grid-template-columns:40px minmax(0,1fr) 40px 40px 40px}}.room-live-toolbar{grid-template-columns:40px minmax(0,1fr) repeat(4,40px)}.interlude-panel-body{padding:0 16px 24px}.interlude-summary{border-bottom:1px solid #dfe3e8;padding:16px 0}.interlude-summary h3{margin:0 0 8px;font-size:16px}.interlude-summary p,.interlude-participant p,.exploration-controls p{overflow-wrap:anywhere}.interlude-section{border-bottom:1px solid #dfe3e8;padding:16px 0}.interlude-section h4{margin:0 0 12px}.interlude-form,.exploration-controls{gap:10px;display:grid}.interlude-form textarea,.exploration-controls textarea{resize:vertical;min-height:92px}.interlude-form button,.exploration-controls button,.interlude-section>button,.interlude-end{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.interlude-choice,.interlude-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.interlude-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.interlude-choice button,.interlude-segments button{background:#fff;border:1px solid #cfd5dc;min-height:38px}.interlude-segments button.active{color:#fff;background:#276749;border-color:#276749}.growth-summary{background:#e1e5e9;gap:1px;margin-bottom:12px;display:grid}.growth-summary>div{background:#fff;grid-template-columns:minmax(90px,1fr) minmax(150px,1.5fr);gap:8px;padding:9px;display:grid}.growth-summary strong{text-align:right;font-size:12px}.interlude-participant{border-top:1px solid #e7eaee;padding:12px 0}.interlude-participant>div:first-child{justify-content:space-between;gap:8px;display:flex}.interlude-participant span,.interlude-result span,.exploration-controls>span{color:#69717d;font-size:12px}.exploration-controls{margin-top:10px}.exploration-check{align-items:center;gap:8px;display:flex}.exploration-check input{width:auto}.interlude-end{margin-top:16px}.growth-list details{border-bottom:1px solid #e7eaee;padding:9px 0}.growth-list summary{cursor:pointer;justify-content:space-between;display:flex}.growth-list p,.growth-history{color:#69717d;overflow-wrap:anywhere;font-size:12px}.growth-history{border-bottom:1px solid #e7eaee;padding:8px 0}@media (width<=390px){.room-live-toolbar{grid-template-columns:40px minmax(0,1fr) repeat(4,36px)}.growth-summary>div{grid-template-columns:1fr}.growth-summary strong{text-align:left}}:root{--blue-700:#0958d9;--blue-600:#1677ff;--blue-500:#3b82f6;--blue-100:#d9eaff;--blue-050:#edf5ff;--ink-900:#111827;--ink-700:#374151;--ink-500:#6b7280;--line:#d8e1ed;--line-soft:#e8eef6;--page:#f4f7fb;--surface:#fff;--danger:#dc3545;--danger-soft:#fff1f2;--warning:#d97706;--warning-soft:#fff7e6;--success:#159467;--success-soft:#eaf8f2;color:var(--ink-900);background:var(--page);font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:var(--ink-900);background:var(--page);font-size:16px;line-height:1.55}button,input,select,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #1677ff33}input,select,textarea{color:var(--ink-900);border-color:#cbd7e6;border-radius:4px}input,select{min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #1677ff1f}input:disabled,select:disabled,textarea:disabled{color:#8b96a5;background:#f0f3f7}.primary-button,.secondary-button,.danger-button,.small-button,.icon-button,.brand-button,.dice-button{border-radius:8px;min-height:44px;font-size:14px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.primary-button{background:var(--blue-600);color:#fff;box-shadow:0 5px 14px #1677ff2e}.primary-button:hover:not(:disabled){background:var(--blue-700)}.secondary-button,.small-button,.dice-button{color:var(--blue-700);background:#fff;border:1px solid #b8cae1}.secondary-button:hover:not(:disabled),.small-button:hover:not(:disabled),.dice-button:hover:not(:disabled){border-color:var(--blue-600);background:var(--blue-050)}.danger-button{background:var(--danger);color:#fff}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.small-button:disabled,.icon-button:disabled{color:#96a1af;box-shadow:none;cursor:default;background:#e9eef4;border-color:#dde4ec}.icon-button{color:#40516a;background:0 0;border:1px solid #0000;width:44px;min-width:44px;padding:0}.icon-button:hover:not(:disabled){background:var(--blue-050);color:var(--blue-700);border-color:#d7e4f4}.app-shell{background:var(--page);min-height:100dvh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;min-height:64px;padding:8px clamp(14px,3vw,32px);box-shadow:0 1px #0f2b5208}.brand-button{color:#12366a;border:0;gap:9px;width:auto;min-width:0;font-size:18px}.brand-button svg{color:var(--blue-600)}.topbar-actions{gap:4px}.user-chip{background:var(--blue-050);color:#2d5587;border:1px solid #d6e5f8;border-radius:6px;min-height:32px;padding:5px 10px;font-size:12px;font-weight:800}.login-shell{background:#f4f7fb}.login-panel{border:1px solid var(--line);border-radius:16px;width:min(420px,100%);padding:32px;box-shadow:0 20px 54px #1c3b631f}.brand-mark{background:var(--blue-600);border-radius:12px;box-shadow:0 7px 18px #1677ff38}.login-panel h1,.home-title h1,.page-head h1{color:#102a50;font-size:30px;font-weight:800;line-height:1.25}.login-panel p,.home-title p,.list-card p,.muted,.page-head p{color:var(--ink-500)}.home-shell,.page-shell{width:min(1120px,100%);padding:32px clamp(16px,4vw,40px) 48px}.home-title,.page-head{gap:12px;margin-bottom:24px}.home-title>svg{background:var(--blue-100);width:44px;height:44px;color:var(--blue-700);border-radius:12px;flex:0 0 44px;padding:10px}.home-title h1,.page-head h1{margin-bottom:4px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);align-content:center;gap:5px 16px;min-height:148px;padding:20px;display:grid;box-shadow:0 5px 18px #1c3b630a}.home-card:hover{border-color:#91bfff;transform:translateY(-1px);box-shadow:0 9px 24px #1677ff1a}.home-card svg{background:var(--blue-050);width:48px;height:48px;color:var(--blue-600);border-radius:12px;grid-row:1/3;padding:12px}.home-card strong{color:#17365f;font-size:18px}.home-card span{color:var(--ink-500);font-size:14px;line-height:1.55}.panel,.list-card,.empty-state,.room-card,.result-modal,.room-dialog{border-color:var(--line);background:#fff}.panel,.list-card{border-radius:12px;box-shadow:0 5px 18px #1c3b630a}.section-title{color:#17365f;font-size:18px}.segmented,.room-segments{background:#eaf1fa;border-color:#d2deec;border-radius:8px}.segmented button,.room-segments button{color:#53657c;border-radius:6px;min-height:36px}.segmented button.active,.room-segments button.active{color:var(--blue-700);background:#fff;box-shadow:0 2px 7px #1c3b631a}.quick-stats,.detail-stats{gap:8px}.stat-cell,.quick-stats>div{border-color:var(--line-soft);background:var(--blue-050);border-radius:8px}.status.active,.room-status-open{background:var(--success-soft);color:#117554}.form-error,.room-error{background:var(--danger-soft);color:#a92534;border-color:#ffc8ce}.room-warning,.room-request{background:var(--warning-soft);color:#8a5605;border-color:#f4cf8d}.drawer-backdrop,.room-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e1f376b}.log-drawer,.room-live-drawer,.inbox-drawer,.review-drawer{background:#fff;box-shadow:-18px 0 44px #0d254633}.result-modal{border-radius:16px;box-shadow:0 20px 60px #0d25462e}.roll-toast{z-index:60;background:#102a50;border-radius:8px;width:min(360px,100% - 36px);min-height:48px;animation:.18s ease-out ds-notice-in;inset:78px 18px auto auto;transform:none;box-shadow:0 12px 30px #0d254638}@keyframes ds-notice-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.room-page{width:min(1180px,100%);padding:28px clamp(14px,3vw,32px) 48px}.room-page-head{margin-bottom:24px}.room-title-group>svg{color:var(--blue-600)}.room-title-group h1{color:#102a50;font-size:30px}.room-toolbar{margin-bottom:20px}.room-search{border-color:#cbd7e6;border-radius:8px;min-height:44px}.room-grid{gap:16px}.room-card{border-radius:12px;min-height:246px;padding:18px;box-shadow:0 5px 18px #1c3b630a}.room-card:hover{border-color:#a9c9f2}.room-card-copy h2,.room-section-head h2,.room-dialog h2{color:#17365f}.room-primary,.room-command-bar button{border-radius:8px;min-height:44px}.room-primary{background:var(--blue-600);color:#fff}.room-command-bar{border-color:var(--line);gap:8px}.room-command-bar button{background:var(--blue-050);color:var(--blue-700)}.room-member-list,.room-member,.review-heading,.review-actions{border-color:var(--line)}.room-member{min-height:72px}.room-dialog{border-radius:16px;box-shadow:0 22px 60px #0d254633}.inbox-drawer,.review-drawer{border-radius:0}.review-stats>div{background:var(--blue-050);border-radius:8px}.account-settings-page{width:min(760px,100%);margin:0 auto}.account-settings-page .page-head{justify-content:flex-start}.account-settings-form{border-top:1px solid var(--line);gap:20px;width:min(520px,100%);margin-top:28px;padding-top:24px;display:grid}.account-settings-form label{color:var(--ink-700)}.account-settings-form small{color:var(--ink-500);font-size:12px;font-weight:500}.account-settings-form button{width:fit-content}.room-live-page{height:calc(100dvh - 64px);color:var(--ink-900);background:#f3f6fb;grid-template-rows:64px minmax(0,1fr) auto;display:grid;position:relative}.room-live-header{border-bottom:1px solid var(--line);background:#fffffffa;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;min-width:0;padding:0 max(12px,50% - 550px);display:grid}.room-live-titlebar,.room-live-tools,.composer-input-row,.speaker-toolbar,.message-heading,.narration-heading,.npc-form-row,.npc-form-actions,.npc-row,.npc-identity{align-items:center;display:flex}.room-live-titlebar{gap:8px;min-width:0}.room-live-titlebar>div{min-width:0}.room-live-titlebar h1{color:#15345e;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.35;overflow:hidden}.room-live-titlebar span{color:var(--ink-500);font-size:11px}.room-live-titlebar .connection-open:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.room-live-tools{scrollbar-width:none;gap:4px;overflow-x:auto}.room-live-tools::-webkit-scrollbar{display:none}.speaker-toolbar::-webkit-scrollbar{display:none}.timeline-scroll{flex-direction:column;gap:14px;min-height:0;padding:24px max(16px,50% - 440px) 28px;display:flex;overflow-y:auto}.timeline-message{background:#fff;border:1px solid #e0e8f2;border-radius:8px;align-self:flex-start;width:fit-content;min-width:180px;max-width:min(680px,82%);padding:11px 14px 12px;box-shadow:0 4px 14px #1c3b630d}.timeline-message.is-own{background:#eaf3ff;border-color:#c5dcfb;align-self:flex-end}.timeline-message-npc{border-left:3px solid var(--speaker-color)}.timeline-message-ooc,.timeline-message-ooc.is-own{color:#4c5868;max-width:min(580px,78%);box-shadow:none;background:#edf0f4;border-color:#dce2ea}.timeline-message-narration{color:#42516a;text-align:center;width:100%;min-width:0;max-width:760px;box-shadow:none;background:0 0;border:0;border-radius:0;align-self:center;padding:10px 38px 12px}.timeline-message-narration:before{content:"";background:#adc5e4;width:56px;height:1px;margin:0 auto 10px;display:block}.message-heading,.narration-heading{gap:7px;min-height:24px}.narration-heading{color:#5d7290;justify-content:center;font-size:12px;font-weight:800}.narration-heading>span{align-items:center;gap:5px;display:inline-flex}.narration-heading .timeline-action{margin-left:min(620px,66vw);position:absolute}.speaker-avatar{color:#225caa;background:#d9e9ff;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.timeline-message-npc .speaker-avatar{background:var(--speaker-color);color:#fff}.timeline-message-ooc .speaker-avatar{color:#5f6b7b;background:#d5dce5}.timeline-author{color:#1d5da9;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;padding:0;font-size:13px;font-weight:800;overflow:hidden}.timeline-message-ooc .timeline-author{color:#596676}.ooc-mark{color:#667383;border:1px solid #c4ccd7;border-radius:4px;flex:none;padding:1px 5px;font-size:9px;font-weight:900}.timeline-action{color:#a43a45;background:0 0;border:0;font-size:12px}.message-heading .timeline-action{margin-left:auto}.timeline-message p,.timeline-event p{overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;line-height:1.62}.timeline-message.is-deleted{color:#7d8795;opacity:.72;font-style:italic}.timeline-event{border:1px solid #dfe7f1;border-left:3px solid var(--blue-500);background:#fff;border-radius:4px;align-self:center;width:min(720px,100%);padding:11px 14px}.interlude-event{border-left-color:#6f71d9}.combat-event{border-left-color:#d2525e}.room-live-composer{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px max(12px,50% - 440px) 12px;display:grid}.speaker-toolbar{scrollbar-width:none;gap:5px;min-width:0;overflow-x:auto}.speaker-toolbar button{color:#52657f;background:#eef3fa;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:6px;height:32px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.speaker-toolbar button:hover:not(:disabled){background:#e1ecfa}.speaker-toolbar button.active{color:#155bb5;background:#d9eaff;border-color:#87b8f8}.speaker-toolbar button.active.ooc{color:#536070;background:#e4e8ed;border-color:#aeb8c5}.speaker-toolbar button.npc i{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.speaker-divider{background:#d3deeb;flex:0 0 1px;width:1px;height:20px}.speaker-toolbar .speaker-manage{background:0 0}.composer-input-row{gap:8px;min-width:0}.composer-input-row input,.composer-input-row textarea{flex:auto;min-width:0;height:44px}.composer-input-row textarea{resize:none;min-height:44px;max-height:116px;padding:10px 12px;line-height:1.45;overflow-y:auto}.composer-action{background:var(--blue-050);width:44px;height:44px;color:var(--blue-700);border-color:#cfe0f5;flex:0 0 44px}.composer-expand{width:44px;height:44px;color:var(--text-secondary);background:#f7f9fc;border-color:#d8e2ef;flex:0 0 44px}.room-live-composer.is-expanded{z-index:50;padding:14px max(16px,calc((100% - 880px)/2)) max(16px,env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;position:fixed;inset:64px 0 0;box-shadow:0 -12px 36px #081a3329}.room-live-composer.is-expanded .composer-input-row{align-items:stretch;height:100%;min-height:0}.room-live-composer.is-expanded .composer-input-row textarea{min-height:180px;max-height:none;height:calc(100dvh - 170px)!important}.room-live-composer.is-expanded .composer-input-row .icon-button{align-self:flex-end}.composer-send{border-color:var(--blue-600);background:var(--blue-600);color:#fff;flex:0 0 44px;width:44px;height:44px}.composer-send:hover:not(:disabled){background:var(--blue-700);color:#fff}.room-live-readonly{border-top-color:var(--line);color:var(--ink-500)}.room-live-drawer{width:min(460px,100%)}.room-live-drawer>header{border-bottom-color:var(--line);height:64px}.room-live-drawer h2{color:#17365f}.room-live-list button,.roll-log-list>div{border-color:var(--line-soft);min-height:64px}.room-live-list button:hover{background:var(--blue-050)}.npc-manager{padding-bottom:24px}.npc-form{border-bottom:1px solid var(--line);background:#f7f9fc;gap:12px;padding:18px 16px;display:grid}.npc-form label,.account-settings-form label{gap:6px;min-width:0;display:grid}.npc-form label span,.account-settings-form label span{font-size:13px}.npc-form-row{gap:10px;min-width:0}.npc-form-row label{flex:auto}.npc-form-row input[type=color]{background:#fff;border:1px solid #cbd7e6;border-radius:6px;flex:0 0 44px;width:44px;height:44px;padding:4px}.npc-form-actions{justify-content:flex-end;gap:8px}.npc-list{display:grid}.npc-row{border-bottom:1px solid var(--line-soft);gap:4px;min-width:0;min-height:68px;padding:7px 10px 7px 16px}.npc-identity{text-align:left;background:0 0;border:0;flex:auto;gap:10px;min-width:0}.npc-identity i{color:#fff;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-style:normal;font-weight:900;display:grid}.npc-identity span{gap:3px;min-width:0;display:grid}.npc-identity small{color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.danger-icon{color:var(--danger)}.npc-empty{color:var(--ink-500);text-align:center;margin:0;padding:28px 20px}.timeline-message-narration p{font-style:italic}.message-action{color:#2563a9;font-style:italic;font-weight:650}.message-action:before{content:"〔";color:#8aa8ce}.message-action:after{content:"〕";color:#8aa8ce}.member-roster-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding-right:16px;display:grid}.member-roster-row>button{border-bottom:0;min-width:0}.member-roster-row>button:disabled{cursor:default;opacity:1}.member-vitals{gap:6px;display:flex}.member-vitals span{border-left:1px solid var(--line);min-width:56px;color:var(--ink-500);padding-left:8px;font-size:10px;display:grid}.member-vitals b{color:#234c7c;font-size:12px}.inventory-character,.inventory-form{padding:16px}.inventory-editor-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 16px;display:flex}.inventory-editor-head strong{color:#294c76}.inventory-editor-head button{min-height:40px;padding:0 12px}.inventory-character{border-bottom:1px solid var(--line);background:var(--blue-050)}.inventory-form{border-bottom:1px solid var(--line);background:#f8fafd;gap:12px;display:grid}.inventory-form-grid{grid-template-columns:minmax(0,1fr) 110px;gap:10px;min-width:0;display:grid}.inventory-list{display:grid}.inventory-item{border-bottom:1px solid var(--line-soft);background:#fff}.inventory-item.open{background:#f9fbfe}.inventory-item-main{width:100%;min-height:68px;color:var(--ink-900);text-align:left;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 16px;display:grid}.inventory-item-icon{background:var(--blue-050);width:40px;height:40px;color:var(--blue-700);border-radius:8px;place-items:center;display:grid}.inventory-item-main>span:nth-child(2){gap:2px;min-width:0;display:grid}.inventory-item-main small{color:var(--ink-500)}.inventory-item-main>b{color:#49627f;font-size:13px}.inventory-item-detail{padding:0 16px 14px 66px}.inventory-item-detail p{color:var(--ink-700);overflow-wrap:anywhere;margin:0 0 12px;line-height:1.6}.inventory-item-detail>div{gap:8px;display:flex}.inventory-item-detail button{min-height:36px;padding:0 10px}.quick-rolls{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-bottom:14px;display:grid}.quick-rolls>button,.quick-rolls>div button{background:var(--blue-050);min-height:44px;color:var(--blue-700);border:1px solid #b8d1f2;border-radius:8px;font-weight:900}.quick-rolls>div{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 96px;gap:8px;display:grid}.character-skill-rolls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.skill-roll-search{margin:-4px 0 10px}.character-skill-rolls button{color:#294c76;text-align:left;background:#fff;border:1px solid #d5e2f2;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:6px;min-width:0;min-height:44px;padding:7px 9px;display:grid}.character-skill-rolls button:hover{background:var(--blue-050);border-color:#8cb9f5}.character-skill-rolls span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.combat-heading,.interlude-summary,.interlude-section,.interlude-participant,.growth-list details,.character-status-row,.character-history-row,.growth-history{border-color:var(--line-soft)}.combat-heading h3,.combat-start h3,.monster-editor h3,.interlude-section h4,.character-drawer-body h3,.character-drawer-body h4{color:#17365f}.interlude-segments button.active{border-color:var(--blue-600);background:var(--blue-600)}.growth-summary{background:var(--line-soft)}@media (width<=760px){.home-shell,.page-shell,.room-page{padding:20px 14px 36px}.home-grid{grid-template-columns:1fr}.home-card{min-height:132px}.room-live-page{grid-template-rows:104px minmax(0,1fr) auto;height:calc(100dvh - 60px)}.room-live-header{grid-template-rows:56px 48px;grid-template-columns:minmax(0,1fr);gap:0;padding:0 8px}.room-live-tools{border-top:1px solid var(--line-soft);justify-content:flex-start;padding:2px 0}.timeline-scroll{gap:12px;padding:14px 10px 20px}.timeline-message{min-width:120px;max-width:88%}.timeline-message-ooc{max-width:84%}.timeline-message-narration{max-width:100%;padding-inline:20px}.room-live-composer{padding:7px 8px max(9px, env(safe-area-inset-bottom))}.speaker-toolbar button{max-width:170px}.speaker-toolbar button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-live-drawer{width:100%}.roll-toast{width:auto;inset:70px 10px auto}}@media (width<=520px){.topbar{min-height:60px;padding:8px 10px}.topbar-actions{gap:0}.topbar .icon-button{width:42px;min-width:42px}.home-title h1,.page-head h1,.room-title-group h1{font-size:24px}.home-title>svg{flex-basis:40px;width:40px;height:40px}.home-card{border-radius:8px;grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:16px}.home-card svg{border-radius:8px;width:42px;height:42px;padding:10px}.room-page-head,.room-toolbar{gap:12px}.room-card,.panel,.list-card{border-radius:8px}.inventory-form-grid,.character-skill-rolls{grid-template-columns:1fr}.inventory-item-detail{padding-left:16px}.member-roster-row{padding-right:10px}.member-vitals span{min-width:48px}}.timeline-message.is-active{box-shadow:0 0 0 2px #1677ff29, var(--shadow-sm)}.message-actions{gap:4px;margin-left:auto;display:inline-flex}.message-actions button{width:34px;height:34px;color:var(--text-secondary);background:var(--surface-muted);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.message-actions button:last-child{color:var(--danger)}.message-actions button:hover{background:var(--primary-soft);color:var(--primary)}.message-actions button:last-child:hover{background:var(--danger-soft);color:var(--danger)}.message-edited,.narration-heading small{color:var(--text-tertiary);margin-left:6px;font-size:11px;font-weight:400}.room-typing-status{width:fit-content;max-width:100%;color:var(--text-secondary);align-items:center;gap:7px;padding:3px 5px;font-size:12px;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--primary);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite typing-pulse}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.message-edit-backdrop{z-index:80;background:#081a336b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.message-edit-dialog{border:1px solid var(--border);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-lg);border-radius:12px;padding:20px}.message-edit-dialog header,.message-edit-dialog footer,.message-edit-dialog footer>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.message-edit-dialog header{margin-bottom:16px}.message-edit-dialog header span,.message-edit-dialog footer>span{color:var(--text-tertiary);font-size:12px}.message-edit-dialog h2{margin:2px 0 0;font-size:18px}.message-edit-dialog textarea{resize:vertical;width:100%;min-height:150px}.message-edit-dialog footer{margin-top:14px}@media (width<=520px){.message-edit-backdrop{align-items:end;padding:0}.message-edit-dialog{width:100%;padding:16px 14px max(16px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.message-edit-dialog textarea{min-height:130px}.room-live-composer.is-expanded{padding-top:max(12px,env(safe-area-inset-top));inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}