@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.target-picker{display:flex;flex-direction:column;align-items:stretch;min-width:0;flex:1;gap:2px}.target-picker select{width:100%;min-width:0;max-width:100%}.target-picker .text-button{font-size:10px;padding:3px 0;justify-content:flex-start;white-space:normal;text-align:left}.sheet-actions>fieldset>label{display:block;margin:12px 0}.sheet-actions details,.character-setup label{margin:14px 0}.sheet-actions summary,.character-sheet .growth-intro~details>summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:600;padding:5px 0}.character-sheet .spell-cost{max-width:120px;white-space:normal;overflow-wrap:anywhere;font-size:11px}.character-sheet .spell-card .form-grid{margin-top:8px}.character-setup .rich-text{max-height:220px;overflow:auto}.character-sheet .training-form label{margin:12px 0}.character-sheet .spell-card{padding-bottom:0;margin-bottom:0}.spell-cast-dialog{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:0 20px 80px var(--shadow)}.spell-cast-dialog::backdrop{background:var(--shadow)}.spell-cast-dialog h3{font-size:18px;margin:0 0 14px}.spell-card .spell-cast-dialog .rich-text{max-height:180px;overflow:auto;color:var(--muted);margin-bottom:16px}.spell-cast-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.spell-cast-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.spell-cast-fields label,.spell-cast-target{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;min-width:0}.spell-cast-dialog .spell-cast-fields input,.spell-cast-dialog .spell-cast-fields select{width:100%;min-width:0;font-weight:400;height:var(--control-height);padding:7px 10px}.spell-cast-preview{margin:18px 0 8px;font-size:12px}.spell-cast-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:380px){.spell-cast-dialog{padding:16px}.spell-cast-fields{grid-template-columns:minmax(0,1fr)}}.troika-documents{--td-border: var(--control-border);font-size:13px;min-width:0;color:inherit}.troika-documents *{box-sizing:border-box}.troika-documents button,.troika-documents input,.troika-documents select,.troika-documents textarea{font:inherit}.troika-documents input,.troika-documents select,.troika-documents textarea{width:100%;min-width:0;border:1px solid var(--td-border);border-radius:var(--radius);padding:8px 9px;background:var(--surface);color:inherit}.troika-documents input[type=checkbox]{width:auto;accent-color:var(--border)}.troika-documents button{color:inherit;border:1px solid var(--td-border);border-radius:var(--radius);background:var(--surface);padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.troika-documents button:hover:not(:disabled){background:var(--surface-hover)}.troika-documents button:disabled{opacity:.45;cursor:default}.troika-documents .td-primary{background:var(--accent);color:var(--on-accent);border-color:var(--border);font-weight:650}.troika-documents .td-primary:hover:not(:disabled){background:var(--surface-hover)}.td-search{display:flex;align-items:center;gap:8px;margin-bottom:9px}.td-search>svg{flex:none;opacity:.55}.td-count,.td-caption,.td-card-count,.td-message-meta{font-size:11px;opacity:.66;line-height:1.5;margin:10px 0}.td-family{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:12px 0 4px}.troika-documents .td-entry{width:100%;border-width:0 0 1px;border-radius:0;padding:11px 4px;text-align:left;justify-content:flex-start;gap:9px;background:transparent}.td-entry>svg{opacity:.45;flex:none}.td-entry>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-entry-arrow{opacity:.4;font-size:19px}.troika-documents .td-more{width:100%;margin-top:12px}.td-heading{display:flex;gap:9px;align-items:center;margin-bottom:16px;font-size:11px;opacity:.85}.td-heading>span{flex:1}.troika-documents .td-icon{padding:6px;border:0;background:transparent}.td-document-title h3{font-family:Georgia,serif;font-size:20px;line-height:1.16;font-weight:400;margin:0 0 8px;overflow-wrap:anywhere}.td-edit-bar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:12px;border-bottom:1px solid var(--td-border)}.td-edit-bar>div{display:flex;gap:6px}.td-edit-bar label,.td-sound-options label{display:flex;align-items:center;gap:7px;font-size:11px}.td-table-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.td-formula{font-family:ui-monospace,monospace;letter-spacing:.05em;color:var(--text-muted);font-size:16px}.td-field{display:flex;flex-direction:column;gap:5px;font-size:11px;margin:10px 0}.td-table-controls .td-field{max-width:100px}.td-table-controls button{font-size:11px}.td-results{border-top:1px solid var(--td-border)}.td-result{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--td-border)}.td-range{flex:0 0 45px;text-align:center;padding-top:2px;color:var(--text-muted);font-variant-numeric:tabular-nums}.td-range input{font-size:10px!important;padding:4px!important;margin-bottom:4px}.td-result-body{min-width:0;flex:1}.td-result-body>img{width:32px;height:32px;object-fit:contain;float:left;margin:0 9px 4px 0}.td-card-actions{display:flex;gap:7px;margin:12px 0;justify-content:center}.troika-documents .td-card{display:flex;width:min(100%,250px);height:330px;padding:9px;margin:12px auto;border-radius:15px;background:var(--surface);color:var(--text-muted);box-shadow:0 10px 24px var(--shadow);overflow:hidden;transition:transform .16s ease}.troika-documents .td-card:hover:not(:disabled){transform:rotate(-1deg);background:var(--surface-hover)}.td-card img{width:100%;height:100%;object-fit:contain;pointer-events:none}.td-card-navigation{display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px}.td-card-name{text-align:center;font-size:14px;font-weight:500}.td-sound{padding:13px 0;border-bottom:1px solid var(--td-border)}.td-sound h4{font-size:13px;font-weight:500;margin:0 0 8px}.td-sound audio{width:100%;height:34px;margin-top:7px}.td-sound-options{display:flex;align-items:center;justify-content:space-between;gap:10px}.td-upload{display:block;margin-top:14px;font-size:12px}.td-upload input{margin-top:7px;font-size:11px}.td-facts{font-size:12px;display:grid;grid-template-columns:auto 1fr;gap:9px 15px;margin:18px 0}.td-facts dt{opacity:.6}.td-facts dd{margin:0;overflow-wrap:anywhere}.td-fact{display:contents}.td-facts input{padding:5px!important;max-width:130px}.td-document-image{display:block;width:100px;height:100px;object-fit:contain;margin:12px auto}.td-fog{max-width:100%;max-height:260px;object-fit:contain;background:var(--surface);border:1px solid var(--td-border)}.td-advanced{margin-top:25px;padding-top:13px;border-top:1px solid var(--td-border);font-size:11px}.td-advanced summary{cursor:pointer;opacity:.6}.td-source{font-family:ui-monospace,monospace;font-size:10px;overflow-wrap:anywhere;opacity:.55}.troika-documents pre,.troika-documents .td-code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:10px;line-height:1.55;max-height:420px;overflow:auto;padding:11px;border:1px solid var(--td-border);border-radius:var(--radius);background:var(--surface)}.td-empty{opacity:.55;padding:12px 0;text-align:center}.td-error,.td-notice{padding:9px 11px;border-radius:var(--radius);font-size:12px;line-height:1.5}.td-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:var(--surface);color:var(--danger)}.td-notice{background:var(--surface);color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.troika-documents .td-card{transition:none;transform:none!important}}.rich-text,.td-rich,.rich-editor [contenteditable]{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) :is(h1,h2,h3,h4){font-family:Space Grotesk,sans-serif;color:var(--text-strong);line-height:1.25;margin:20px 0 8px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) h1{font-size:24px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) h2{font-size:20px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) h3{font-size:18px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) h4{font-size:16px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) p{margin:0 0 8px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) :is(ul,ol){padding-left:20px;margin:8px 0}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) :first-child{margin-top:0}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) img,.journal-view video{max-width:100%;height:auto;border-radius:var(--radius)}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) figure{margin:12px 0}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) figcaption{margin-top:4px;color:var(--text-muted);font-size:12px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) :is(th,td){border:1px solid var(--border);padding:8px;text-align:left}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) th{background:var(--surface-warm);color:var(--text-strong)}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) :is(blockquote,aside){margin:12px 0;padding:12px;border-left:3px solid var(--accent);background:var(--surface-warm)}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) :is(pre,code){font-family:ui-monospace,monospace;background:var(--surface-raised)}:is(.rich-text,.td-rich,.rich-editor [contenteditable]) pre{padding:12px;overflow:auto}:root{--canvas: #0c1012;--surface: #151a1d;--surface-raised: #1b2225;--surface-hover: #242e31;--surface-warm: #25231f;--selection: #263a39;--text: #e0e4e3;--text-strong: #faf3e7;--text-muted: #a5b0ad;--border: #3d494c;--control-border: #71807f;--accent: #e9b663;--accent-hover: #f4cb88;--on-accent: #191711;--secondary: #86c9b8;--focus: #b7e5dc;--success: #9acf98;--danger: #f29e92;--warning: #edc27c;--shadow: #00000066;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--control-height: 32px;--row-height: 34px;--radius: 4px;--ink: var(--text);--muted: var(--text-muted);--line: var(--border);--paper: var(--surface);--teal: var(--secondary);--orange: var(--accent);--dark: var(--canvas)}:root{font-family:DM Sans,sans-serif;color:var(--text);background:var(--canvas);font-synthesis:none;font-size:14px;color-scheme:dark;--panel: 360px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;min-height:var(--control-height);padding:4px 8px;border-radius:var(--radius)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius);padding:4px 8px;transition:background .15s,color .15s;min-height:var(--control-height)}button:hover{background:var(--surface-hover)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input,select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:9px 10px;color:var(--ink);max-width:100%}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px}input[type=range]{accent-color:var(--teal);width:100%;padding:0}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}a{color:var(--teal);text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h2{font-size:20px;font-weight:600}h3{font-size:17px}p{line-height:1.65}small{font-size:12px}label{display:block}label>input:not([type=checkbox]):not([type=range]),label>select,label>textarea{display:block;width:100%;margin-top:6px}label>input.number-edit{width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.full{width:100%}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:12px;line-height:1.6;margin-top:12px}.danger{color:var(--danger)!important}.success{color:var(--success)}.failure{color:var(--danger)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;font-weight:600;cursor:pointer;border-radius:var(--radius)}.primary-button{background:var(--accent);color:var(--on-accent);border:1px solid var(--border)}.primary-button:hover{background:var(--accent-hover)}.secondary-button{background:var(--surface);color:var(--secondary);border:1px solid var(--border)}.secondary-button:hover{background:var(--surface-hover)}.text-button{color:var(--teal);font-size:13px;padding:9px 0}.icon-button{width:32px;height:32px;padding:6px;flex-shrink:0}.tiny-button{padding:4px;width:24px;flex-shrink:0}.button-row{display:flex;gap:8px;margin:12px 0}.button-row>*{flex:1}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.tabletop{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:36px;min-height:36px;display:flex;align-items:center;gap:8px;padding:2px 8px;background:var(--surface);border-bottom:1px solid var(--border);z-index:30}.brand{font-family:Space Grotesk;font-size:16px;font-weight:700;letter-spacing:1px;padding:0}.brand-mark{color:var(--accent);font-size:18px;margin-right:5px}.brand-dot{color:var(--accent)}.topbar-divider{width:1px;height:20px;background:var(--surface)}.campaign-switch{color:var(--text-muted);font-size:11px;font-weight:600;padding:4px 6px}.scene-switch{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;max-width:370px;white-space:nowrap}.scene-switch .scene-name{overflow:hidden;text-overflow:ellipsis}.topbar-space{flex:1}.connection{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}.connection i{height:6px;width:6px;border-radius:50%;background:var(--surface)}.connection.online i{background:var(--surface)}.member-chips{display:flex;padding-left:7px}.member-chips>span{display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--border);width:27px;height:27px;background:var(--surface);color:var(--text-muted);font-size:10px;margin-left:-7px}.member-chips>span:nth-child(2n){background:var(--surface);color:var(--text-muted)}.invite-top{background:var(--surface);padding:4px 8px;font-size:11px;color:var(--text-muted)}.settings-top{width:auto;min-width:32px;padding:4px 8px;font-size:11px}.table-workspace{display:flex;position:relative;flex:1;min-height:0}.map-stage{flex:1;min-width:0;position:relative;overflow:hidden;background:var(--surface);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:30px 30px}.map-stage>div:first-child:not(.empty-map):not(.map-context):not(.action-hud){height:100%}.tool-rail{position:absolute;left:18px;top:20px;z-index:10;display:flex;flex-direction:column;gap:4px;background:var(--surface);box-shadow:0 4px 15px var(--shadow);padding:4px;border:1px solid var(--border);border-radius:var(--radius)}.tool-rail>button{width:32px;height:32px;padding:7px;color:var(--text-muted)}.tool-rail>button.selected{background:var(--selection);color:var(--secondary)}.tool-rail>button:nth-child(5){border-top:1px solid var(--border);margin-top:4px;padding-top:9px}.map-context{position:absolute;bottom:17px;left:18px;display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:11px;backdrop-filter:blur(8px)}.map-context button{padding:3px 6px;font-size:11px}.map-context button:hover,.map-context button.active{background:var(--surface-hover);color:var(--secondary)}.panel-rail{width:44px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:9px;padding-top:19px;background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border)}.panel-rail button{width:32px;height:32px;color:var(--text-muted)}.panel-rail button.active{background:var(--selection);color:var(--secondary);box-shadow:inset 3px 0 var(--accent)}.side-panel{width:var(--panel);flex-shrink:0;background:var(--paper);display:flex;flex-direction:column;z-index:15;box-shadow:-8px 0 24px var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:8px 12px;min-height:44px}.panel-title h2{font-family:DM Sans;font-size:15px;font-weight:700;margin:0}.panel-title h3{font-size:16px;margin:0;display:flex;align-items:center;gap:8px}.panel-body{padding:var(--space-3);overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.search-box{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);padding:0 8px;border-radius:var(--radius);margin-bottom:8px;color:var(--text-muted)}.search-box input{border:0;background:transparent;padding:4px;margin:0!important;font-size:14px;min-width:0;width:100%}.roster-list{display:flex;flex-direction:column;gap:0}.roster-card{border:0;border-radius:0;background:transparent;overflow:hidden;border-bottom:1px solid var(--border)}.roster-main{width:100%;padding:4px 8px;justify-content:flex-start;gap:8px;height:56px}.roster-main>span{flex:1;text-align:left;min-width:0}.roster-main strong{display:block;font-size:14px;margin-bottom:2px}.roster-main small{display:block;color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.roster-main>svg{color:var(--text-muted)}.roster-stats{display:flex;align-items:center;gap:12px;padding:0 8px;background:transparent;border-top:0;font-size:11px;color:var(--text-muted)}.roster-stats>span{display:flex;align-items:center;gap:5px}.roster-stats>span:nth-child(2){color:var(--text-muted)}.roster-stats>button{margin-left:auto;padding:0 3px;font-size:11px;color:var(--text-muted)}.avatar{border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--surface));display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border);color:var(--text);font-family:Space Grotesk;font-weight:600;font-size:15px;letter-spacing:-.5px}.avatar img{width:100%;height:100%;object-fit:cover}.roster-create{display:flex;gap:8px;margin-top:17px}.roster-create>button:first-child{flex:1;font-size:12px}.table-footer{min-height:40px;height:auto;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;z-index:30}.footer-left,.footer-right{display:flex;align-items:center;gap:8px}.footer-left>button{font-size:12px;color:var(--text-muted)}.footer-left>.dice-button{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:12px;padding:4px 8px}.footer-left>.dice-button.active{background:var(--selection)}.footer-divider{height:22px;width:1px;background:var(--surface)}.fps{font-size:10px;color:var(--text-muted)}.initiative-idle{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.tiny-star{font-size:19px;color:var(--accent)}.initiative-idle>button{font-size:12px;color:var(--text-muted);margin-left:8px}.initiative-active{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.bag-draw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 9px;gap:5px;flex-shrink:0;line-height:20px}.bag-draw:hover{background:var(--surface-hover)}.bag-draw>span:nth-child(2){font-size:12px;font-weight:700}.initiative-context{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:2px}.bag-status{color:var(--text-muted);font-size:11px;white-space:nowrap}.bag-icon{font-size:18px;color:var(--accent)}.current-draw{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;max-width:240px}.current-draw strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-draw select{padding:2px 5px;font-size:11px;max-width:160px}.current-draw .eyebrow{font-size:9px}.turn-actions,.initiative-controls,.held-tokens{display:flex;align-items:center;gap:3px}.turn-actions button{font-size:11px;padding:4px 6px}.held-tokens button{border:1px solid var(--border);border-radius:16px;color:var(--text-muted);background:var(--surface);width:auto;min-height:27px;display:flex;align-items:center;gap:4px;font-size:11px;padding:5px}.initiative-controls{display:flex;align-items:center;gap:8px;padding:4px 0 0}.encounter-controls{position:relative;flex-shrink:0;border:0;padding:0}.encounter-controls summary{min-height:32px;padding:4px 6px;color:var(--text-muted);list-style:none}.encounter-controls summary::-webkit-details-marker{display:none}.encounter-controls summary:after{content:"▾";margin-left:5px;color:var(--text-muted)}.encounter-controls[open] summary:after{content:"▴"}.encounter-controls .initiative-controls{position:absolute;right:0;bottom:calc(100% + 5px);width:max-content;max-width:min(360px,calc(100vw - 16px));padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);box-shadow:0 8px 24px var(--shadow);z-index:40}.initiative-controls label{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:11px;white-space:nowrap}.initiative-controls select{width:112px;font-size:11px}.initiative-controls button{min-height:32px;padding:4px 7px;white-space:nowrap}.encounter-setup{position:absolute;bottom:90px;left:50%;transform:translate(-50%);width:380px;max-height:60vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:17px;box-shadow:0 10px 40px var(--shadow);color:var(--ink)}.encounter-setup .panel-title{padding:0 0 12px;margin-bottom:10px}.encounter-setup .check-label{font-size:12px}.encounter-setup .check-label small{margin-left:auto}.dice-tray{position:absolute;left:18px;bottom:90px;width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);z-index:50;padding:12px}.dice-tray .panel-title{padding:0 0 13px}.dice-presets{display:flex;gap:6px;margin:15px 0}.dice-presets button{flex:1;padding:10px 4px;border:1px solid var(--border);border-radius:var(--radius);font-weight:600;font-size:12px}.dice-presets button.selected{background:var(--selection);border-color:var(--border);color:var(--secondary)}.dice-tray form{display:flex;gap:6px;flex-wrap:wrap}.dice-tray form input{flex:1;min-width:100px;width:120px}.dice-tray select{width:110px;font-size:12px}.dice-tray .primary-button{width:100%;margin-top:5px}.action-hud{position:absolute;bottom:62px;left:50%;transform:translate(-50%);background:var(--surface);backdrop-filter:blur(12px);box-shadow:0 8px 22px var(--shadow);border:1px solid var(--border);display:flex;align-items:center;gap:3px;padding:6px;border-radius:var(--radius);max-width:90%}.hud-person{text-align:left;padding:3px 7px}.hud-person>span{font-size:12px;font-weight:600;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hud-person small{display:block;font-size:10px;color:var(--text-muted);font-weight:400;margin-top:3px}.hud-divider{width:1px;height:25px;background:var(--surface);margin:0 5px}.action-hud>button:not(.hud-person){font-size:12px;padding:9px 6px}.action-hud>button>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-identity{display:flex;align-items:center;gap:8px;margin:0 0 12px}.sheet-identity>div:nth-child(2){min-width:0;flex:1}.sheet-identity h2{font-size:19px;margin:0 0 4px}.sheet-identity p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}.stat{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;flex-direction:column;gap:4px;padding:8px 4px}.stat>span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.stat>svg{color:var(--text-muted)}.stat strong{font-family:Space Grotesk;font-size:24px;font-weight:500}.stat small{font-family:DM Sans;font-size:12px;font-weight:400;color:var(--text-muted);margin-left:2px}.stat.stamina{background:var(--surface-warm);border-color:var(--border)}.stat.stamina>svg{color:var(--text-muted)}.stat.stamina>div{display:flex;align-items:baseline;height:34px}.stat.stamina input{width:38px;border:0;background:transparent;padding:0;font-size:24px;font-family:Space Grotesk;font-weight:500;text-align:center;appearance:textfield}.stat input::-webkit-inner-spin-button{appearance:none}.stat.luck{background:var(--surface-warm);border-color:var(--border)}.stat.luck>svg{color:var(--accent)}.stat.armour{background:var(--surface-warm)}.stat.armour>svg{color:var(--text-muted)}.sheet-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:0 0 12px}.sheet-tabs button{font-size:12px;padding:4px 6px;border-radius:0;color:var(--text-muted);flex:1;position:relative}.sheet-tabs button.active{color:var(--text-strong);font-weight:700}.sheet-tabs button.active:after{content:"";position:absolute;left:6px;right:6px;bottom:-1px;height:2px;background:var(--selection)}.sheet-tabs small{font-size:9px;background:var(--surface);border-radius:4px;padding:1px 4px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:12px 0 8px}.section-label:first-child{margin-top:0}.skill-row{display:flex;align-items:center;min-height:var(--row-height);border-bottom:1px solid var(--border);gap:6px}.skill-name{flex:1;justify-content:flex-start;text-align:left;font-size:13px;font-weight:500;padding:6px 2px}.mark{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:7px;border:0;border-radius:var(--radius);background:transparent;color:var(--text-muted);position:relative}.mark svg{width:16px;height:16px}.mark:hover{color:var(--text-strong)}.mark.marked{color:var(--accent)}.skill-mark:after{content:attr(data-tooltip);position:absolute;z-index:40;left:0;top:calc(100% + 6px);width:max-content;max-width:180px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font-size:11px;font-weight:500;line-height:1.25;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-2px);transition:opacity .15s,transform .15s}.skill-mark:hover:after,.skill-mark:focus-visible:after{opacity:1;transform:translateY(0)}.skill-mark:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(pointer:coarse){.mark{width:44px;min-width:44px;height:44px;min-height:44px;padding:12px}}@media(prefers-reduced-motion:reduce){.skill-mark:after{transition:none}}.rank{font-size:12px;color:var(--text-muted);min-width:14px;text-align:center}.roll-pill{background:var(--surface);color:var(--text-muted);border-radius:var(--radius);min-width:42px;font-size:12px;padding:4px 6px;font-weight:700}.roll-pill svg{color:var(--text-muted)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.action-grid button{border:1px solid var(--border);font-size:11px;padding:8px 4px}.spell-card{border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:8px}.spell-card .skill-row{border:0}.spell-card .rich-text{font-size:12px;color:var(--text-muted);line-height:1.65;max-height:70px;overflow:hidden}.spell-card:focus-within .rich-text,.spell-card:hover .rich-text{max-height:none}.spell-cost{display:flex;gap:4px;align-items:center;font-size:11px;color:var(--text-muted)}.inventory-row{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid var(--border)}.slot-number{font-size:10px;color:var(--text-muted);width:15px}.item-title{flex:1;justify-content:flex-start;align-items:flex-start;flex-direction:column;text-align:left;font-size:12px;padding:2px}.item-title small{font-size:10px;color:var(--text-muted)}.inventory-row .number-edit{width:42px;font-size:12px;padding:5px}.inventory-row input[type=checkbox]{width:13px;height:13px;margin:0}.provisions{margin:22px 0 14px;border:1px solid var(--border);border-radius:var(--radius);padding:12px}.provisions>div{display:flex;align-items:center;gap:7px;font-size:12px}.provisions>div>span{margin-left:auto;font-size:10px;color:var(--text-muted)}.provisions button{background:var(--surface);width:100%;margin-top:12px;font-size:12px;color:var(--text-muted)}.coins{display:flex;gap:8px;margin-bottom:20px}.coins label{font-size:10px;color:var(--text-muted);text-transform:capitalize;flex:1;text-align:center}.coin{display:inline-block;border-radius:50%;width:8px;height:8px;margin-right:5px}.coin.gold,.coin.silver,.coin.copper{background:var(--surface)}.coins .number-edit{margin-top:8px;text-align:center;font-size:14px;padding:8px 4px}.field-label{font-size:12px;color:var(--text-muted);margin:14px 0}.field-label>textarea{color:var(--ink);font-size:13px}.check-label{display:flex;align-items:center;gap:9px;font-size:13px;margin:13px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.form-grid label{font-size:11px;color:var(--text-muted)}.form-grid input,.form-grid select{font-size:12px;padding:8px}.number-edit{width:65px}details{padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}summary{cursor:pointer;font-weight:600;color:var(--text-muted)}.growth-intro{text-align:center;padding:14px 10px;color:var(--text-muted)}.growth-intro h3{margin:12px 0 9px;font-size:20px}.growth-intro p{font-size:12px;color:var(--text-muted)}.advance-choice{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px}.advance-choice small{margin-left:auto;color:var(--text-muted)}.growth-intro~.primary-button{margin-top:20px}.training-form{display:flex;flex-direction:column;gap:12px;margin-top:15px}.training-form label{font-size:12px}.item-editor{position:static;margin:12px 0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.item-editor .panel-title{padding:0 0 10px;min-height:32px}.item-editor label{font-size:12px;margin:12px 0}.damage-edit{display:flex;gap:3px}.damage-edit .number-edit{width:calc(100% / 7);min-width:0;padding:7px 3px;font-size:12px}.mien-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:7px 0}.mien-row input{margin:0!important;font-size:12px}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.condition{background:var(--surface-warm);border:1px solid var(--border);color:var(--text-muted);font-size:10px;border-radius:4px;padding:4px 6px}.pinned-sheet{position:absolute;z-index:35;width:380px;max-height:calc(100vh - 190px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 45px var(--shadow);resize:both}.pinned-sheet>.character-sheet{padding:20px}.pinned-sheet>.panel-title{padding:10px 15px;min-height:45px}.pinned-sheet>.panel-title>span{display:flex;align-items:center;gap:5px;font-size:12px}.journal-card{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);width:100%;text-align:left;border-radius:0}.journal-card>span:nth-child(2){flex:1;min-width:0}.journal-card strong{display:block;font-size:13px;margin-bottom:5px}.journal-card small{display:block;font-size:10px;color:var(--text-muted)}.journal-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:45px;border-radius:var(--radius);background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.journal-list{margin-bottom:17px}.back-link{padding:0;font-size:12px;color:var(--text-muted);font-weight:500}.journal-heading{display:flex;align-items:flex-start;gap:8px;margin-top:18px}.journal-heading h2{flex:1;font-size:24px}.journal-view>select{width:100%;margin-bottom:20px}.journal-image{width:100%;height:auto;border-radius:var(--radius);margin:12px 0 20px}.journal-editor{width:100%;min-height:300px;font-size:12px}.editor-help{font-size:11px;color:var(--text-muted);margin:15px 0}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.filter-chips button{padding:5px 8px;background:var(--surface);border-radius:var(--radius);font-size:10px;color:var(--text-muted)}.filter-chips button.active{background:var(--selection);color:var(--secondary)}.library-count{font-size:10px;color:var(--text-muted);margin:16px 0 7px}.library-row{border-bottom:1px solid var(--border)}.library-row>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;text-align:left}.library-row>button>span{flex:1;min-width:0}.library-row strong{display:block;font-size:12px}.library-row small{display:block;font-size:10px;color:var(--text-muted);margin-top:4px}.library-row img{width:30px;height:30px;object-fit:contain;border-radius:var(--radius)}.library-row>button>svg{color:var(--text-muted)}.library-detail{padding:3px 8px 15px}.library-detail .rich-text{font-size:12px}.library-detail select{width:100%;margin:10px 0}.scene-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:260px;overflow:auto;margin-bottom:18px}.scene-library>button,.scene-library>label{padding:0;position:relative;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);height:86px;color:var(--text-muted);cursor:pointer}.scene-library img{width:100%;height:100%;object-fit:cover;opacity:.65}.scene-library>button.active{border-color:var(--border)}.scene-library span{position:absolute;bottom:0;left:0;right:0;background:var(--surface);text-align:left;font-size:10px;padding:5px 6px;max-height:32px;overflow:hidden}.scene-library>button>svg{margin:auto}.scene-library .add-scene{background:var(--surface);color:var(--text-muted);justify-content:center;align-items:center;border:1px dashed var(--border)}.scene-library .add-scene span{position:static;background:none;color:var(--text-muted)}.preset-row{display:flex;gap:7px;margin-bottom:15px}.preset-row button{flex:1;border:1px solid var(--border);font-size:12px}.preset-row button.active{border-color:var(--border);background:var(--selection);color:var(--secondary)}.range-label{margin:15px 0;color:var(--text-muted);font-size:11px;text-transform:capitalize}.range-label span{float:right}.range-label input{display:block;margin-top:10px}.scene-library~select{width:100%;font-size:12px}.element-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:7px}.table-log{display:flex;flex-direction:column;height:100%;min-height:0}.log-entries{display:flex;flex-direction:column;gap:12px;flex:1}.log-card{border:1px solid var(--border);background:#fff;border-radius:var(--radius);padding:12px}.log-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.log-heading>span{font-size:12px;font-weight:700}.log-heading>small{font-size:9px;color:var(--text-muted);white-space:nowrap}.log-card p{font-size:12px;color:var(--text-muted);margin:8px 0}.log-card>small{color:var(--text-muted);font-size:10px}.roll-result{display:flex;align-items:center;gap:10px;margin-top:13px}.die-faces{display:flex;gap:5px}.die-face{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:Space Grotesk;font-size:18px;font-weight:600;box-shadow:0 2px 1px var(--shadow)}.roll-result>strong{font-size:27px;font-family:Space Grotesk;margin-left:auto}.roll-result>.success,.roll-result>.failure{font-size:10px;font-weight:600}.damage-confirm{display:flex;gap:5px;margin:8px 0}.damage-confirm select{font-size:10px;min-width:0;flex:1;padding:5px}.damage-confirm button{font-size:10px;background:var(--surface)}.chat-form{position:sticky;bottom:-20px;display:flex;padding:14px 0 0;background:var(--surface);margin-top:15px}.chat-form input{flex:1;min-width:0;font-size:12px}.settings-panel label{font-size:12px;margin:12px 0}.invite-result{display:flex;gap:5px;margin:14px 0}.invite-result input{flex:1;min-width:0;font-size:11px}.member-row,.backup-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:8px 0}.member-row small,.backup-row small{display:block;font-size:10px;color:var(--text-muted);margin-top:3px}.member-row .text-button{font-size:10px}.backup-row button{font-size:11px}.empty-map{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-muted);padding:16px;text-align:center}.empty-map-icon{width:48px;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:12px}.empty-map h1{font-size:18px;color:var(--text-muted);margin-bottom:8px}.empty-map p{font-size:14px;color:var(--text-muted);margin-bottom:25px}.empty-map .text-button{margin-top:4px;color:var(--text-muted);font-size:12px}.empty-panel{text-align:center;padding:12px;color:var(--text-muted)}.empty-panel h3{font-size:18px;color:var(--text-muted);margin-top:18px}.empty-panel p{font-size:13px;margin:0}.empty-panel .text-button{margin-top:4px}.inline-error{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--danger);font-size:12px}.request-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:6px 0;color:var(--text-muted);font-size:12px}.request-status[role=alert]{color:var(--danger)}.request-status button{flex:none;min-width:auto}.empty-line{font-size:12px;padding:14px 0}.loading-table,.map-loading{display:flex;align-items:center;justify-content:center;gap:12px;height:100dvh;color:var(--text-muted);font-size:14px}.map-loading{height:100%}.login-page{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--surface);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:34px 34px}.login-card{background:var(--surface);width:370px;max-width:90vw;padding:40px;border:1px solid var(--border);border-radius:15px;box-shadow:0 20px 80px var(--shadow);text-align:center}.login-card>.brand-mark{font-size:48px}.login-card h1{font-family:Space Grotesk;letter-spacing:2px;font-size:30px;margin:8px 0}.login-card>p{font-size:13px;color:var(--text-muted)}.login-card form{text-align:left;margin:26px 0}.login-card label{font-size:11px;color:var(--text-muted)}.login-card .primary-button{margin-top:14px}.login-card>small{color:var(--text-muted);font-size:11px}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text-muted);border:1px solid var(--border);box-shadow:0 6px 22px var(--shadow);border-radius:var(--radius);padding:12px 16px;z-index:100;display:flex;align-items:center;gap:10px;font-size:13px;max-width:calc(100vw - 30px)}.toast.error{background:var(--surface);color:var(--text-muted);border-color:var(--border)}.toast button{padding:3px}.toast .text-button{min-width:auto;color:var(--text-strong)}.reveal{animation:reveal .6s cubic-bezier(.2,.9,.3,1)}.bag-draw.drawn .bag-icon{animation:shake .4s ease-in-out}@keyframes reveal{0%{opacity:0;transform:translateY(6px) scale(.85)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:rotate(-20deg)}75%{transform:rotate(15deg)}}@media(min-width:1600px){:root{--panel: 420px}.panel-body{padding:24px}}@media(max-width:1150px){:root{--panel: 350px}.topbar{gap:10px;padding:0 15px}.footer-left>button:not(.dice-button),.footer-divider,.fps{display:none}.table-footer{padding:0 14px}.initiative-active{gap:9px}.turn-actions button{font-size:12px;gap:4px}.turn-actions svg{width:17px;height:17px}.current-draw{max-width:145px}.action-hud>button>span{display:none}.scene-switch{max-width:220px}.member-chips{display:none}.tool-rail{left:12px}}@media(max-width:760px){:root{font-size:15px}.topbar{height:58px;min-height:58px;gap:9px;padding:0 14px}.brand{font-size:21px}.brand-mark{font-size:25px}.topbar-divider,.scene-switch,.connection,.invite-top{display:inline-flex}.topbar{height:auto;min-height:52px;flex-wrap:wrap;align-content:center;gap:4px;padding:4px 8px}.topbar .brand{font-size:17px}.topbar .brand-mark{font-size:20px}.topbar .topbar-space{display:none}.topbar .campaign-switch,.topbar .scene-switch,.topbar .invite-top,.topbar .settings-top{min-height:44px}.topbar .scene-switch{flex:1 1 130px;min-width:120px;max-width:none;justify-content:flex-start;white-space:normal}.topbar .scene-switch .scene-name{min-width:0;white-space:nowrap}.topbar .connection{margin-left:auto}.topbar .settings-top{margin-left:0}.settings-top{margin-left:auto}.table-workspace{flex-direction:column-reverse}.panel-rail{width:100%;height:57px;min-height:57px;flex-direction:row;justify-content:space-around;padding:3px 8px;background:var(--surface);border:0;border-top:1px solid var(--border);gap:1px;z-index:25}.panel-rail button{width:auto;flex:1;height:48px;gap:4px;flex-direction:column;font-size:9px;padding:4px}.panel-rail button svg{width:17px;height:17px}.side-panel{width:100%;flex:1;min-height:0;box-shadow:none}.panel-title{min-height:46px;padding:10px 18px}.panel-title .icon-button{display:none}.panel-body{padding:18px}.table-footer{height:auto;min-height:52px;padding:4px 8px;gap:8px}.footer-left>.dice-button{padding:10px}.dice-button>span{display:inline}.footer-right{display:none}.initiative-idle{font-size:11px;gap:6px}.initiative-idle>button{font-size:10px;margin-left:0}.initiative-active{gap:8px;max-width:100%;flex:1}.bag-draw{padding:5px 7px;gap:3px}.bag-icon{font-size:16px}.bag-draw>span:nth-child(2){font-size:12px}.bag-status{font-size:12px}.current-draw{max-width:100px;flex:1}.current-draw strong,.current-draw .eyebrow{font-size:12px}.initiative-controls{display:flex}.held-tokens{display:flex;flex-basis:100%;flex-wrap:wrap}.initiative-active:has(.held-tokens){flex-wrap:wrap;gap:4px}.table-footer:has(.held-tokens){height:auto;min-height:96px;padding-top:6px;padding-bottom:6px}.turn-actions{gap:0}.turn-actions button{padding:5px}.turn-actions svg{width:14px}.dice-tray{left:10px;right:10px;bottom:78px;width:auto}.encounter-setup{width:calc(100vw - 24px);bottom:78px}.pinned-sheet{display:none}.stat-grid{gap:9px}.stat{padding:14px 5px}.stat>span{font-size:11px}.stat strong,.stat.stamina input{font-size:30px}.sheet-tabs button{font-size:13px;padding:12px 7px}.skill-row{min-height:43px}.skill-name{font-size:14px}.roll-pill{padding:6px 8px}.roster-main strong{font-size:14px}.roster-main small{font-size:12px}.roster-stats{font-size:12px;padding:9px 12px}.roster-stats button{font-size:12px}.journal-card strong{font-size:14px}.rich-text{font-size:15px}.toast{bottom:80px;font-size:12px}.sheet-identity h2{font-size:23px}.scene-library{grid-template-columns:repeat(3,1fr)}.character-sheet .number-edit,.character-sheet input,.character-sheet textarea,.character-sheet select{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}[hidden]{display:none!important}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled .button-row{opacity:.65}.rich-editor [contenteditable]{min-height:240px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);line-height:1.7;outline-color:var(--accent)}.rich-editor .button-row{margin:10px 0}.sheet-actions>label{display:block;margin:10px 0}.sheet-actions select{max-width:100%}.sheet-actions .form-grid{align-items:end;margin:12px 0}.sheet-tabs{overflow-x:auto}.sheet-tabs button{flex-shrink:0}.draw-history{position:relative;flex-shrink:0;font-size:12px;padding:0;border:0}.draw-history summary{min-height:32px;padding:4px 6px;color:var(--text-muted)}.history-body{position:absolute;right:0;bottom:calc(100% + 5px);width:280px;max-width:min(280px,calc(100vw - 16px));max-height:min(330px,calc(100dvh - 100px));overflow:auto;padding:8px 12px;background:var(--paper, var(--surface));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 35px var(--shadow)}.draw-history p{padding:5px 0;border-bottom:1px solid var(--line)}.encounter-setup{max-height:65vh;overflow:auto}.journal-view video{width:100%}.range-label input{cursor:ew-resize}.conflict-dialog{position:fixed;z-index:100;left:50%;top:28%;transform:translate(-50%);max-width:440px;width:calc(100vw - 40px);padding:24px;background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:0 12px 100px var(--shadow)}.conflict-dialog p{line-height:1.6;font-size:14px}.conflict-dialog h3{font-size:18px;margin-top:0}.quick-result{position:fixed;left:22px;bottom:88px;display:flex;flex-wrap:wrap;align-items:center;background:var(--surface);box-shadow:0 5px 28px var(--shadow);max-width:380px;border-radius:12px;border:1px solid var(--border);z-index:35;padding:8px}.quick-result>button:first-child{display:flex;gap:12px;align-items:center;text-align:left;padding:6px}.quick-result span{display:flex;flex-direction:column;gap:4px}.quick-result small{font-size:11px;max-width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick-result strong{font-size:12px}.quick-result b{font-size:30px;font-family:Space Grotesk,sans-serif}.quick-result>button:last-child{align-self:flex-start;padding:3px}.quick-result .quick-followup{order:3;flex-basis:100%;display:flex;gap:5px}.quick-result .quick-followup:empty{display:none}.quick-followup button{background:var(--surface);padding:7px 10px;border-radius:var(--radius);font-size:12px}.quick-result small.exchange-summary{white-space:normal;color:var(--text);font-weight:600}.exchange-summary{font-weight:600;font-size:12px}.spell-followup{display:grid;gap:7px}@media(max-width:760px){.quick-result{position:static;order:1;flex-shrink:0;margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none;max-height:25dvh;overflow-y:auto;max-width:none}.table-footer{order:2;min-height:48px;padding:4px 8px}.panel-rail{overflow-x:auto}.panel-rail button{min-width:58px}.table-footer .initiative-controls select{width:140px;max-width:100%}.initiative-active{flex-wrap:wrap;gap:4px 8px}.encounter-controls .initiative-controls{right:-4px;flex-wrap:wrap;max-width:calc(100vw - 16px)}.draw-history{margin-left:auto}}.ownership-list{max-height:240px;overflow:auto;margin:12px 0;padding:8px;border:1px solid var(--line);border-radius:var(--radius)}.member-access{margin:16px 0}.roster-create{flex-wrap:wrap}.roster-create>details{width:100%}.pinned-sheet{resize:both;min-width:330px;min-height:250px;max-width:90vw;overflow:auto}.current-draw{position:relative;padding-left:44px;min-width:155px}.initiative-token{position:absolute;left:0;top:50%;transform:translateY(-50%);width:35px;height:35px;border-radius:50%;border:3px double var(--border);box-shadow:0 3px 0 var(--shadow),0 4px 9px var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:800;font-size:17px}.initiative-token.reveal{animation:token-reveal .7s cubic-bezier(.2,.8,.3,1)}.held-tokens button{border-radius:50%;border:2px double var(--border);box-shadow:0 2px 0 var(--shadow)}.encounter-setup .search-box{margin:12px 0}.encounter-setup>.button-row{margin:10px 0}.initiative-active>.draw-history{flex-shrink:0}@keyframes token-reveal{0%{transform:translate(-25px,-90%) rotate(-100deg) scale(.4);opacity:0}to{transform:translateY(-50%) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.initiative-token.reveal{animation:none}}@media(max-width:760px){.current-draw{padding-left:28px;min-width:105px}.initiative-token{width:24px;height:24px;font-size:12px}.initiative-active>.draw-history{font-size:12px}.held-tokens{display:flex;gap:2px}.held-tokens button{width:22px;height:22px;padding:2px}}.map-context{inset:14px 18px auto auto;z-index:8}.journal-card[draggable=true]{cursor:grab}.map-stage>.drawing-options{height:auto;position:absolute;top:14px;left:80px;z-index:12;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:5px;box-shadow:0 4px 16px var(--shadow);display:flex;gap:3px}.drawing-options button{font-size:11px;padding:7px}.drawing-options button[aria-pressed=true]{background:var(--surface);border-radius:var(--radius)}.restored-badge{font-size:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius);padding:4px 7px;white-space:nowrap}.roll-settings-grid{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:12px;margin:12px 0;align-items:start}.roll-settings-grid>label,.roll-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:500}.roll-settings-grid input,.roll-settings-grid select,.roll-field>select{width:100%;min-width:0;height:38px;padding:7px 10px;font-size:13px}.sheet-roll-dialog{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:12px;overflow:auto;color:var(--ink);background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 80px var(--shadow)}.sheet-roll-dialog::backdrop{background:var(--shadow)}.sheet-roll-dialog header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.sheet-roll-dialog h2{margin:5px 0 0;font-size:23px}.sheet-roll-dialog fieldset{padding:0;margin:0;border:0;min-width:0}.sheet-roll-dialog .roll-field{margin:12px 0}.sheet-roll-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.roll-explanation{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0 0}.roll-explanation strong{font-size:17px}.roll-explanation p{line-height:1.5;font-size:13px;margin:8px 0 0}.roll-explanation small{display:block;line-height:1.45;margin-top:8px}.sheet-attack-row{width:100%;display:flex;text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);border-radius:0;gap:12px}.sheet-attack-row>span{flex:1;display:flex;flex-direction:column;gap:5px}.sheet-attack-row small{font-size:11px;color:var(--muted)}.sheet-attack-row b{font-size:18px}.other-sheet-actions{margin:16px 0}.other-sheet-actions>summary{font-size:12px;font-weight:600;color:var(--teal);padding:8px 0}.other-sheet-actions .action-grid{margin-top:10px}.roll-choice-buttons{display:flex;gap:8px;flex-wrap:wrap}.sheet-roll-dialog footer,.spell-cast-actions{flex-wrap:wrap}@media(max-width:480px){.roll-choice-buttons{width:100%}.roll-choice-buttons button{flex:1}}.scene-edit-overlay{position:absolute;inset:0;pointer-events:none;z-index:4}.scene-selection-editor{position:absolute;top:64px;left:18px;width:280px;max-height:calc(100% - 145px);overflow:auto;padding:12px;background:var(--surface);color:var(--ink);border:2px solid var(--border);box-shadow:0 8px 24px var(--shadow);border-radius:var(--radius);z-index:8}.scene-selection-editor header{display:flex;align-items:center;justify-content:space-between;text-transform:capitalize}.scene-selection-editor fieldset{border:0;padding:0;margin:0;min-width:0}.scene-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.scene-editor-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.scene-editor-fields input,.scene-editor-fields select{width:100%;min-width:0;height:34px}.scene-editor-fields .check-label{flex-direction:row;align-items:center}.scene-editor-fields .check-label input{width:16px;height:16px}.scene-selection-editor .button-row{flex-wrap:wrap}.scene-selection-editor .button-row>.primary-button{flex-basis:100%}.scene-selection-editor button[aria-pressed=true]{background:var(--surface);border:1px solid var(--border)}.conditions-control{margin:4px 0 8px}.conditions-summary{display:flex;align-items:center;gap:8px}.conditions-summary .fine-print{margin:0;font-size:12px}.conditions-control.compact{margin:0}.conditions-control.compact .conditions-summary{gap:4px}.conditions-control.compact .fine-print{max-width:48px;line-height:1.2}.conditions-control .check-label{min-height:34px;margin:0;text-transform:capitalize}.conditions-details{position:relative;margin-top:8px;padding:8px 10px;max-height:min(360px,calc(100dvh - 120px));overflow:auto;text-align:left;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);z-index:12}.conditions-details header{display:flex;justify-content:space-between;align-items:center}.conditions-details header h3{margin:0}.conditions-details>.fine-print{margin:4px 0 8px}.conditions-control.compact{position:relative}.conditions-control.compact .conditions-details{position:absolute;top:calc(100% + 4px);left:0;width:min(320px,calc(100vw - 24px));max-height:min(280px,calc(100dvh - 120px));box-shadow:0 8px 24px var(--shadow)}@media(pointer:coarse){button,input:not([type=checkbox]):not([type=range]),select,summary{min-height:44px}.icon-button,.tiny-button,.panel-rail button{min-width:44px;min-height:44px}.check-label{min-height:44px}}@media(max-width:760px){.initiative-active{flex-wrap:wrap;max-width:none;gap:4px 8px}.table-footer:has(.initiative-active){height:auto;min-height:48px;padding-top:4px;padding-bottom:4px}.current-draw{min-width:90px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.held-label{font-size:12px;color:var(--text-muted);margin-right:4px}@media(min-width:761px)and (max-width:1150px){.initiative-active{gap:8px;max-width:none}}.turn-actions button{font-size:11px;gap:4px;padding:4px 6px}[contenteditable]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}