:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0e6d2;--font-display:"Cinzel", Georgia, "Times New Roman", serif;--bg:#161310;--bg-elevated:#1e1a16;--surface:#26221c;--surface-2:#302a23;--border:#564839;--border-subtle:#3a332b;--border-gold:#9a8050;--text:#f0e6d2;--text-muted:#b5a68a;--accent:#c9a227;--accent-bright:#e8c85a;--accent-soft:#c9a2272e;--accent-glow:#c9a22759;--success:#7bc488;--danger:#c45c5c;--danger-soft:#c45c5c33;--radius:4px;--radius-lg:8px;--shadow-inset:inset 0 1px 0 #ffebc80f;--shadow-panel:0 4px 24px #00000061;background-color:#161310;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{height:100%}body{background:radial-gradient(120% 80% at 50% -20%,#5a442633,#0000 55%),radial-gradient(80% 50% at 100% 100%,#34261a47,#0000 50%),linear-gradient(#1a1714 0%,#12100e 100%);height:100%;min-height:100%;margin:0}#root{height:100%;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:inherit;border-radius:var(--radius);padding:.4rem .75rem;font-size:.9375rem;transition:background .12s,border-color .12s}button:hover{border-color:var(--border-gold);background:#3a3229}button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-bright);box-shadow:inset 0 0 0 1px #c9a22740}button.danger{color:#f0b0b0;background:var(--danger-soft);border-color:#6a3838}.btn-compact{padding:.3rem .55rem;font-size:.8125rem}code{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--accent-bright);border-radius:3px;padding:.1rem .35rem;font-size:.9em}.join-screen{--join-pad:1rem;--join-frame-inset:.35rem;--join-frame-border:#9a805052;--join-line-bleed:calc(var(--join-pad) - var(--join-frame-inset));--join-gap:.75rem;--join-gap-tight:.5rem;--join-control-pad-y:.5rem;--join-control-pad-x:.75rem;--join-control-pad:var(--join-control-pad-y) var(--join-control-pad-x);--join-control-inner:max(1.05rem, calc(.88rem * 1.5));--join-control-height:calc(2 * var(--join-control-pad-y) + var(--join-control-inner) + 2px);height:100dvh;max-height:100dvh;padding:var(--join-pad);background:url(/backgrounds/Elven-background.png) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;overflow:hidden}.join-card{--join-radius:6px;--join-surface-bg:#342e2680;--join-surface-border:var(--border-subtle);--join-control-pad-y:.5rem;--join-control-pad-x:.75rem;--join-control-pad:var(--join-control-pad-y) var(--join-control-pad-x);--join-control-inner:max(1.05rem, calc(.88rem * 1.5));--join-control-height:calc(2 * var(--join-control-pad-y) + var(--join-control-inner) + 2px);--join-card-height:min(38rem, calc(100dvh - 2 * var(--join-pad)));width:min(92vw,62rem);height:var(--join-card-height);min-height:var(--join-card-height);max-height:var(--join-card-height);padding:var(--join-pad);box-sizing:border-box;border-radius:var(--join-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1813db;border:1px solid #c9a2276b;flex-direction:column;display:flex;position:relative;overflow:visible;box-shadow:0 24px 80px #00000073,inset 0 0 0 1px #c9a2271f}.join-card:before{content:"";inset:var(--join-frame-inset);border-radius:calc(var(--join-radius) - 1px);pointer-events:none;border:1px solid #9a805047;position:absolute}.join-card :where(.join-campaign-select,.join-role-card,.join-search-field,.join-room-thumb,.slot-option,.join-enter-btn,input){border-radius:var(--join-radius)}.join-card-header{padding:0 0 var(--join-gap) 0;text-align:center;flex-shrink:0;position:relative}.join-card-header:after{content:"";left:calc(-1 * var(--join-line-bleed));right:calc(-1 * var(--join-line-bleed));border-bottom:1px solid var(--join-frame-border);position:absolute;bottom:0}.join-card-header h1{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-bright);margin:.1rem 0 .2rem;font-size:clamp(1.45rem,2.5vw,1.95rem);font-weight:600}.join-card-header .subtitle{margin:0;font-size:.88rem;line-height:1.35}.join-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.72rem}.join-card-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:0;display:grid;position:relative;overflow:visible}.join-card-body:after{content:"";top:0;bottom:calc(-1 * var(--join-line-bleed));border-left:1px solid var(--join-frame-border);pointer-events:none;position:absolute;left:50%}.join-column{gap:var(--join-gap);flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.join-column-room{padding-right:var(--join-gap)}.join-column-session{padding-left:var(--join-gap)}.join-room-panel,.join-session-panel{gap:var(--join-gap);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.join-column-header{justify-content:space-between;align-items:center;gap:var(--join-gap);padding-top:var(--join-gap);flex-shrink:0;display:flex}.join-column-header h2{align-items:center;gap:var(--join-gap-tight);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-size:.88rem;line-height:1.25;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.join-heading-icon,.join-field-icon,.join-status-icon,.join-enter-icon,.join-room-icon{color:var(--text-muted);flex-shrink:0}.join-campaign-select.active .join-room-icon{color:var(--accent-bright)}.join-campaign-trail{align-items:center;gap:var(--join-gap-tight);flex-shrink:0;display:flex}.join-campaign-player-count{color:var(--text-muted);white-space:nowrap;border:1px solid var(--join-surface-border);background:#00000026;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:500}.join-campaign-select.active .join-campaign-player-count{color:var(--text);border-color:#c9a22759}.join-list-trail-icon{color:var(--accent-bright);flex-shrink:0}.join-search-field{align-items:center;gap:var(--join-gap-tight);height:var(--join-control-height);padding:var(--join-control-pad);border:1px solid var(--join-surface-border);background:var(--join-surface-bg);color:inherit;box-sizing:border-box;display:flex}.join-search-field input{width:100%;min-width:0;color:inherit;background:0 0;border:none;padding:0;font-size:.88rem;line-height:1}.join-search-field input:focus{outline:none}.join-search-field:focus-within{border-color:var(--border-gold);background:#ffffff0f}.join-search-field input:disabled{opacity:.65;cursor:not-allowed}.join-campaign-create{color:var(--accent-bright);background:#c9a2270d;border-style:dashed;border-color:#c9a22773;flex-shrink:0;grid-template-columns:auto minmax(0,1fr)}.join-campaign-create:hover{border-color:var(--border-gold);background:#c9a2271a}.join-campaign-create .join-campaign-id{color:var(--text-muted)}.join-modal-backdrop{--join-radius:6px;--join-frame-inset:.35rem;--join-frame-border:#9a805052;--join-pad:1.25rem;--join-gap:.875rem;--join-gap-tight:.5rem;--join-control-pad-y:.5rem;--join-control-pad-x:.75rem;--join-control-pad:var(--join-control-pad-y) var(--join-control-pad-x);--join-control-inner:max(1.05rem, calc(.88rem * 1.5));--join-control-height:calc(2 * var(--join-control-pad-y) + var(--join-control-inner) + 2px);--join-surface-bg:#342e2680;--join-surface-border:var(--border-subtle);z-index:1000;padding:var(--join-gap);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0a08b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-modal-backdrop :where(.join-search-field,.join-enter-btn,.join-modal-secondary-btn,.join-modal-icon-card,input){border-radius:var(--join-radius)}.join-modal{border-radius:var(--join-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1813f0;border:1px solid #c9a2276b;flex-direction:column;width:min(100%,28rem);max-height:min(90vh,34rem);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000008c,inset 0 0 0 1px #c9a2271f}.join-modal:before{content:"";inset:var(--join-frame-inset);border-radius:calc(var(--join-radius) - 1px);pointer-events:none;border:1px solid #9a805047;position:absolute}.join-modal-close{top:calc(var(--join-pad) - .15rem);right:calc(var(--join-pad) - .15rem);z-index:1;border-radius:var(--join-radius);width:2rem;height:2rem;color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:inline-flex;position:absolute}.join-modal-close:hover:not(:disabled){color:var(--accent-bright);border-color:var(--join-surface-border);background:#ffffff0d}.join-modal-close:disabled{opacity:.45;cursor:not-allowed}.join-modal-header{padding:var(--join-pad) calc(var(--join-pad) + 1.75rem) var(--join-gap) var(--join-pad);text-align:center;flex-shrink:0;position:relative}.join-modal-header:after{content:"";left:calc(var(--join-pad) - var(--join-frame-inset));right:calc(var(--join-pad) - var(--join-frame-inset));border-bottom:1px solid var(--join-frame-border);position:absolute;bottom:0}.join-modal-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .2rem;font-size:.72rem}.join-modal-header h3{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-bright);margin:0;font-size:1.2rem;font-weight:600}.join-modal-subtitle{color:var(--text-muted);margin:.35rem 0 0;font-size:.84rem;line-height:1.4}.join-modal-form{gap:var(--join-gap);min-height:0;padding:var(--join-gap) var(--join-pad) var(--join-pad);flex-direction:column;display:flex;overflow-y:auto}.join-modal-field{gap:var(--join-gap-tight);display:grid}.join-modal-label{color:var(--text-muted);font-size:.84rem}.join-modal-icon-card{align-items:center;gap:var(--join-gap);padding:var(--join-control-pad);background:#c9a2270d;border:1px dashed #c9a22773;grid-template-columns:auto minmax(0,1fr);display:grid}.join-modal-icon-preview{border:1px solid var(--join-surface-border);border-radius:var(--join-radius);background:var(--join-surface-bg);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:inline-flex;overflow:hidden}.join-modal-icon-image{object-fit:cover;width:100%;height:100%}.join-modal-icon-actions{gap:var(--join-gap-tight);align-content:center;display:grid}.join-modal-secondary-btn{height:var(--join-control-height);padding:var(--join-control-pad);box-sizing:border-box;border:1px solid var(--join-surface-border);background:var(--join-surface-bg);color:var(--text);font-size:.84rem;transition:border-color .12s,background .12s}.join-modal-secondary-btn:hover:not(:disabled){border-color:var(--border-gold);background:#ffffff0f}.join-modal-secondary-btn-muted{color:var(--text-muted)}.join-modal-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.join-modal-icon-hint{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.35}.join-modal-error{margin:0}.join-modal-footer{border-top:1px solid var(--join-frame-border);flex-shrink:0;padding-top:.15rem}.join-modal-submit{margin-top:var(--join-gap-tight)}.join-room-thumb{border-radius:var(--join-radius);object-fit:cover;border:1px solid var(--join-surface-border);background:var(--join-surface-bg);flex-shrink:0;width:2.125rem;height:2.125rem}.join-room-thumb-lg{width:3.25rem;height:3.25rem}.join-panel-note{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.join-enter-btn{justify-content:center;align-items:center;gap:var(--join-gap-tight);width:100%;height:var(--join-control-height);padding:var(--join-control-pad);box-sizing:border-box;border:1px solid var(--border-gold);color:var(--accent-bright);background:linear-gradient(#c9a22729 0%,#c9a2270f 100%);flex-shrink:0;font-size:.88rem;font-weight:600;display:inline-flex}.join-enter-icon{color:currentColor}.join-enter-btn:hover{background:linear-gradient(#c9a2273d 0%,#c9a2271a 100%)}.join-enter-btn:disabled{opacity:.55;cursor:not-allowed}.join-card .join-search-field,.join-modal-backdrop .join-search-field{height:var(--join-control-height);min-height:var(--join-control-height);max-height:var(--join-control-height);flex:none;overflow:hidden}.join-card button.join-enter-btn,.join-modal-backdrop button.join-enter-btn,.join-modal-backdrop button.join-modal-secondary-btn{height:var(--join-control-height);min-height:var(--join-control-height);max-height:var(--join-control-height);padding:var(--join-control-pad);flex:none;font-size:.88rem;line-height:1}.join-card button.join-enter-btn:hover:not(:disabled),.join-modal-backdrop button.join-enter-btn:hover:not(:disabled){border-color:var(--border-gold);background:linear-gradient(#c9a2273d 0%,#c9a2271a 100%)}.join-campaign-list{gap:var(--join-gap-tight);flex:1;align-content:start;min-height:0;display:grid;overflow-y:auto}.join-campaign-search{gap:var(--join-gap-tight);flex-shrink:0;font-size:.84rem;display:grid}.join-campaign-search input{color:inherit;background:0 0;border:none;padding:0}.join-campaign-empty{margin:0;padding:0}.join-campaign-select{align-items:center;gap:var(--join-gap);text-align:left;width:100%;padding:var(--join-control-pad);border:1px solid var(--join-surface-border);background:var(--join-surface-bg);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.join-campaign-copy{gap:.12rem;min-width:0;display:grid}.join-campaign-select:hover{border-color:var(--border-gold);background:#ffffff0f}.join-campaign-select.active{border-color:var(--accent);background:#c9a22714;box-shadow:inset 0 0 0 1px #c9a22733}.join-campaign-name{color:var(--text);font-weight:600}.join-campaign-id{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.join-session-card{gap:var(--join-gap);min-height:0;padding-top:var(--join-gap);border-top:1px solid var(--border-subtle);flex-direction:column;flex:1;display:flex;overflow:hidden}.join-session-card label,.join-campaign-search{gap:var(--join-gap-tight);font-size:.84rem;display:grid}.join-role-grid{gap:var(--join-gap-tight);flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.join-role-card{gap:var(--join-gap-tight);text-align:left;padding:var(--join-control-pad);border:1px solid var(--join-surface-border);background:var(--join-surface-bg);color:inherit;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.join-role-card:hover{border-color:var(--border-gold);background:#ffffff0f}.join-role-card.active{border-color:var(--accent);background:#c9a22714;box-shadow:inset 0 0 0 1px #c9a22738}.join-role-title{color:var(--accent-bright);font-size:.88rem;font-weight:600}.join-role-copy{color:var(--text-muted);font-size:.76rem;line-height:1.3}.join-section-title{align-items:center;gap:var(--join-gap-tight);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;margin:0;font-size:.78rem;display:inline-flex}.join-label-row,.join-selected-slot,.join-status-hint{align-items:center;gap:var(--join-gap-tight);display:inline-flex}.join-spinner{animation:.85s linear infinite join-spin}@keyframes join-spin{to{transform:rotate(360deg)}}.join-session-card>.hint,.join-session-card>.join-error{flex-shrink:0;margin:0}.join-selected-slot{color:var(--text-muted);flex-shrink:0;margin:0;font-size:.84rem}.subtitle,.hint,.muted{color:var(--text-muted)}.slot-list{gap:var(--join-gap-tight);flex:1;align-content:start;min-height:0;display:grid;overflow-y:auto}.slot-option{align-items:center;gap:var(--join-gap-tight);padding:var(--join-control-pad);border:1px solid var(--join-surface-border,var(--border-subtle));background:var(--join-surface-bg,#342e2673);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;transition:border-color .12s,background .12s;display:grid}.slot-option-body{justify-content:space-between;align-items:baseline;gap:var(--join-gap-tight);min-width:0;display:flex}.slot-radio-input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:inherit;flex-shrink:0;margin:0}.slot-option.taken .slot-radio-input{cursor:not-allowed}.slot-option:hover:not(.taken){border-color:var(--border-gold);background:#ffffff0f}.slot-option.selected{border-color:var(--accent);background:#c9a22714}.slot-option.taken{opacity:.55;cursor:not-allowed}.slot-option .slot-name{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.slot-option .slot-status{color:var(--text-muted);font-size:.8rem}.slot-option .slot-status.available{color:var(--success)}.join-error{color:#f0b0b0;margin:0;font-size:.84rem}@media (width<=900px){.join-card{--join-card-height:min(42rem, calc(100dvh - 2 * var(--join-pad)));width:min(100%,36rem)}.join-card-body{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;overflow:hidden}.join-card-body:after{display:none}.join-column{padding:0;overflow:hidden}.join-column-room{padding-right:0;padding-bottom:var(--join-gap);border-bottom:none;position:relative}.join-column-room:after{content:"";left:calc(-1 * var(--join-line-bleed));right:calc(-1 * var(--join-line-bleed));border-bottom:1px solid var(--join-frame-border);position:absolute;bottom:0}.join-column-session{padding-left:0;padding-top:var(--join-gap)}.join-column-header{flex-wrap:wrap}.join-role-grid{grid-template-columns:1fr}}@media (width<=520px){.join-screen{--join-pad:.75rem;--join-frame-inset:.25rem;--join-line-bleed:calc(var(--join-pad) - var(--join-frame-inset))}.join-card{--join-card-height:calc(100dvh - 2 * var(--join-pad))}}.app{flex-direction:column;height:100%;max-height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-gold);background:linear-gradient(180deg, #ffebc808 0%, transparent 100%), var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;box-shadow:0 2px 12px #00000059}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem .75rem;margin-left:auto;display:flex}.header-meta{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.meta-chip{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-inset);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8125rem;display:inline-flex}.meta-chip:first-child{border-color:var(--border-gold);color:var(--accent-bright)}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.view-tabs{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-inset);gap:.15rem;padding:.2rem;display:inline-flex}.view-tabs button{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:3px;padding:.35rem .75rem;font-size:.8125rem;font-weight:500}.view-tabs button:hover:not(.active){border-color:var(--border-subtle);background:#ffebc80a}.view-tabs button.active{background:var(--accent-soft);color:var(--accent-bright);border-color:var(--border-gold);box-shadow:inset 0 0 12px #c9a2271f}.player-scene-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.player-scene-tabs .toolbar-label{margin-right:0}.player-scene-tabs .toolbar-hint{font-size:.8125rem}.meta-chip-status{text-transform:capitalize}.meta-chip-status.status-joined{color:var(--success)}.meta-chip-status.status-connecting,.meta-chip-status.status-connected{color:var(--accent-bright)}.meta-chip-status.status-disconnected{color:var(--text-muted)}.error-banner{color:#f0b0b0;background:#3a1e1e;border-bottom:1px solid #6a3838;flex-shrink:0;padding:.65rem 1rem}.loading{text-align:center;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.04em;padding:2rem}.join-failed{text-align:center;justify-items:center;gap:1rem;padding:2rem;display:grid}.join-failed p{color:#f0b0b0;margin:0}.game-layout{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.dm-main-sidebar{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.dm-main-sidebar .scene-access-panel{flex-shrink:0}.dm-main-sidebar .party-panel-sheets-only{border-top:1px solid var(--border);flex:1;min-height:0}.party-card-heading{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.party-card-heading h3{font-size:.85rem;font-family:var(--font-display);color:var(--accent-bright);margin:0}.players-layout{padding:0}.players-layout .party-panel{flex:1;width:100%;min-width:0}.players-layout .side-panel-body{padding:.85rem 1rem}.players-layout .party-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem}.players-layout .party-card{min-width:0}.players-layout .party-card-meta{grid-template-columns:1fr auto;align-items:center;gap:.35rem .5rem;display:grid}.players-layout .party-card-meta .slot-name-input{grid-column:1/-1}.party-remove-confirm{grid-column:1/-1;justify-content:flex-end;gap:.35rem;display:flex}.players-layout .party-card-sheet .character-form textarea{resize:vertical;min-height:4.5rem}@media (width<=1100px){.players-layout .party-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.players-layout .party-grid{grid-template-columns:1fr}}.party-card-sheet{gap:.65rem}.party-card-sheet .character-form{border-top:1px solid var(--border-subtle);padding-top:.25rem}.party-sheet-empty{margin:0;font-size:.875rem}.resizable-split{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.resizable-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.resize-handle{cursor:col-resize;background:0 0;flex-shrink:0;width:5px;position:relative}.resize-handle:after{content:"";background:var(--border);width:1px;transition:background .12s;position:absolute;inset:0 0 0 2px}.resize-handle:hover:after,body.resizing-sidebar .resize-handle:after{background:var(--accent);width:2px;left:1px}body.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.resizable-sidebar{border-left:1px solid var(--border);background:linear-gradient(90deg, #00000026 0%, transparent 12px), var(--surface);flex-direction:column;flex-shrink:0;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:-4px 0 16px #0003}.layout-with-dice-rail{flex:1;min-height:0;display:flex;overflow:hidden}.layout-with-dice-rail>:not(.dice-rail){flex:1;min-width:0;min-height:0}.dice-rail{border-left:1px solid var(--border);border-right:1px solid var(--border);background:linear-gradient(90deg, #0000001f 0%, transparent 40%), var(--surface);flex-direction:column;flex-shrink:0;width:min(17rem,28vw);min-width:12.5rem;max-width:20rem;height:100%;min-height:0;transition:width .18s,min-width .18s,max-width .18s;display:flex;overflow:hidden;box-shadow:inset 1px 0 #ffebc808}.dice-rail:has(.dice-tray-collapsed){width:2.75rem;min-width:0;max-width:none}.dice-rail .dice-tray{border-top:none;flex:1;min-height:0;max-height:none}.dice-rail .dice-tray-body{grid-template-columns:unset;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dice-rail .dice-tray-controls{border-right:none;border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding-bottom:.45rem;padding-right:0}.dice-rail .dice-tray-logs{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow:hidden}.dice-rail .dice-public-section{flex:65%;min-height:5rem}.dice-rail .dice-secret-log-section{flex:0 35%;min-height:0;max-height:none}.dice-rail .dice-tray-header{padding:.35rem .5rem .15rem}.dice-rail .dice-tray-body{gap:.45rem;padding:0 .5rem .45rem}.dice-rail .dice-tray-controls{gap:.35rem;padding-bottom:.35rem}.dice-rail .dice-roll-form{flex-direction:column;gap:.3rem}.dice-rail .dice-roll-form input{padding:.35rem .45rem;font-size:.875rem}.dice-rail .dice-roll-form button{width:100%;padding:.32rem .5rem;font-size:.8125rem}.dice-rail .dice-quick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.dice-rail .dice-quick-btn{min-width:0;padding:.22rem .1rem;font-size:.72rem}.dice-rail .dice-secret-section{padding:.4rem .45rem}.dice-rail .dice-secret-header{flex-direction:column;align-items:flex-start;gap:.1rem;margin-bottom:.25rem}.dice-rail .dice-secret-note{font-size:.68rem;line-height:1.2}.dice-rail .dice-public-section h3,.dice-rail .dice-secret-log-section h3,.dice-rail .dice-secret-header h3{margin-bottom:.2rem;font-size:.68rem}.dice-rail .dice-tray-logs{gap:.35rem}.dice-rail .dice-log li{flex-direction:column;align-items:flex-start;gap:.08rem;min-height:0;padding:.28rem .38rem;font-size:.8125rem;line-height:1.25}.dice-rail .dice-log-roller{max-width:100%;font-size:.72rem}.dice-rail .dice-log-detail{white-space:normal;word-break:break-word;font-size:.8rem;line-height:1.3}.dice-rail .dice-log-empty{font-size:.78rem;line-height:1.35}.dice-rail .dice-error{font-size:.78rem}.dice-rail .dice-tray-collapsed{border-top:none;flex:1;align-items:stretch;min-height:0;padding:0;display:flex}.dice-rail .dice-tray-collapsed .dice-tray-toggle{width:100%;min-height:0;color:var(--accent-bright);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;gap:.5rem;padding:.85rem .25rem;font-size:.72rem;font-weight:600}.dice-rail .dice-tray-collapsed .dice-tray-toggle:hover{background:#ffebc80a}.dice-rail .dice-tray-collapsed .dice-tray-badge{writing-mode:horizontal-tb;min-width:1.35rem;padding:.15rem .25rem;font-size:.75rem}.side-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.side-panel-header{border-bottom:1px solid var(--border-gold);background:linear-gradient(#ffebc80a 0%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.side-panel-header h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-size:.9rem;font-weight:600}.side-panel-body{flex:1;align-content:start;gap:.85rem;padding:.65rem .75rem;display:grid;overflow:hidden auto}.map-section{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.map-canvas{flex:1;min-height:0;position:relative;overflow:hidden}.map-canvas.player,.map-canvas.scene-edit{cursor:grab}.map-canvas.scene-edit:active{cursor:grabbing}.scene-name-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:inherit;min-width:120px;padding:.4rem .6rem}.map-scale-overlay{z-index:2;border-radius:var(--radius);border:1px solid var(--border-gold);box-shadow:var(--shadow-panel);pointer-events:none;background:#0e0c0ae0;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .5rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.map-scale-bar{border:1px solid var(--accent);background:#c9a22759;border-radius:1px;height:.45rem}.map-scale-caption{color:var(--text);white-space:nowrap;font-size:.75rem}.fog-badge.scene-edit-badge{border:1px solid var(--border-gold);background:#1e1810eb;top:.75rem}.dm-toolbar button:disabled{opacity:.45;cursor:not-allowed}.file-input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar-error{color:#f0b0b0;width:100%;padding:0 .25rem .35rem;font-size:.9rem}.map-canvas.dm{cursor:grab}.fog-badge.fog-brush-badge{top:2.5rem}.fog-badge.xray-badge{background:#143220e6;border:1px solid #6db87a66}.map-canvas.fog-mode{cursor:crosshair}.player-badge,.fog-badge{border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;font-family:var(--font-display);letter-spacing:.03em;background:#0e0c0ae0;padding:.35rem .6rem;position:absolute;top:.75rem;left:.75rem}.fog-badge{border-color:var(--border-gold);color:var(--accent-bright);background:#28200ceb}.character-form{gap:.65rem;display:grid}.sheet-section{border-top:1px solid var(--border-subtle);gap:.55rem;padding-top:.55rem;display:grid}.sheet-section:first-child{border-top:none;padding-top:0}.sheet-section h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-size:.7rem}.sheet-field{gap:.3rem;font-size:.8125rem;display:grid}.sheet-field-label{color:var(--text-muted)}.sheet-field-optional{font-style:italic}.sheet-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.character-form-compact .sheet-field-grid{grid-template-columns:1fr}.sheet-portrait{object-fit:cover;border:2px solid var(--border-gold);border-radius:999px;flex-shrink:0;width:4.5rem;height:4.5rem}.sheet-portrait-empty{color:var(--text-muted);background:var(--bg);place-items:center;font-size:.7rem;display:grid}.sheet-icon-row{align-items:flex-start;gap:.65rem;display:flex}.sheet-icon-actions{align-content:start;gap:.35rem;display:grid}.sheet-field-error{color:#f0b0b0;margin:0;font-size:.75rem}.character-form input,.character-form textarea,.side-panel-body input,.side-panel-body textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:inherit;padding:.4rem .55rem;font-size:.8125rem}.hp-row{align-items:end;gap:.5rem;display:flex}.hp-row .sheet-field{flex:1}.ability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.character-form-compact .ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-card{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius);justify-items:center;gap:.25rem;padding:.4rem .3rem;display:grid}.ability-abbr{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-muted);font-size:.65rem}.ability-card .ability-score{text-align:center;width:100%;padding:.3rem .2rem}.ability-mod{color:var(--accent-bright);font-size:.95rem;font-weight:600}.stat-list{gap:.3rem;display:grid}.stat-row{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.stat-total{text-align:center;color:var(--accent-bright);background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius);flex:0 0 2.2rem;padding:.2rem 0;font-weight:600}.stat-name{flex:1;min-width:0}.stat-ability-tag{text-align:center;letter-spacing:.04em;color:var(--text-muted);flex:0 0 2.5rem;font-size:.65rem}.stat-row .stat-mod-input{text-align:center;flex:0 0 3.2rem;padding:.3rem .2rem}.template-group{gap:.35rem;margin-bottom:.6rem;display:grid}.template-group-header{justify-content:space-between;align-items:center;display:flex}.template-group-header h4{color:var(--text-muted);margin:0;font-size:.75rem}.template-row{align-items:center;gap:.4rem;display:flex}.template-row .template-abbr{text-transform:uppercase;flex:0 0 3.5rem}.template-row .template-name{flex:1;min-width:0}.template-row .template-mode{flex:0 0 5.5rem}.party-list{gap:.5rem;display:grid}.party-card{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:.4rem;padding:.55rem;display:grid}.party-card-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.party-stats{color:var(--text-muted);gap:.75rem;font-size:.75rem;display:flex}.slot-name-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);width:100%;color:inherit;padding:.4rem .55rem;font-size:.8125rem}.slot-connection{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.slot-connection.online{color:var(--success)}.party-card .notes{color:var(--text-muted);white-space:pre-wrap;margin:0;font-size:.75rem}.dm-toolbar{border-top:1px solid var(--border-gold);background:linear-gradient(0deg, #0003 0%, transparent 100%), var(--surface);z-index:3;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem .5rem;padding:.35rem .5rem;display:flex;position:relative;box-shadow:inset 0 1px #ffebc80a}.token-add-anchor{position:relative}.token-add-popover{border:1px solid var(--border-gold);border-radius:var(--radius-lg);background:var(--surface);width:min(20rem,100vw - 2rem);box-shadow:var(--shadow-panel);z-index:10;padding:.75rem;position:absolute;bottom:calc(100% + .45rem);left:0}.token-add-popover-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.token-add-popover-header h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-size:.85rem}.token-add-form{gap:.65rem;display:grid}.token-kind-picker{border:1px solid var(--border-subtle);border-radius:var(--radius);gap:.75rem;margin:0;padding:.55rem .65rem;display:flex}.token-kind-picker legend{color:var(--text-muted);padding:0 .25rem;font-size:.75rem}.token-kind-option{align-items:center;gap:.4rem;font-size:.875rem;display:inline-flex}.token-add-field{gap:.3rem;font-size:.8125rem;display:grid}.token-add-field-label,.token-add-field>span:first-child{color:var(--text-muted)}.token-add-field input,.token-add-field select{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:inherit;padding:.4rem .55rem;font-size:.8125rem}.token-add-hint{margin:0;font-size:.8125rem}.token-add-image{gap:.4rem;display:grid}.token-add-preview{object-fit:cover;border:2px solid var(--border-gold);border-radius:999px;width:4.5rem;height:4.5rem}.token-add-preview-empty{color:var(--text-muted);background:var(--bg);place-items:center;font-size:.7rem;display:grid}.token-add-image-actions{flex-wrap:wrap;gap:.35rem;display:flex}.token-add-error{color:#f0b0b0;margin:0;font-size:.75rem}.token-add-actions{justify-content:flex-end;gap:.4rem;margin-top:.15rem;display:flex}.toolbar-hint{color:var(--text-muted);align-self:center;margin:0;font-size:.75rem}.toolbar-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar-label{color:var(--accent-bright);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin-right:.15rem;font-size:.75rem}.toolbar-hint{color:var(--text-muted);margin:0;font-size:.85rem}.dice-tray{border-top:1px solid var(--border-gold);background:linear-gradient(0deg, #00000040 0%, transparent 100%), var(--surface);flex-direction:column;flex-shrink:0;min-height:0;display:flex;box-shadow:inset 0 1px #ffebc80a}.dice-tray-collapsed{max-height:none;padding:.35rem .75rem}.dice-tray-toggle{align-items:center;gap:.5rem;display:inline-flex}.dice-tray-badge{background:var(--accent-soft);min-width:1.5rem;color:var(--accent-bright);border-radius:999px;justify-content:center;align-items:center;padding:.1rem .35rem;font-size:.8125rem;font-weight:600;display:inline-flex}.dice-tray-header{justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem .25rem;display:flex}.dice-tray-header h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-size:.85rem}.dice-tray-body{flex:1;grid-template-columns:minmax(13rem,18rem) minmax(0,1fr);align-items:stretch;gap:.75rem;min-height:0;padding:0 .75rem .65rem;display:grid;overflow:hidden}.dice-tray-controls{border-right:1px solid var(--border-subtle);align-content:start;gap:.5rem;padding-right:.75rem;display:grid}.dice-tray-logs{flex-direction:column;gap:.5rem;min-height:0;display:flex;overflow:hidden}.dice-secret-log-section,.dice-public-section{flex-direction:column;flex:1;gap:.35rem;min-height:0;display:flex}.dice-secret-log-section{flex:0 40%;max-height:45%}.dice-public-section{flex:60%}.dice-roll-form{gap:.45rem;display:flex}.dice-roll-form input{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-elevated);min-width:0;color:inherit;flex:1;padding:.4rem .55rem}.dice-quick-row{flex-wrap:wrap;gap:.35rem;display:flex}.dice-error{color:#f0b0b0;margin:0;font-size:.85rem}.dice-public-section h3,.dice-secret-log-section h3,.dice-secret-header h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .35rem;font-size:.72rem}.dice-secret-section{border-radius:var(--radius-lg);background:#50325a1f;border:1px dashed #5a4060;padding:.55rem .65rem}.dice-secret-header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.dice-secret-note{color:#c9a0d8;font-size:.75rem}.dice-secret-button{color:#e8d0f0;background:#50325a38;border-color:#5a4060}.dice-log{flex:1;grid-auto-rows:min-content;align-content:start;gap:.3rem;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.dice-log li{border-radius:var(--radius);background:#0000002e;align-items:center;gap:.5rem;min-height:2.125rem;padding:.25rem .45rem;font-size:.875rem;line-height:1.25;display:flex}.dice-log-own{background:#c9a22714;border:1px solid #c9a22740}.dice-log-secret li{background:#3c284640}.dice-log-roller{max-width:38%;color:var(--accent-bright);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:600;overflow:hidden}.dice-log-detail{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dice-log-empty{color:var(--text-muted);flex:1;min-height:2rem;margin:0;font-size:.85rem}@media (width<=640px){.dice-tray-body{grid-template-columns:1fr;overflow-y:auto}.dice-tray-controls{border-right:none;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem;padding-right:0}.dice-tray-logs{overflow:visible}.dice-secret-log-section{flex:none;max-height:none}.dice-log{flex:none;max-height:7rem}}.settings-section h3{font-family:var(--font-display);color:var(--accent-bright);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .45rem;font-size:.75rem}.settings-field{gap:.3rem;margin-bottom:.5rem;font-size:.8125rem;display:grid}.settings-check{align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.8125rem;display:flex}.settings-hint{color:var(--text-muted);margin:0 0 .5rem;font-size:.875rem;line-height:1.45}.settings-error{color:#f0b0b0;margin:0 0 .4rem;font-size:.75rem}.settings-row{flex-wrap:wrap;gap:.35rem;display:flex}.color-presets{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.color-swatch{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;width:2rem;height:2rem;padding:0}.color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.color-input-row{align-items:center;gap:.5rem;display:flex}.color-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;width:2.75rem;height:2.25rem;padding:.15rem}.color-hex{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);min-width:0;color:inherit;flex:1;padding:.5rem .65rem;font-family:inherit}.layer-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.layer-list li{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius);gap:.25rem;padding:.5rem;font-size:.8125rem;display:grid}@media (width<=900px){.app-header{flex-wrap:wrap}.header-right{order:1;width:100%}.view-tabs{order:2;justify-content:stretch;width:100%}.view-tabs button{flex:1}.resizable-split{flex-direction:column}.resize-handle{cursor:row-resize;width:100%;height:5px}.resize-handle:after{width:auto;height:1px;inset:2px 0 auto}.resizable-sidebar{border-left:none;border-top:1px solid var(--border-subtle);max-height:min(42vh,320px);width:100%!important}}.layer-size-fields{margin-top:.25rem}.layer-size-fields .settings-field{flex:1;min-width:5rem;margin-bottom:0}.layer-meta{color:var(--text-muted);font-size:.8rem}.layer-list button{justify-self:start;margin-top:.25rem}.scene-hidden-overlay{background:var(--bg);color:var(--text-muted);text-align:center;place-items:center;padding:1rem;font-size:.875rem;display:grid;position:absolute;inset:0}.scene-access-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.scene-access-row{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg);cursor:pointer;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.9375rem;transition:border-color .12s,background .12s;display:flex}.scene-access-row:hover{border-color:var(--border-gold);background:var(--surface-2)}.scene-access-row input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--accent);flex-shrink:0}.scene-access-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}