:root{color-scheme:dark;--bg:#090b0f;--panel:#111318;--panel2:#181b23;--line:#c6cad2;--soft:#303541;--text:#f6f7fb;--muted:#9ba4b5;--accent:#7d62ff;--danger:#ed6969;--ok:#55d18a}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.4 Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit;background:#111318;border:1px solid #aeb4c0;border-radius:7px}button{padding:9px 14px;cursor:pointer}button:hover{background:#222633;border-color:#fff}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent)}.danger{color:#ff9b9b}.large{font-size:17px;padding:12px 32px}input,select,textarea{width:100%;padding:9px}textarea{min-height:90px;resize:vertical}label{display:grid;gap:5px;color:var(--muted)}h1,h2,h3,p{margin-top:0}.grid-bg{background-color:#0d0f13;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:16px 16px}.plain-shell,.app-shell{height:100%}.app-shell{display:grid;grid-template-rows:58px 1fr}.app-shell>main{min-height:0;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#101218;border-bottom:1px solid #383e4a}.topbar nav{display:flex;gap:7px}.brand{border:0;background:transparent;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.brand span,.brand-orb{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#33256d);font-weight:900}.brand span{width:34px;height:34px;border-radius:8px}.toast{position:fixed;z-index:300;top:15px;left:50%;transform:translate(-50%);padding:10px 16px;background:#252a37;border:1px solid #8993a9;border-radius:8px}.start-page,.center-page{height:100%;display:grid;place-items:center;padding:24px}.start-page{background:radial-gradient(circle at 50% 30%,#271d52,transparent 35%),#090b0f}.start-card{text-align:center}.brand-orb{width:88px;height:88px;border-radius:25px;margin:auto;font-size:28px}.start-card h1{font-size:52px;margin:18px 0 5px}.start-card p{color:var(--muted);font-size:17px}.start-card a{display:block;margin-top:18px;color:#b8acff}.frame{width:min(680px,100%);padding:28px;border:1px solid var(--line);background:#101216}.auth-panel{width:min(420px,100%);display:grid;gap:12px}.switch{display:flex}.switch button{flex:1}.switch .active{background:var(--accent)}.dashboard-page{position:relative;min-height:100%;padding:18px}.dashboard-page>h1{font-size:26px}.welcome{width:320px;margin:25px auto;text-align:center}.welcome h2{font-size:25px}.dashboard-menu{border:1px solid var(--line);border-radius:40px;padding:28px 64px;display:grid;gap:18px}.dashboard-menu button{position:relative}.dashboard-menu span{position:absolute;right:8px;color:var(--muted)}.account-button{position:absolute;right:30px;bottom:28px}.page-title{display:flex;align-items:center;justify-content:space-between;max-width:1250px;margin:0 auto 20px}.page-title h1{font-size:30px;margin-bottom:3px}.page-title p{color:var(--muted)}.library-page,.setup-page{min-height:100%;padding:28px}.library-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.library-card,.empty-panel{padding:18px;border:1px solid #596172;border-radius:13px;background:#11141a}.library-card p{color:var(--muted)}.card-actions{display:flex;gap:6px}.host-select{width:min(650px,100%)}.host-select>h1{text-align:center}.host-box{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:25px;border:1px solid var(--line);border-radius:40px}.selection-list{display:grid;gap:8px}.selection-list button{display:grid;gap:3px}.selection-list small{color:var(--muted)}.confirm-host{display:grid;align-content:center;text-align:center;gap:14px}.selected-session{padding:15px;border:1px solid var(--line);border-radius:7px}.create-session{text-align:center}.rounded-form{width:min(420px,100%);margin:auto;border:1px solid var(--line);border-radius:45px;padding:35px;display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.setup-card{min-height:260px;padding:20px;border:1px solid #687083;border-radius:20px;background:#101318}.mini-row,.player-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #303542}.code{font-family:ui-monospace,monospace;color:#b4a8ff}.wait-page{min-height:100%;padding:40px}.wait-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px;max-width:1000px;margin:60px auto}.dm-block,.players-block{text-align:center}.identity-card,.waiting-player{border:1px solid var(--line);border-radius:22px;padding:25px;margin:15px}.dm-block>.primary{margin-top:100px}.player-cards{display:flex;justify-content:center;flex-wrap:wrap}.waiting-player{width:180px;display:grid;gap:10px}.portrait{width:65px;height:65px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#32415d);display:grid;place-items:center;margin:auto}.selected-hero{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.map-page{height:100%;padding:8px 12px;background:#0a0c10}.map-title{height:48px;display:flex;align-items:center;gap:15px}.map-title h1{margin:0}.map-title span{color:var(--muted)}.map-maker{height:calc(100% - 48px);display:grid;grid-template-columns:190px minmax(420px,1fr) 220px;gap:8px;border:1px solid var(--line);padding:8px}.panel-round{border:1px solid var(--line);border-radius:28px;padding:10px;background:#101216;min-height:0}.editor-left{overflow:auto}.editor-left section{border:1px solid #777e8d;padding:8px;margin-bottom:10px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:15px;margin:0}.panel-heading small{font-weight:400}.editor-list{display:grid;gap:5px;margin-top:8px}.editor-list>button{width:100%}.editor-list .active,.layer-row.active{border-color:var(--accent);background:#292143}.layer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid #515866;border-radius:6px}.layer-row button{border:0;padding:6px}.tool-buttons{display:flex;flex-wrap:wrap;gap:4px}.tool-buttons button{font-size:11px;padding:5px}.tool-buttons .active{background:var(--accent)}.brush-controls{display:grid;grid-template-columns:1fr;gap:7px;margin-top:10px}.editor-center{display:grid;grid-template-rows:auto 1fr;min-height:0}.editor-menu{display:flex;border:1px solid var(--line);border-radius:7px;background:#101216}.editor-menu details{flex:1;position:relative}.editor-menu summary{padding:12px;text-align:center;cursor:pointer}.editor-menu details[open]{background:#202431}.editor-menu details>*:not(summary){margin:5px 9px}.map-viewport{position:relative;overflow:hidden;background:#07090c;cursor:crosshair;border:1px solid #747b8a}.map-stage{position:absolute;transform-origin:0 0;background:#151820;box-shadow:0 0 0 1px #6b7280}.canvas-grid,.canvas-layer{position:absolute;inset:0}.canvas-grid{pointer-events:none}.scene-object{position:absolute;display:grid;place-items:center;user-select:none}.scene-object.selected{outline:3px solid #ffd166}.scene-object img{width:100%;height:100%;object-fit:cover;pointer-events:none}.fog-object{border-radius:50%;background:#020306}.drawing-object{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.measure-line{position:absolute;height:3px;background:#ffd166;transform-origin:left center}.measure-text{position:absolute;background:#050608dd;padding:3px}.asset-panel{display:grid;grid-template-rows:auto auto 1fr auto}.asset-scroll{overflow:auto;padding-top:8px}.asset-item{padding:7px;border:1px solid #565d6d;border-radius:8px;margin-bottom:7px}.asset-item img{width:100%;height:80px;object-fit:cover;border-radius:5px}.asset-item>div{display:flex;gap:4px;margin-top:5px}.import-button{display:block;text-align:center;padding:9px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.builder-page{min-height:100%;padding:22px}.builder-head{display:flex;justify-content:space-between;max-width:1150px;margin:auto}.snake{max-width:1100px;margin:15px auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.snake button{min-width:115px;display:flex;align-items:center;gap:6px}.snake span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#353b49}.snake .current{background:var(--accent)}.snake .complete{border-color:var(--ok)}.snake .available{border-color:#c8ad5a}.builder-card{max-width:1000px;margin:auto;padding:25px;background:#11141a;border:1px solid #596172;border-radius:16px}.builder-nav{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.mode-picker{text-align:center}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-grid button{min-height:150px;padding:25px}.mode-grid strong,.mode-grid span{display:block}.mode-grid span{margin-top:8px;color:var(--muted)}.choice-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:7px}.choice-cards label{padding:12px;border:1px solid #515868;border-radius:8px;cursor:pointer}.choice-cards label.selected{border-color:var(--accent);background:#292143}.choice-cards input[type=radio]{width:auto}.rule-summary,.summary-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:12px;background:#1b202a;border-radius:8px}.rule-summary span,.summary-grid span{padding:5px 8px;background:#252b38;border-radius:5px}.method-tabs{display:flex;gap:7px}.method-tabs label{padding:9px;border:1px solid #596172;border-radius:7px}.method-tabs label.selected{background:#292143;border-color:var(--accent)}.method-tabs input{width:auto}.ability-builder{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:15px}.ability-builder label{text-align:center;padding:8px;border:1px solid #596172;border-radius:8px}.ability-builder input{text-align:center;font-size:18px}.skill-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.skill-choice label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:7px;border:1px solid #424957;border-radius:6px}.skill-choice input{width:auto}.skill-choice .fixed{background:#193325}.warning,.error-box{color:#ffd18a;background:#3a2d18;padding:10px;border-radius:7px}.success,.success-box{color:#8fe1b1;background:#173829;padding:10px;border-radius:7px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-grid article,.summary-box{padding:15px;background:#1b202a;border-radius:8px}.modal-backdrop{position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:#030408cc;padding:20px}.modal-card{width:min(480px,100%);padding:20px;background:#141820;border:1px solid #788195;border-radius:12px}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center}.modal-actions{justify-content:flex-end;gap:7px;margin-top:18px}@media(max-width:1000px){.map-maker{grid-template-columns:170px minmax(380px,1fr) 190px}.ability-builder{grid-template-columns:repeat(3,1fr)}}.map-maker{display:flex;grid-template-columns:none;gap:0;overflow:hidden}.resizable-panel{flex:0 0 auto;min-width:150px;max-width:min(55vw,720px);overflow:auto}.panel-resizer{position:relative;z-index:25;flex:0 0 9px;cursor:col-resize;touch-action:none;background:#090b0f}.panel-resizer:after{content:"";position:absolute;top:10px;bottom:10px;left:3px;width:3px;border-radius:3px;background:#4d5564;transition:background .15s,box-shadow .15s}.panel-resizer:hover:after,.panel-resizer.active:after{background:var(--accent);box-shadow:0 0 8px #7d62ffaa}body.resizing-panel{cursor:col-resize!important;user-select:none}body.resizing-panel *{cursor:col-resize!important}.editor-left>section{min-height:90px;max-height:75%;resize:vertical;overflow:auto}.editor-left>section:after{content:"";display:block;height:5px;cursor:row-resize}.editor-center{flex:1 1 auto;min-width:320px;grid-template-rows:45px 1fr}.editor-menu{position:relative;z-index:20;overflow:visible}.editor-menu details{position:relative}.editor-menu details[open]{z-index:5;position:relative;background:#202431;box-shadow:0 10px 24px #000a}.editor-menu details[open]>*:not(summary){position:relative;z-index:2}.editor-menu details[open]{border-radius:7px;border:1px solid #596172}.editor-menu details[open]:before{content:"";position:absolute;inset:38px 0 0;background:#202431;border-radius:0 0 7px 7px;z-index:1}.editor-menu summary{list-style:none}.layer-list{min-width:0;overflow-x:hidden}.layer-row{width:100%;min-width:0;grid-template-columns:15px 28px minmax(0,1fr) 30px;padding:2px}.layer-row .drag-handle{cursor:grab;color:var(--muted);user-select:none}.layer-row>span[data-layer-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row input[data-layer-name]{min-width:0;padding:4px}.layer-row button{min-width:0;padding:5px}.layer-settings-panel{display:grid;gap:9px}.layer-settings-panel .panel-heading small{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.layer-setting-toggles{display:grid;gap:6px}.layer-setting-toggles label{display:flex;align-items:center;gap:7px}.layer-setting-toggles input{width:auto}.canvas-settings-panel{display:grid;gap:9px}.canvas-settings-panel .panel-heading small{color:var(--muted)}.canvas-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.canvas-size-fields input{min-width:0}.canvas-presets{display:grid;grid-template-columns:1fr;gap:5px}.canvas-presets button{padding:6px;font-size:11px}.tool-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.tool-buttons button{text-transform:capitalize}.brush-controls label span{float:right}.asset-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}.asset-tabs button{padding:7px 4px}.asset-tabs .active{background:var(--accent)}.asset-item img{object-fit:contain;background:#090b0f}.asset-item>div button{flex:1}.lore-assets section{padding:8px;border:1px solid #444b59;border-radius:8px;margin-bottom:8px}.lore-assets h3{margin-bottom:0}.lore-list{display:grid;gap:7px}.lore-row{display:flex;justify-content:space-between;text-align:left}.lore-row span:first-child{display:grid}.lore-row small{color:var(--muted)}.asset-checks{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}.asset-checks label{display:grid;grid-template-columns:auto 45px 1fr;align-items:center;padding:5px;border:1px solid #444b59;border-radius:6px}.asset-checks input{width:auto}.asset-checks img{width:42px;height:42px;object-fit:contain}.modal-card{width:min(560px,100%);max-height:90vh;overflow:auto}.canvas-layer{z-index:1;pointer-events:none}.canvas-grid{z-index:10;pointer-events:none}.canvas-layer .scene-object{pointer-events:auto}.canvas-layer .drawing-object polyline{pointer-events:stroke}.scene-object.token-object{border-radius:50%;overflow:hidden;border:2px solid #e8eaf0;background:#0a0c10}.scene-object.token-object img{object-fit:cover}.object-handle{position:absolute;width:13px;height:13px;border:2px solid #101216;background:#ffd166;z-index:4}.object-handle.resize{right:-8px;bottom:-8px;cursor:nwse-resize}.object-handle.rotate{top:-26px;left:50%;transform:translate(-50%);border-radius:50%;cursor:grab}.object-handle.rotate:after{content:"";position:absolute;left:50%;top:11px;width:2px;height:15px;background:#ffd166}.lore-dashboard{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.lore-card p:last-of-type{color:var(--muted)}.lore-checks label{grid-template-columns:auto 0 1fr}.worlds-panel{display:grid;gap:10px;min-height:0;overflow:auto}.mini-actions{display:flex;gap:5px;flex-wrap:wrap}.mini-actions button{flex:1;padding:7px}.world-section{display:grid;gap:8px}.world-book-list{display:grid;gap:5px}.world-book-list .active{background:var(--accent);border-color:var(--accent)}.world-entity-list{display:grid;gap:7px}.world-entity{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:8px;border:1px solid #565d6d;border-radius:8px;background:#11141a;cursor:grab}.world-entity img,.world-entity .portrait{width:52px;height:52px;border-radius:50%;object-fit:cover}.world-entity small{display:block;color:var(--muted)}.world-entity>div:last-child{grid-column:1/-1;display:flex;gap:5px}.world-entity>div:last-child button{flex:1;padding:6px}.image-import-preview{margin:10px 0;padding:10px;border:1px solid #444b59;border-radius:8px;background:#0b0d12;color:var(--muted)}.image-import-preview img{display:block;max-width:100%;max-height:180px;margin:auto;border-radius:8px;object-fit:contain}.image-import-preview div{display:grid;place-items:center;min-height:90px;border:1px dashed #596172;border-radius:8px}@media(max-width:1000px){.resizable-panel{min-width:130px;max-width:55vw}}.sheet-page{min-height:100%;padding:12px;background:#efe9dd;color:#201f1c;background-image:linear-gradient(#8a302515 1px,transparent 1px),linear-gradient(90deg,#8a302510 1px,transparent 1px);background-size:24px 24px}.sheet-page button,.sheet-page input,.sheet-page textarea{color:#27231f;background:#fffdf8;border-color:#9d3e32}.sheet-page button:hover{background:#f4e1dc;border-color:#74271f}.sheet-hero{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#272725;color:#fff;border-bottom:3px solid #a83d32}.sheet-identity{display:flex;align-items:center;gap:12px}.sheet-identity img,.sheet-avatar{width:58px;height:58px;border:2px solid #c64a3c;border-radius:4px;object-fit:cover}.sheet-avatar{display:grid;place-items:center;background:#4c514f;color:#fff;font-weight:800}.sheet-identity h1{margin:0;font-size:24px;letter-spacing:0}.sheet-identity p,.sheet-identity small{margin:0;color:#ddd6ca}.sheet-name-row{display:flex;align-items:center;gap:9px}.sheet-name-row button{padding:4px 8px;background:transparent;color:#fff;border-color:#d35448;text-transform:uppercase;font-size:10px}.sheet-source-badge{padding:4px 8px;border:1px solid #758195;background:#18202d;color:#dbe4ef;font-size:10px;font-weight:700;text-transform:uppercase}.sheet-rests{display:flex;gap:8px}.sheet-rests button{background:#272725;color:#fff;border-color:#d35448;text-transform:uppercase;font-weight:700}.sheet-vitals{display:grid;grid-template-columns:repeat(6,minmax(76px,1fr)) 95px 95px 105px minmax(260px,2.4fr);gap:8px;padding:10px 0}.ability-tile,.vital-tile{min-height:88px;padding:8px 5px;display:grid;place-items:center;border:2px solid #a83d32!important;border-radius:6px!important;background:#fffdf8!important}.ability-tile small,.vital-tile small{text-transform:uppercase;font-size:10px;color:#5e5b55}.ability-tile strong,.vital-tile strong{font-size:25px}.ability-tile span,.vital-tile span{font-weight:700}.ability-tile span{display:grid;place-items:center;width:34px;height:24px;border:1px solid #a83d32;border-radius:50%}.inspiration.active{background:#fff0b5!important}.inspiration strong{color:#b98900}.hp-tile{min-height:88px;display:grid;grid-template-columns:66px repeat(3,1fr);gap:8px;align-items:center;padding:8px;border:2px solid #a83d32;border-radius:6px;background:#fffdf8}.hp-tile>div,.hp-tile label{text-align:center;color:#555}.hp-tile strong{display:block;font-size:23px}.hp-tile input{text-align:center;font-size:20px;padding:4px;border-color:#c6b9aa}.hp-controls{display:grid;gap:4px}.hp-controls button{padding:4px;font-size:10px;text-transform:uppercase}.sheet-layout{display:grid;grid-template-columns:245px 250px minmax(520px,1fr);gap:10px;align-items:start}.sheet-left{display:grid;gap:10px}.sheet-panel,.sheet-main{border:2px solid #a83d32;border-radius:6px;background:#fffdf8}.sheet-panel{padding:10px}.sheet-panel h2{margin:0 0 9px;text-align:center;text-transform:uppercase;font-size:13px}.sheet-panel h3{margin:10px 0 2px;color:#766e65;font-size:11px;text-transform:uppercase}.sheet-panel p{margin-bottom:8px}.save-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.save-grid button,.skills-list button{display:grid;align-items:center;border:0;background:transparent!important}.save-grid button{grid-template-columns:14px 1fr auto;padding:5px;border-bottom:1px solid #ded4c8;border-radius:0}.save-grid span,.skills-list span{width:9px;height:9px;border:1px solid #635e57;border-radius:50%}.save-grid span.trained,.skills-list span.trained{background:#383531}.skills-list span.expert{box-shadow:0 0 0 2px #fffdf8,0 0 0 3px #383531}.senses-panel>div{display:grid;grid-template-columns:42px 1fr;align-items:center;margin-bottom:7px;border:1px solid #c97166;border-radius:20px}.senses-panel>div strong{padding:5px;text-align:center;border-right:1px solid #c97166}.senses-panel>div span{padding-left:8px;text-transform:uppercase;font-size:10px}.senses-panel>p{text-align:center;margin:12px 0 2px}.proficiency-panel{min-height:300px}.proficiency-panel p{padding-bottom:8px;border-bottom:1px solid #ddd4c9}.sheet-skills{height:100%}.skills-list{display:grid}.skills-list button{grid-template-columns:14px 28px 1fr 38px;gap:5px;padding:5px 2px;text-align:left;border-bottom:1px solid #e0d8cd;border-radius:0}.skills-list small{color:#67615a}.skills-list strong{text-align:center;border:1px solid #bfbbb3;border-radius:4px;padding:2px}.sheet-main{min-height:650px;overflow:hidden}.combat-summary{display:grid;grid-template-columns:95px 95px 1fr;gap:8px;padding:8px;background:#f4ded8}.combat-summary>button,.combat-summary>label{min-height:76px;display:grid;place-items:center;text-align:center;border:2px solid #a83d32;border-radius:6px;background:#fffdf8;color:#222}.combat-summary strong{font-size:23px}.combat-summary input{width:60px;text-align:center;font-size:22px}.status-box{display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;border:1px solid #b75348}.status-box>div{padding:8px}.status-box>div+div{border-left:1px solid #cabcb0}.status-box h3{margin:0 0 5px;font-size:12px;text-transform:uppercase}.status-box input{border:0;border-bottom:1px solid #cabcb0;border-radius:0;padding:5px}.sheet-tabs{display:flex;overflow:auto;border-bottom:1px solid #b9aca0;background:#fffdf8}.sheet-tabs button{flex:0 0 auto;border:0;border-radius:0;background:transparent;text-transform:uppercase;font-size:12px;font-weight:700;color:#6c655e}.sheet-tabs button.active{color:#8e2c24;border-bottom:3px solid #b64136}.sheet-tab-content{padding:12px;min-height:500px}.tab-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.tab-heading h2{margin-bottom:2px;color:#8e2c24;text-transform:uppercase;font-size:15px}.tab-heading p,.tab-heading span{color:#716b64;font-size:12px}.tab-empty{padding:30px;text-align:center;color:#766f67;border:1px dashed #b9aca0}.attack-list{display:grid}.attack-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 90px 70px 90px 55px;align-items:center;gap:8px;padding:8px 3px;border-bottom:1px solid #d9d0c5}.attack-row>div{display:grid}.attack-row small{color:#726b63}.attack-row button{padding:6px}.rules-reference,.rest-resources{margin-top:18px}.rules-reference h3,.rest-resources h3{margin-bottom:4px}.rest-resources{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rest-resources>div{padding:10px;border:1px solid #c9bdb1}.death-track{display:flex;align-items:center;gap:5px;margin-top:5px}.death-track span{width:55px;text-transform:capitalize}.death-track button{width:27px;height:27px;padding:0;border-radius:50%}.death-track button.checked{background:#9d3e32;color:#fff}.spell-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}.spell-slots>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px;border:1px solid #c6b9aa}.spell-slots small,.spell-slots strong{grid-column:1/-1;text-align:center}.spell-slots strong{font-size:18px}.spell-slots button{padding:5px}.sheet-editor{min-height:420px;background:#fffdf8!important;color:#27231f!important;border:1px solid #c6b9aa!important;line-height:1.6}.trait-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.trait-chips span{padding:6px 9px;background:#e4eee4;border:1px solid #829982;border-radius:4px}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.background-grid textarea{min-height:95px}.background-grid .wide{grid-column:1/-1}.background-grid .wide textarea{min-height:150px}@media(max-width:1250px){.sheet-vitals{grid-template-columns:repeat(6,1fr) 90px 90px 100px}.hp-tile{grid-column:1/-1}.sheet-layout{grid-template-columns:220px 235px minmax(440px,1fr)}}@media(max-width:980px){.sheet-page{overflow:auto}.sheet-vitals{grid-template-columns:repeat(3,1fr)}.hp-tile{grid-column:1/-1}.sheet-layout{grid-template-columns:1fr 1fr}.sheet-main{grid-column:1/-1}.sheet-panel{height:auto}.sheet-rests{flex-direction:column}.attack-row{grid-template-columns:1fr 75px 65px 80px 50px}}@media(max-width:640px){.sheet-page{padding:6px}.sheet-hero{align-items:flex-start}.sheet-identity img,.sheet-avatar{width:48px;height:48px}.sheet-name-row{align-items:flex-start}.sheet-name-row h1{font-size:19px}.sheet-vitals{grid-template-columns:repeat(2,1fr)}.hp-tile{grid-template-columns:1fr 1fr}.hp-controls{grid-row:1/3}.sheet-layout{grid-template-columns:1fr}.sheet-main{grid-column:auto}.combat-summary{grid-template-columns:1fr 1fr}.status-box{grid-column:1/-1}.attack-row{grid-template-columns:1fr 58px 70px}.attack-row>span{display:none}.attack-row>button:last-child{grid-column:3}.background-grid,.rest-resources{grid-template-columns:1fr}.background-grid .wide{grid-column:auto}}.compendium-page,.campaign-page{min-height:100%;padding:24px}.compendium-toolbar{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:280px 1fr 190px;gap:10px;max-width:1400px;margin:auto;padding:10px;background:#0d0f13;border:1px solid #3c4350}.compendium-results{max-width:1400px;margin:16px auto}.compendium-results>p{color:var(--muted)}.compendium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.item-card{display:grid;align-content:start;gap:10px;padding:15px;background:#11141a;border:1px solid #4d5564;border-radius:8px}.item-card-head{display:flex;justify-content:space-between;gap:8px}.item-card-head h2{font-size:17px;margin:2px 0}.item-card-head small,.item-card>p,.item-card details{color:var(--muted)}.item-card-head>span,.item-meta span{padding:3px 6px;background:#252b38;border-radius:4px;font-size:11px}.item-meta{display:flex;flex-wrap:wrap;gap:5px}.item-card details p{white-space:pre-wrap}.item-card ul{padding-left:18px}.campaign-tabs{max-width:1250px;margin:auto;display:flex;border-bottom:1px solid #4c5361}.campaign-tabs button{border:0;border-radius:0;text-transform:capitalize;background:transparent}.campaign-tabs button.active{background:#292143;border-bottom:3px solid var(--accent)}.campaign-content{max-width:1250px;margin:14px auto}.campaign-items-layout{display:grid;grid-template-columns:320px 1fr;gap:12px}.campaign-items-layout .setup-card{display:grid;align-content:start;gap:10px}.item-policy-list>div{max-height:62vh;overflow:auto;display:grid;gap:4px}.item-policy-list>div label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:7px;border:1px solid #3e4552;border-radius:5px}.item-policy-list input{width:auto}.inventory-workspace{display:grid;gap:12px}.inventory-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inventory-toolbar span{margin-left:auto;color:var(--muted)}.party-inventories{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px}.inventory-container{padding:12px;border:1px solid #4c5361;background:#11141a;border-radius:8px}.inventory-container h2{font-size:16px}.inventory-row,.commerce-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #303642}.inventory-row>div:first-child,.commerce-row>div{display:grid}.inventory-row small,.commerce-row small{color:var(--muted)}.inventory-row>div:last-child{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.inventory-row button{padding:5px 7px;font-size:11px}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.currency-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}.currency-grid label,.currency-grid input{text-align:center}.character-inventory-list{display:grid}.legacy-inventory{margin-top:16px}.live-tabletop{height:100%;display:grid;grid-template-rows:auto 1fr;background:#07090c}.live-header{display:grid;grid-template-columns:minmax(150px,240px) minmax(100px,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:6px 10px;background:#11141a;border-bottom:1px solid #4b5361}.live-context{display:grid;min-width:0}.live-context strong,.live-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-header span{color:var(--muted);font-size:11px}.live-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.live-actions button{min-height:34px;padding:6px 10px;white-space:nowrap}.live-view-select{width:clamp(105px,15vw,180px);min-width:0;height:34px;padding:5px 8px}.live-room-tabs{display:flex;justify-content:center;gap:4px;overflow:auto}.live-room-tabs button{padding:6px;white-space:nowrap}.live-room-tabs .active{background:var(--accent)}.live-layout{min-height:0;display:flex;overflow:hidden}.live-board-wrap{flex:1 1 auto;min-width:220px;overflow:auto;background:#020304}.live-board{position:relative;transform-origin:0 0;background:#151820}.live-board .canvas-layer,.live-board .canvas-grid,.live-visible,.live-memory{position:absolute;inset:0}.live-memory{filter:brightness(.22) grayscale(.65)}.live-visible{z-index:20}.live-visible.darkvision{filter:grayscale(1) brightness(.72)}.live-darkness{position:absolute;inset:0;background:#000}.live-light{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--light-color) 0 var(--bright),color-mix(in srgb,var(--light-color) 35%,transparent) var(--bright) 70%,transparent);mix-blend-mode:screen;opacity:.55;z-index:12}.vision-geometry{position:absolute;inset:0;width:100%;height:100%;z-index:30;pointer-events:none}.vision-wall{stroke:#e94747;stroke-width:5;pointer-events:stroke}.vision-wall.closed{stroke:#ff9f43}.vision-wall.open{stroke:#55d18a;stroke-dasharray:12 8}.vision-wall.locked{stroke:#b46cff;stroke-width:7}.vision-light-radius{fill:#ffd56b12;stroke:#ffd56b;stroke-width:2;stroke-dasharray:7 5;pointer-events:stroke}.vision-light-handle{fill:#ffd56b;stroke:#1a1d24;stroke-width:3;pointer-events:all;cursor:move}.vision-light.selected .vision-light-radius{stroke-width:4;stroke-dasharray:none}.vision-light.selected .vision-light-handle{fill:#fff2a8;stroke:#ffd56b;stroke-width:5}.live-sidebar{flex:0 0 auto;min-width:220px;max-width:min(65vw,760px);min-height:0;display:grid;grid-template-rows:auto 1fr;background:#11141a;border-left:1px solid #4b5361}.live-sidebar>nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.live-sidebar>nav button{min-width:0;padding:8px 5px;border-radius:0;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-sidebar>nav .active{background:var(--accent)}.live-sidebar>div{min-height:0;overflow:auto;padding:12px}.live-log{display:grid;gap:6px;max-height:35vh;overflow:auto}.live-log article{display:grid;padding:8px;background:#1c212b;border-radius:5px}.live-log small{color:var(--muted)}#live-chat-form,#live-roll-form{display:grid;grid-template-columns:1fr 82px auto;gap:5px;margin:10px 0}.live-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.live-stats span{display:flex;justify-content:space-between;padding:8px;background:#1c212b}.live-character>button{width:100%;margin-bottom:5px;text-align:left}.combat-live article{display:grid;grid-template-columns:35px 1fr auto;gap:7px;padding:8px;border-bottom:1px solid #343b48}.combat-live article.active{background:#3b2e18;border-left:4px solid #ffd166}.live-board.note-placement{cursor:copy}.sticky-note{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:14px!important;overflow:auto;white-space:pre-wrap;text-align:left;color:#211d12!important;background:var(--note-color,#ffd966)!important;border:1px solid #4a401f!important;border-radius:3px!important;box-shadow:3px 4px 10px #0008;font-family:Segoe Print,Comic Sans MS,cursive;line-height:1.35;z-index:16}.sticky-note span{pointer-events:none;overflow-wrap:anywhere}.sticky-note small{color:#4c432b!important;text-align:right;font:10px/1.2 Inter,Segoe UI,sans-serif;text-transform:uppercase}.live-board .sticky-note{cursor:grab;touch-action:none}.live-board .sticky-note:active{cursor:grabbing}@media(max-width:800px){.live-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"context actions" "rooms rooms";align-items:center}.live-context{grid-area:context}.live-actions{grid-area:actions}.live-room-tabs{grid-area:rooms;justify-content:flex-start;border-top:1px solid #2f3541;padding-top:5px}.live-actions button{padding-inline:8px}.live-view-select{width:105px}.live-add-player{font-size:0}.live-add-player:after{content:"+ Player";font-size:12px}}@media(max-width:560px){.live-header{grid-template-columns:1fr;grid-template-areas:"context" "actions" "rooms";padding:7px}.live-actions{display:grid;grid-template-columns:auto minmax(92px,1fr) auto auto;width:100%}.live-actions>*{width:100%}.live-context span{display:none}.live-room-tabs{padding-bottom:1px}.live-layout{position:relative}.live-sidebar{min-width:250px;max-width:72vw}.live-note-button,.live-add-player,.live-end-button{font-size:12px}}.save-indicator{padding:6px 9px;font-size:12px}.save-indicator.cloud{border-color:#55d18a;color:#8fe1b1}.save-indicator.syncing{border-color:#ffd166;color:#ffd166}.save-indicator.error{border-color:#ff6b6b;color:#ff9b9b}.save-indicator.offline{border-color:#87909f;color:#b8bec8}.save-summary{display:grid;gap:5px;margin-bottom:12px}.save-summary span,.backup-list small{color:var(--muted)}.backup-list{display:grid;gap:6px;max-height:280px;overflow:auto;margin-top:12px}.backup-list article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;background:#1c212b;border:1px solid #3f4654}.backup-list article>div{display:grid}.structured-spells{display:grid;gap:6px}.spell-row{display:grid;grid-template-columns:minmax(150px,1fr) 90px 105px 90px auto;align-items:center;gap:7px;padding:8px;border:1px solid #cabcb0;background:#fffdf8}.spell-row>div{display:grid}.spell-row small{color:#766f67}.spell-row.unprepared{opacity:.62}.concentration-banner{display:flex;justify-content:space-between;align-items:center;padding:9px;margin-bottom:10px;background:#efe0a8;border:1px solid #9c7b1d}.spell-manager-list{display:grid;gap:5px;max-height:55vh;overflow:auto}.spell-manager-list article{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px;border:1px solid #444b59}.spell-manager-list label:first-child{grid-template-columns:auto 1fr;align-items:center}.spell-manager-list input{width:auto}.spell-manager-list label span{display:grid}.prepare-check{grid-template-columns:auto auto;align-items:center}.encounter-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px}.encounter-workspace>.inventory-toolbar{grid-column:1/-1}.encounter-list,.monster-reference{min-height:auto}.encounter-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #353c49}.encounter-row p{margin:3px 0;color:var(--muted)}.encounter-row>div:last-child{display:flex;align-items:center;gap:5px}.monster-reference>div{max-height:65vh;overflow:auto}.monster-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px;border-bottom:1px solid #353c49;cursor:help}.monster-row small{color:var(--muted)}.monster-picker{display:grid;gap:5px;max-height:52vh;overflow:auto}.monster-picker article{display:grid;grid-template-columns:1fr 70px 100px;align-items:center;gap:7px;padding:7px;border:1px solid #434a58}.monster-picker article>div{display:grid}.monster-picker small{color:var(--muted)}.monster-picker input[type=checkbox]{width:auto}.combat-live article{grid-template-columns:38px minmax(100px,1fr) minmax(120px,auto)}.combat-live article>div{display:grid}.combat-hp{text-align:right}.combat-hp span{display:flex;justify-content:flex-end;gap:3px}.combat-hp button{padding:3px 5px;font-size:10px}.initiative-value{padding:4px}.live-memory{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.vision-wall[data-live-door]{pointer-events:stroke;cursor:pointer}@media(max-width:900px){.encounter-workspace{grid-template-columns:1fr}.spell-row{grid-template-columns:minmax(130px,1fr) 80px 95px auto}.spell-row>button:nth-last-child(2){display:none}.sheet-hero{flex-wrap:wrap}.sheet-rests{margin-left:auto}.topbar nav{overflow-x:auto;max-width:72vw}.topbar nav button{white-space:nowrap}}@media(max-width:640px){.sheet-hero{gap:8px}.sheet-identity{width:100%}.sheet-rests{width:100%;display:grid;grid-template-columns:1fr 1fr}.sheet-name-row{flex-wrap:wrap}.sheet-tabs{position:sticky;top:0;z-index:5}.sheet-tab-content{padding:8px}.spell-row{grid-template-columns:1fr auto}.spell-row>span{display:none}.spell-row>button{min-width:62px}.spell-row>button:not(:last-child){display:none}.encounter-row{display:grid}.encounter-row>div:last-child{flex-wrap:wrap}.monster-picker article{grid-template-columns:1fr 60px}.monster-picker article>label:last-child{grid-column:1/-1}.live-sidebar{max-width:100vw;width:100%!important;top:auto;height:48vh;bottom:0;border-top:1px solid #4b5361}.live-board-wrap{padding-bottom:48vh}.combat-live article{grid-template-columns:34px 1fr}.combat-hp{grid-column:2;text-align:left}.combat-hp span{justify-content:flex-start;flex-wrap:wrap}}fieldset{border:1px solid #4c5361;border-radius:7px;padding:10px}legend{color:var(--muted)}@media(max-width:900px){.compendium-toolbar,.campaign-items-layout,.commerce-grid{grid-template-columns:1fr}.live-sidebar{position:absolute;right:0;top:52px;bottom:0;width:min(360px,92vw)!important;z-index:50;box-shadow:-10px 0 24px #000a}.live-layout>.panel-resizer{display:none}.live-header{grid-template-columns:1fr auto}.live-room-tabs{grid-column:1/-1;grid-row:2}.currency-grid{grid-template-columns:repeat(3,1fr)}}.choice-guide{margin-top:14px;padding:15px;border:1px solid #4d5564;border-radius:8px;background:#171b23}.choice-guide h3{margin-bottom:6px}.choice-guide>p{color:var(--muted)}.choice-guide dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.choice-guide dl div{padding:9px;background:#222833;border-radius:5px}.choice-guide dt{font-size:11px;color:var(--muted);text-transform:uppercase}.choice-guide dd{margin:4px 0 0}.starting-equipment{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:12px 0 18px}.starting-equipment label{grid-template-columns:auto 1fr;align-items:start;padding:10px;border:1px solid #4d5564;border-radius:7px;background:#171b23}.starting-equipment input{width:auto;margin-top:4px}.starting-equipment span{display:grid}.starting-equipment small{color:var(--muted)}.compendium-folder{margin-bottom:26px}.compendium-folder>p{color:var(--muted)}.live-sidebar>nav{grid-template-columns:repeat(4,1fr)}.live-items{display:grid;gap:10px}.live-items>section{padding:10px;border:1px solid #3d4553;border-radius:6px}.shop-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #303642}.shop-line small{color:var(--muted)}@media(max-width:700px){.choice-guide dl{grid-template-columns:1fr 1fr}.starting-equipment{grid-template-columns:1fr}}.map-history-actions{margin-left:auto;display:flex;gap:5px}.range-number{display:grid;gap:4px}.range-number>span:last-child{display:grid;grid-template-columns:minmax(80px,1fr) 68px;gap:5px;align-items:center}.range-number input[type=range]{padding:0}.range-number input[type=number]{padding:5px;text-align:right}.editor-menu details[open]{background:#171b23!important}.editor-menu details[open]:before{background:#171b23!important}.editor-menu details[open] label,.editor-menu details[open] button{position:relative;background:#111318;z-index:3}.editor-menu details[open] select,.editor-menu details[open] input{background:#0b0d12}.drawing-object{pointer-events:none;transform-origin:0 0}.drawing-object polyline{pointer-events:stroke;cursor:move}.drawing-object.selected polyline{filter:drop-shadow(0 0 3px #ffd166);stroke-opacity:1}.map-shape{cursor:move}.vision-wall.selected{stroke:#ffd166;stroke-width:9}.vision-light-radius.selected{stroke:#fff;stroke-width:5}.vision-wall,.vision-light-radius{cursor:move}.scene-object.token-object img{position:absolute;inset:0;width:100%;height:100%;transition:object-position .08s,transform .08s}.selection-marquee{position:absolute;z-index:95;border:1px solid #9f8cff;background:#7d62ff2b;box-shadow:0 0 0 1px #0008;pointer-events:none}.multi-selection-summary{display:grid;gap:8px}.multi-selection-summary h3,.multi-selection-summary p{margin:0}.multi-selection-summary p{color:var(--muted)}.token-controller-list{display:grid;gap:5px;padding:7px;border:1px solid #3f4654;background:#0b0d12}.token-controller-list label{display:flex;align-items:center;gap:7px;padding:4px;color:var(--text)}.token-controller-list input{width:auto}.control-hint{margin:7px 0;color:var(--muted);font-size:11px}.worldbook-workspace{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(360px,1fr) minmax(280px,420px);gap:14px}.standalone-world-panel,.standalone-assets{min-height:65vh;padding:16px;border:1px solid #596172;background:#101318}.standalone-assets{display:grid;grid-template-rows:auto auto 1fr}.standalone-assets .asset-scroll{overflow:auto}.inspection-body{white-space:normal;line-height:1.65;padding:12px;border:1px solid #4c5361;background:#0b0d12}.inspectable{cursor:help}.detail-list{display:grid;gap:5px;margin-bottom:10px}.detail-list button{text-align:left;padding:8px;background:#f4eee5!important;border-color:#c6b9aa!important}.skill-choice .recommended{border-color:#6d8f78;background:#17271d}.skill-choice label:not(.fixed):not(.recommended) small{color:#b69d6b}.live-header select{min-width:130px;padding:6px}@media(max-width:850px){.worldbook-workspace{grid-template-columns:1fr}.standalone-assets{min-height:420px}.range-number>span:last-child{grid-template-columns:1fr 60px}}.live-sidebar>nav{grid-template-columns:repeat(5,minmax(0,1fr))}.live-pointer-select{width:118px;min-width:100px!important}.live-board-wrap.pan-mode{cursor:grab}.live-board-wrap.panning{cursor:grabbing;user-select:none}.live-board-wrap.panning *{cursor:grabbing!important}.live-board .token-object{touch-action:none;overflow:visible}.live-board .token-object.selected{outline:3px solid #ffd166;outline-offset:2px}.live-token-label{position:absolute;left:50%;top:calc(100% + 3px);max-width:120px;transform:translate(-50%);padding:2px 5px;border:1px solid #242936;border-radius:5px;background:#080a0ee6;color:#fff;font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.live-token-layer{position:absolute;inset:0;z-index:25;pointer-events:none}.live-token-layer .scene-object{pointer-events:auto}.live-own-token{z-index:46}.tabletop-ping{position:absolute;z-index:80;width:18px;height:18px;margin:-9px;border:3px solid var(--ping-color);border-radius:50%;pointer-events:none;animation:tabletop-ping 1.1s ease-out 2}.tabletop-ping:after{content:"";position:absolute;inset:-10px;border:2px solid var(--ping-color);border-radius:50%}@keyframes tabletop-ping{0%{transform:scale(.35);opacity:1}to{transform:scale(2.4);opacity:0}}.tabletop-marker{position:absolute;z-index:75;display:grid;place-items:center;min-width:34px;max-width:160px;transform:translate(-50%,-50%);padding:4px 7px;color:#fff;background:#101318e8;border:2px solid var(--marker-color);box-shadow:0 3px 12px #000b}.tabletop-marker span{color:var(--marker-color);font-size:18px;font-weight:900}.tabletop-marker small{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabletop-marker.danger{border-style:double}.tabletop-marker.destination{border-style:dashed}.handout-panel{display:grid;gap:8px}.handout-card{position:relative;display:grid;grid-template-columns:88px 1fr;gap:10px;padding:9px;border:1px solid #3e4654;background:#171b23;cursor:pointer}.handout-card:not(:has(img)){grid-template-columns:1fr}.handout-card img{width:88px;height:76px;object-fit:contain;background:#090b0f}.handout-card p{margin:4px 0;color:#d4d8e1;white-space:pre-wrap}.handout-card small{color:var(--muted)}.handout-delete{position:absolute;right:5px;top:5px;padding:2px 7px}.preflight-list{display:grid;gap:7px}.preflight-list h3{margin:8px 0 0}@media(max-width:640px){.live-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.live-pointer-select{width:100%;min-width:0!important}.live-sidebar>nav button{font-size:11px;padding-inline:3px}.handout-card{grid-template-columns:64px 1fr}.handout-card img{width:64px;height:60px}}.live-dm-layout{min-width:0;background:#07090c}.live-dm-layout>.live-map-maker{flex:1 1 auto;min-width:620px;height:100%;padding:6px;border:0;border-right:1px solid #3f4653;background:#090b0f}.live-dm-layout .panel-round{border-radius:6px}.live-dm-layout .editor-left{min-width:150px;max-width:210px}.live-dm-layout .asset-panel{min-width:170px;max-width:240px}.live-dm-layout .editor-menu{min-height:42px}.live-dm-layout .map-viewport{min-width:280px}.live-dm-layout>.live-sidebar{position:relative;top:auto;right:auto;bottom:auto;z-index:10;max-width:300px;box-shadow:none}.live-dm-layout>.panel-resizer{display:block}.live-dm-tabletop .live-room-tabs:before{content:"Players see:";align-self:center;color:var(--muted);font-size:11px;white-space:nowrap}.live-dm-tabletop .map-stage.note-placement{cursor:copy}.live-sidebar>nav{display:flex;overflow-x:auto;grid-template-columns:none}.live-sidebar>nav button{flex:1 0 62px;font-size:11px}.live-players,.soundpad{display:grid;gap:10px}.live-players article,.sound-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid #3d4553;background:#171b23}.live-players article div,.sound-list article div{display:grid;min-width:0}.live-players article small,.sound-list article small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.player-actions button{padding:6px 8px}.connection-dot{width:9px;height:9px;border-radius:50%;background:#697180}.connection-dot.online{background:var(--ok);box-shadow:0 0 7px #55d18a88}.connection-dot.offline{background:var(--danger)}.sound-list{display:grid;gap:8px}.sound-list .sound-track{display:grid;gap:8px;padding:9px;border:1px solid #3d4553;background:#171b23}.sound-track header{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:5px}.sound-track header>div{display:grid;min-width:0}.sound-track header small{color:var(--muted)}.sound-track button{padding:6px 9px}.sound-track label{display:grid;grid-template-columns:52px minmax(70px,1fr) 70px;align-items:center;gap:6px}.sound-track label:has(output){grid-template-columns:52px minmax(60px,1fr) 70px 74px}.sound-track label input[type=range]{padding:0}.sound-track label input[type=number]{padding:5px;text-align:center}.sound-track output{text-align:right;color:var(--muted);font:11px ui-monospace,monospace}.asset-sound-preview{height:80px;display:grid;place-items:center;border:1px solid #444c5b;background:#171b23;color:var(--muted);font-weight:700}.chat-panel{height:100%;min-height:360px;display:grid;grid-template-rows:auto minmax(180px,1fr) auto auto auto;gap:8px}.chat-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #303642}.chat-panel-head h2,.chat-panel-head p{margin:0}.chat-panel-head p{color:var(--muted);font-size:12px}.chat-panel-head select{width:105px;padding:6px}.chat-messages{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:6px 3px 10px;scrollbar-gutter:stable}.chat-empty{margin:auto;display:grid;text-align:center;color:var(--muted)}.chat-message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:end}.chat-message.mine{grid-template-columns:minmax(0,1fr) 30px}.chat-message.mine .chat-avatar{grid-column:2}.chat-message.mine .chat-message-body{grid-column:1;grid-row:1;align-items:end}.chat-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#343b49;color:#fff;font-size:10px;font-weight:800}.chat-message-body{min-width:0;display:grid;justify-items:start;gap:2px}.chat-message.mine .chat-message-body{justify-items:end}.chat-message-body header{display:flex;align-items:center;gap:6px;max-width:88%}.chat-message-body header strong{font-size:11px}.chat-message-body time,.chat-message-body>small{font-size:10px;color:var(--muted)}.chat-bubble{max-width:88%;padding:8px 10px;border:1px solid #3d4553;border-radius:7px 7px 7px 2px;background:#1b2029;overflow:hidden}.chat-message.mine .chat-bubble{border-color:#6454bd;border-radius:7px 7px 2px;background:#30275d}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-media{display:block;margin-top:5px;padding:0;overflow:hidden;border:0;background:#090b0f}.chat-bubble>.chat-media:first-child{margin-top:0}.chat-media img{display:block;width:100%;max-height:240px;object-fit:contain}.chat-composer{display:grid!important;grid-template-columns:34px 42px minmax(80px,1fr) auto!important;align-items:end!important;gap:5px!important;margin:0!important;padding-top:8px;border-top:1px solid #303642}.chat-composer textarea{min-height:38px;max-height:110px;resize:vertical;padding:8px}.chat-tool-button,.chat-send{height:38px;min-width:0!important;display:grid;place-items:center;padding:0!important}.chat-tool-button{border:1px solid #5a6271;border-radius:6px;background:#171b23;cursor:pointer}.chat-tool-button>span{font-size:22px;line-height:1}.gif-button{font-size:11px;font-weight:800}.chat-send{padding:0 12px!important}.chat-attachment-preview{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;border:1px solid #4a5362;background:#171b23}.chat-attachment-preview img{width:46px;height:42px;object-fit:cover}.chat-attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-preview button{padding:4px 8px}.gif-picker{display:grid;gap:6px;padding:8px;border:1px solid #424a58;background:#101319}.gif-picker form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.gif-picker form button{padding:7px 9px}.gif-results{max-height:220px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.gif-results>button{padding:0;border:0;background:#080a0e;aspect-ratio:1;overflow:hidden}.gif-results img{width:100%;height:100%;object-fit:cover}.gif-results>p{grid-column:1/-1;margin:8px;color:var(--muted)}.gif-attribution{text-align:right;color:var(--muted);font-size:10px}.dice-roll-form{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr);gap:6px;margin-bottom:12px}.dice-roll-form select,.dice-roll-form button{min-width:0}.activity-log article{position:relative;gap:4px;padding-left:12px;border-left:3px solid #596172}.activity-log .log-chat{border-left-color:#7d62ff}.activity-log .log-roll{padding-right:54px;border-left-color:#ffd166}.activity-log .log-roll>b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:24px;color:#ffd166}.rolls article{position:relative;padding-right:56px}.rolls article>b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:22px;color:#ffd166}.turn-order-bar{position:sticky;z-index:80;top:6px;left:50%;width:min(760px,calc(100% - 20px));height:58px;margin:6px auto -64px;transform:translateZ(0);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid #697180;border-radius:7px;background:#11151df2;box-shadow:0 8px 22px #000a}.turn-order-bar>strong{white-space:nowrap;color:#ffd166}.turn-order-bar>div{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}.turn-order-bar>div>button{height:44px;min-width:92px;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:0 5px;padding:4px 6px;text-align:left}.turn-order-bar>div>button>span{grid-row:1/3;display:grid;place-items:center;font-weight:800;color:#ffd166}.turn-order-bar>div>button>b,.turn-order-bar>div>button>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-order-bar>div>button>b{font-size:11px}.turn-order-bar>div>button>small{font-size:9px;color:var(--muted)}.turn-order-bar>div>button.active{border-color:#ffd166;background:#493a18;box-shadow:inset 0 0 0 1px #ffd166}.turn-order-bar>div>button:disabled{opacity:1;cursor:default}.next-turn-button{height:42px;padding:6px 10px}.combat-head-actions{display:flex;gap:5px}.combat-head-actions button{padding:6px 8px}.live-tabletop{position:relative}.roll-announcement{position:absolute;z-index:120;top:68px;left:50%;width:min(460px,calc(100% - 28px));transform:translate(-50%);display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:13px 16px;border:2px solid #ffd166;border-radius:7px;background:#15120bf2;box-shadow:0 12px 36px #000c,0 0 22px #ffd16644;pointer-events:none;animation:roll-pop .2s ease-out}.roll-announcement small,.roll-announcement span{color:#d8d3c7}.roll-announcement strong{font-size:16px}.roll-announcement span{grid-column:1}.roll-announcement b{grid-column:2;grid-row:1/4;align-self:center;font-size:40px;line-height:1;color:#ffd166}@keyframes roll-pop{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:1150px){.live-dm-layout>.live-map-maker{min-width:520px}.live-dm-layout .asset-panel,.live-dm-layout [data-panel-resizer=map-right]{display:none}}@media(max-width:640px){.roll-announcement{top:118px}.live-sidebar>nav button{flex-basis:68px}.dice-roll-form{grid-template-columns:1fr}.chat-composer{grid-template-columns:34px 42px minmax(90px,1fr) auto!important}.gif-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.live-dm-layout{overflow:auto}.live-dm-layout>.live-map-maker{min-width:760px}.live-dm-layout>.live-sidebar{position:sticky;right:0;min-width:280px}}.resizable-panel,.live-sidebar{min-width:80px;max-width:none}.editor-center{min-width:120px}.live-dm-layout>.live-map-maker{min-width:220px}.live-dm-layout .editor-left,.live-dm-layout .asset-panel{min-width:80px;max-width:none}.live-dm-layout .map-viewport{min-width:0}.live-dm-layout>.live-sidebar{min-width:80px;max-width:none}.live-sidebar>div{overflow:auto;min-width:0}.live-log{max-height:none;min-height:0;align-content:start}.activity-log{height:100%;overflow:auto}.turn-order-bar{left:auto}.vision-light-resize{pointer-events:all;cursor:ew-resize;stroke:#080a0e;stroke-width:3}.vision-light-resize.bright{fill:#fff3a8}.vision-light-resize.dim{fill:#ff9f43}.sound-list .sound-track{display:block;padding:0;border:1px solid #3d4553;background:#171b23}.asset-audio-item{display:grid;gap:7px}.asset-audio-item .sound-track{display:block;padding:0;border:1px solid #3d4553;background:#171b23}.asset-audio-item>input{margin:0}.sound-track>summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;cursor:pointer}.sound-track>summary>span:last-child{display:grid;min-width:0}.sound-track>summary strong,.sound-track>summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-status{width:9px;height:9px;border-radius:50%;background:#697180}.sound-status.playing{background:#55d18a;box-shadow:0 0 7px #55d18a88}.sound-track-details{display:grid;gap:10px;padding:10px;border-top:1px solid #343b48;background:#101318}.sound-actions{display:flex;gap:6px;flex-wrap:wrap}.sound-actions button{flex:1 1 72px}.sound-actions .sound-loop{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border:1px solid #5a6271;border-radius:7px;background:#171b23;color:var(--text);cursor:pointer}.sound-actions .sound-loop input{width:auto;margin:0}.sound-track-details label{display:grid;grid-template-columns:minmax(64px,auto) minmax(90px,1fr) 72px;align-items:center;gap:6px}.sound-track-details label:first-of-type{grid-template-columns:minmax(64px,auto) minmax(90px,1fr) 72px}.sound-track-details label output{grid-column:2/-1;text-align:right;color:var(--muted);font:11px ui-monospace,monospace}.sound-track-details input[type=range]{padding:0}.sound-track-details input[type=number]{padding:5px;text-align:center}.dice-roll-form{grid-template-columns:minmax(110px,1fr) minmax(90px,150px) auto!important}.dice-builder{grid-column:1/-1;display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr) auto minmax(100px,1.2fr);align-items:center;gap:8px;padding:12px;border:1px solid #3f4654;background:#0d1015}.dice-builder>b{align-self:end;padding-bottom:10px;text-align:center}.dice-builder label{min-width:0}.dice-builder input{text-align:center;font-size:18px}.dice-builder small{min-height:32px;color:#d7dce5;font-size:11px}.editor-menu details[open]{isolation:isolate;background:#101318!important;box-shadow:0 10px 24px #000d}.editor-menu details[open]:before{inset:38px 0 0;background:#101318!important;border:1px solid #596172;border-top:0}.editor-menu details[open]>*:not(summary){margin:0;padding:6px 9px;background:#101318!important}.editor-menu details[open]{align-self:flex-start;max-height:calc(100vh - 150px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.editor-menu details[open]>summary{position:sticky;top:0;z-index:8;background:#101318;border-bottom:1px solid #596172}.editor-menu details[open] label,.editor-menu details[open] button{background:#101318!important}.editor-menu details[open] input,.editor-menu details[open] select{background:#080a0e!important}.live-item-toolbar{position:sticky;top:-12px;z-index:4;display:flex;flex-wrap:wrap;gap:5px;padding:10px 0;background:#11141a;border-bottom:1px solid #343b48}.live-item-toolbar button{flex:1 1 90px;padding:7px}.live-party-inventory{margin:10px 0 16px;border:1px solid #454d5c;background:#0d1015}.live-party-inventory>summary{padding:10px;cursor:pointer;font-weight:700}.live-player-inventory{padding:9px;border-top:1px solid #343b48}.live-player-inventory>header,.live-commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-player-inventory>header>div{display:grid}.live-player-inventory small{color:var(--muted)}.live-player-inventory .inventory-container,.live-items>.inventory-container{margin-top:8px;padding:0;border:0;background:transparent}.live-items .inventory-row{display:grid;gap:6px}.live-items .inventory-row>div:last-child{justify-content:flex-start}.live-items .inventory-row button{padding:5px 7px}.live-commerce-heading h3{margin:0}.live-commerce-heading button{padding:5px 8px}.modal-card:has(.give-item-browser){width:min(1100px,100%);height:min(88vh,820px);display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;overflow:hidden}.modal-card:has(.give-item-browser) .modal-head,.modal-card:has(.give-item-browser) .modal-actions{grid-column:1/-1}.give-item-browser{grid-column:1;grid-row:2;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(180px,1fr) auto;gap:8px;overflow:hidden}.give-delivery-options{grid-column:2;grid-row:2;min-height:0;display:grid;align-content:start;gap:12px;overflow:auto;padding-right:3px}.give-delivery-options textarea{min-height:150px}.give-item-source-tabs{display:flex;border-bottom:1px solid #454d5c}.give-item-source-tabs button{flex:1;border:0;border-radius:0;background:transparent}.give-item-source-tabs button.active{background:#30275d;border-bottom:3px solid var(--accent)}.give-item-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 150px;gap:7px}.give-item-count{color:var(--muted);font-size:12px}.give-item-results{min-height:0;overflow:auto;padding-right:5px;scrollbar-gutter:stable}.give-item-results>section{margin-bottom:12px}.give-item-results h3{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;margin:0;padding:7px 9px;background:#202631;border-bottom:1px solid #4b5361;text-transform:capitalize;font-size:13px}.give-item-results h3 span{color:var(--muted);font-weight:400}.give-item-results section>article{width:100%;display:grid;grid-template-columns:minmax(180px,1fr) auto 78px;align-items:center;gap:3px 12px;padding:9px;border-bottom:1px solid #303642;background:#11151c}.give-item-results section>article:hover{background:#202631}.give-item-results section>article.selected{background:#30275d;box-shadow:inset 3px 0 var(--accent)}.give-item-name{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0}.give-item-name>button{padding:0;border:0;background:transparent}.give-item-name>button i,.give-recipient-list button i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #9da5b4;border-radius:3px;background:#0b0e13;color:#fff;font-style:normal}.give-item-name>button[aria-checked=true] i,.give-recipient-list button[aria-checked=true] i{background:var(--accent);border-color:#b9afff}.give-item-name>span,.give-item-price{display:grid;min-width:0}.give-item-price{text-align:right}.give-item-results section>article small{color:var(--muted);font-size:11px}.give-item-results section>article>p{grid-column:1/-1;margin:2px 0 0;color:#c5cad4;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.give-item-quantity{display:grid!important;grid-template-columns:auto 52px!important;align-items:center!important;gap:5px!important;color:var(--muted)}.give-item-quantity input{padding:5px;text-align:center}.give-item-empty{padding:30px;text-align:center;color:var(--muted)}.give-item-selected{display:flex;justify-content:space-between;gap:10px;padding:9px;background:#1b202a;border:1px solid #454d5c}.give-item-selected span{color:var(--muted);text-align:right}.give-recipient-list{display:grid;gap:6px;padding:10px;border:1px solid #454d5c}.give-recipient-list legend{padding:0 5px}.give-recipient-list button{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #353c49;background:#11151c;color:var(--text)}.give-recipient-list button[aria-checked=true]{background:#30275d;border-color:#7869d8}.give-item-detail{max-height:34vh;overflow:auto;padding:12px;border:1px solid #7869d8;background:#151927;white-space:pre-wrap}.give-item-detail header{display:flex;justify-content:space-between;align-items:start;gap:10px}.give-item-detail header>div{display:grid}.give-item-detail header span{color:var(--muted)}.give-item-detail header button{padding:4px 8px}.give-item-detail h4{margin:10px 0 4px;color:#bdb4ff}.give-item-detail p{margin:0;color:#d7dbe4}@media(max-width:640px){.dice-roll-form{grid-template-columns:1fr!important}.dice-builder{grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr) auto minmax(82px,1fr)}.sound-track-details label,.sound-track-details label:first-of-type{grid-template-columns:58px minmax(70px,1fr) 62px}.give-item-filters{grid-template-columns:1fr}.modal-card:has(.give-item-browser){height:92vh;display:flex;overflow:auto}.give-item-browser{min-height:520px;overflow:visible}.give-delivery-options{overflow:visible}.give-item-results section>article{grid-template-columns:minmax(130px,1fr) 70px}.give-item-quantity{grid-column:1/-1!important}.give-item-selected{display:grid}.give-item-selected span{text-align:left}}.homebrew-notebook-page,.homebrew-sheet{min-height:100%;padding:24px;background:#0d1015}.homebrew-notebook,.homebrew-sheet{width:min(1080px,100%);margin:auto;display:grid;grid-template-rows:auto minmax(520px,1fr) auto;gap:14px}.homebrew-notebook{min-height:calc(100vh - 106px);padding:22px;border:1px solid #596172;background:#151922}.homebrew-sheet{min-height:calc(100vh - 58px);overflow:auto}.homebrew-notebook>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.homebrew-name-label input{font-size:18px;font-weight:700}.homebrew-notes-label,.homebrew-sheet-notes{min-height:0}.homebrew-notes-label textarea,.homebrew-sheet-notes textarea{height:100%;min-height:520px;padding:16px;line-height:1.65;background:#0d1015;resize:vertical}.homebrew-live-preview{max-height:320px;overflow:auto;padding:10px;border:1px solid #343b48;background:#0d1015;color:#dce1ea;white-space:normal}.manual-ability-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}#manual-character-form{width:min(900px,100%)}#manual-character-form>details{margin-top:10px;border:1px solid #454d5c;background:#101318}#manual-character-form>details>summary{padding:11px;cursor:pointer;font-weight:700;background:#1b202a}#manual-character-form>details>label,#manual-character-form>details>h4,#manual-character-form>details>div{margin:10px}.manual-check-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:6px}.manual-check-grid label{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #343b48}.manual-check-grid input{width:auto}@media(max-width:700px){.homebrew-notebook-page,.homebrew-sheet{padding:10px}.manual-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homebrew-notebook>footer{align-items:flex-start;flex-wrap:wrap}.manual-check-grid{grid-template-columns:1fr}}