:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background-color:var(--bg);--font-display:"Cinzel", Georgia, "Times New Roman", serif;--font-body:"Outfit", "Segoe UI", system-ui, sans-serif;--font-label:"Literata", Georgia, "Times New Roman", serif;--bg:#14181c;--bg-elevated:#1a2026;--surface:#222830;--surface-2:#2b323a;--surface-hover:#333c46;--border:#4a5560;--border-subtle:#333b44;--border-gold:#8a7350;--text:#e6e2d8;--text-muted:#9aa3ad;--accent:#b8923a;--accent-bright:#d4b55c;--accent-soft:#b8923a26;--accent-glow:#b8923a47;--accent-border:#b8923a6b;--accent-border-soft:#b8923a59;--accent-border-dashed:#b8923a73;--accent-fill-subtle:#b8923a0d;--accent-fill-hover:#b8923a1a;--accent-fill-strong:#b8923a29;--accent-gradient-top:#b8923a24;--accent-gradient-bottom:#b8923a0d;--accent-gradient-hover-top:#b8923a38;--accent-gradient-hover-bottom:#b8923a14;--accent-inset:#b8923a1a;--accent-inset-strong:#b8923a40;--success:#6db88a;--danger:#c45c5c;--danger-soft:#c45c5c33;--danger-border:#6a3838;--danger-text:#f0b0b0;--danger-banner-bg:#2a1818;--glass-bg:#1a2026b8;--glass-bg-solid:#1a2026e0;--glass-border:#8a735059;--glass-border-inner:#8a735047;--glass-highlight:#dce4eb0f;--glass-highlight-faint:#dce4eb08;--glass-blur:12px;--app-bg-image:url(/backgrounds/Dnd-background.jpg);--chrome-bg:#1a2026cf;--chrome-bg-strong:#1a2026e3;--card-glass-bg:#1a2026c2;--panel-bg:var(--glass-bg);--panel-border:var(--glass-border);--panel-header-bg:linear-gradient(180deg, var(--glass-highlight) 0%, transparent 100%);--panel-shadow:0 24px 80px #00000073;--panel-shadow-inset:inset 0 0 0 1px var(--accent-inset);--overlay-backdrop:#0a0e12b8;--overlay-dark:#0e1216e0;--overlay-badge:#1a2026eb;--hover-fill:#dce4eb0f;--scrim-dark:#00000026;--dice-primary:#5c3a42;--dice-primary-text:var(--text);--radius:4px;--radius-lg:8px;--shadow-inset:inset 0 1px 0 #dce4eb0d;--shadow-panel:0 4px 24px #00000061;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%,#3c485238,#0000 55%),radial-gradient(80% 50% at 100% 100%,#28343033,#0000 50%),linear-gradient(#1a2026 0%,#101418 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{background:var(--surface-hover);border-color:var(--border-gold)}button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent-inset-strong)}button.danger{border-color:var(--danger-border);color:var(--danger-text);background:var(--danger-soft)}.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:var(--glass-border-inner);--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:var(--app-bg-image) center / cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.join-card{--join-radius:6px;--join-surface-bg:var(--glass-bg);--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:1px solid var(--accent-border);border-radius:var(--join-radius);background:var(--glass-bg-solid);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--panel-shadow), var(--panel-shadow-inset);flex-direction:column;display:flex;position:relative;overflow:visible}.join-card:before{content:"";inset:var(--join-frame-inset);border:1px solid var(--glass-border-inner);border-radius:calc(var(--join-radius) - 1px);pointer-events:none;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{font-family:var(--font-label);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-label);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:var(--scrim-dark);border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:500}.join-campaign-select.active .join-campaign-player-count{border-color:var(--accent-border-soft);color:var(--text)}.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:var(--hover-fill)}.join-search-field input:disabled{opacity:.65;cursor:not-allowed}.join-campaign-create{border-style:dashed;border-color:var(--accent-border-dashed);background:var(--accent-fill-subtle);color:var(--accent-bright);flex-shrink:0;grid-template-columns:auto minmax(0,1fr)}.join-campaign-create:hover{border-color:var(--border-gold);background:var(--accent-fill-hover)}.join-campaign-create .join-campaign-id{color:var(--text-muted)}.join-modal-backdrop{--join-radius:6px;--join-frame-inset:.35rem;--join-frame-border:var(--glass-border-inner);--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:var(--glass-bg);--join-surface-border:var(--border-subtle);z-index:1000;padding:var(--join-gap);background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);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:1px solid var(--accent-border);border-radius:var(--join-radius);background:var(--glass-bg-solid);width:min(100%,28rem);max-height:min(90vh,34rem);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 28px 90px #0000008c, var(--panel-shadow-inset);flex-direction:column;display:flex;position:relative;overflow:hidden}.join-modal:before{content:"";inset:var(--join-frame-inset);border:1px solid var(--glass-border-inner);border-radius:calc(var(--join-radius) - 1px);pointer-events:none;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:var(--hover-fill)}.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{font-family:var(--font-label);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);border:1px dashed var(--accent-border-dashed);background:var(--accent-fill-subtle);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:var(--hover-fill)}.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);background:linear-gradient(180deg, var(--accent-gradient-top) 0%, var(--accent-gradient-bottom) 100%);color:var(--accent-bright);flex-shrink:0;font-size:.88rem;font-weight:600;display:inline-flex}.join-enter-icon{color:currentColor}.join-enter-btn:hover{background:linear-gradient(180deg, var(--accent-gradient-hover-top) 0%, var(--accent-gradient-hover-bottom) 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){background:linear-gradient(180deg, var(--accent-gradient-hover-top) 0%, var(--accent-gradient-hover-bottom) 100%);border-color:var(--border-gold)}.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:var(--hover-fill)}.join-campaign-select.active{border-color:var(--accent);background:var(--accent-fill-strong);box-shadow:inset 0 0 0 1px var(--accent-inset)}.join-campaign-name{color:var(--text);font-weight:600}.join-campaign-id{color:var(--text-muted);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:var(--hover-fill)}.join-role-card.active{border-color:var(--accent);background:var(--accent-fill-strong);box-shadow:inset 0 0 0 1px var(--accent-inset-strong)}.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-label);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,var(--glass-bg));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:var(--hover-fill)}.slot-option.selected{border-color:var(--accent);background:var(--accent-fill-strong)}.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:var(--danger-text);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{background:var(--app-bg-image) center / cover no-repeat;flex-direction:column;height:100%;max-height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--panel-border);background:var(--panel-header-bg), var(--chrome-bg-strong);min-height:2.65rem;-webkit-backdrop-filter:blur(var(--glass-blur));flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;padding:.4rem .7rem;display:flex;box-shadow:0 1px 10px #0000004d}.app .header-meta,.app .view-tabs{background:var(--chrome-bg);-webkit-backdrop-filter:blur(8px)}.app .resizable-sidebar{background:linear-gradient(90deg, #0000001f 0%, transparent 12px), var(--chrome-bg);-webkit-backdrop-filter:blur(var(--glass-blur))}.app .resizable-sidebar .side-panel,.app .resizable-sidebar .dm-main-sidebar{-webkit-backdrop-filter:none;background:0 0}.app .resizable-sidebar .sheet-dice-panel,.app .sheet-dice-panel{background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--glass-blur))}.app .scene-hidden-overlay{-webkit-backdrop-filter:blur(var(--glass-blur));background:#14181cdb}.app .dm-toolbar{background:linear-gradient(0deg, #00000038 0%, transparent 100%), var(--chrome-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur))}.app .layout-with-dice-rail>.side-panel{background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--glass-blur))}.app .party-card,.app .scene-access-row,.app .ability-card,.app .token-library-card,.app .layer-list li,.app .token-add-popover{background:var(--card-glass-bg);-webkit-backdrop-filter:blur(6px)}.app .side-panel-header{background:var(--panel-header-bg), transparent}.app .error-banner{-webkit-backdrop-filter:blur(var(--glass-blur));background:#2a1818e8}.header-right{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.45rem;min-width:0;margin-left:auto;display:flex}.header-meta{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-inset);flex-wrap:nowrap;align-items:center;gap:0;max-width:100%;padding:.18rem;display:inline-flex;overflow-x:auto}.meta-chip{white-space:nowrap;box-shadow:none;background:0 0;border:none;border-radius:3px;align-items:center;gap:.32rem;padding:.28rem .55rem;font-size:.78rem;line-height:1.25;display:inline-flex}.meta-chip+.meta-chip{border-left:1px solid var(--border-subtle)}.meta-chip:first-child{color:var(--accent-bright)}.meta-label{font-family:var(--font-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.view-tabs{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-inset);align-items:center;gap:.12rem;max-width:100%;padding:.18rem;display:inline-flex}.view-tabs button{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;padding:.32rem .65rem;font-size:.78rem;font-weight:500;line-height:1.25}.view-tabs button:hover:not(.active){background:var(--glass-highlight-faint);border-color:var(--border-subtle)}.view-tabs button.active{background:var(--accent-soft);color:var(--accent-bright);border-color:var(--border-gold);box-shadow:inset 0 0 10px var(--accent-inset)}.player-scene-tabs{flex-wrap:nowrap;align-items:center;gap:.45rem;min-width:0;max-width:min(38rem,58vw);display:flex}.player-scene-toolbar{border-top:1px solid var(--border-gold);background:linear-gradient(0deg, #00000038 0%, transparent 100%), var(--chrome-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight-faint);z-index:3;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.45rem;max-width:none;padding:.38rem .65rem;display:flex;position:relative}.player-scene-toolbar .toolbar-label{letter-spacing:.09em;flex-shrink:0;margin-right:0;font-size:.68rem}.player-scene-toolbar .view-tabs{scrollbar-width:thin;flex:1;min-width:0;overflow-x:auto}.map-section:has(.player-scene-toolbar) .map-scale-overlay{bottom:3.25rem}.players-layout .player-party-panel{flex:1;width:100%;min-width:0;min-height:0}.player-scene-tabs .toolbar-hint{margin:0;padding:.28rem .4rem;font-size:.78rem}.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{background:var(--danger-banner-bg);border-bottom:1px solid var(--danger-border);color:var(--danger-text);flex-shrink:0;padding:.65rem 1rem}.loading{text-align:center;color:var(--text-muted);padding:2rem}.join-failed{text-align:center;justify-items:center;gap:1rem;padding:2rem;display:grid}.join-failed p{color:var(--danger-text);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 .sheet-dice-panel{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-label);color:var(--accent-bright);margin:0}.players-layout,.tokens-layout{flex-direction:column;width:100%;padding:0}.management-shell{background:var(--chrome-bg);min-width:0;min-height:0;-webkit-backdrop-filter:blur(var(--glass-blur));flex:1;display:flex;overflow:hidden}.management-shell>.side-panel,.management-shell>.sheet-dice-panel,.management-shell>.player-party-panel{-webkit-backdrop-filter:none;background:0 0;flex:1;width:100%;min-width:0;min-height:0}.players-layout>.management-shell,.tokens-layout>.management-shell{width:100%}.players-layout>.sheet-dice-panel{flex:1;height:100%;min-height:0}.players-layout .sheet-dice-panel,.tokens-layout .token-library-panel{flex:1;width:100%;min-width:0}.players-layout .sheet-dice-body,.players-layout .player-party-body{flex-direction:column;align-items:stretch;min-height:0;padding:.85rem 1rem 1rem;display:flex;overflow:hidden auto}.tokens-layout .token-library-body{flex-direction:column;align-items:stretch;padding:.85rem 1rem 1rem;display:flex}.players-layout .party-grid,.party-list.party-grid{--party-col-gap:.85rem;--party-card-min:300px;--party-card-max:440px;gap:var(--party-col-gap);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--party-card-min)), var(--party-card-max)));justify-content:start;align-items:start;display:grid}.token-library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:.85rem;display:grid}.tokens-layout .token-library-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.players-layout .party-card,.tokens-layout .token-library-card{width:100%;min-width:0}.players-layout .party-card-meta{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.players-layout .party-card-meta .slot-name-input{flex:100%;min-width:0}.party-remove-confirm{flex:100%;justify-content:flex-end;gap:.35rem;display:flex}.party-card-sheet{gap:.65rem;min-width:0}.party-card-sheet .character-form{border-top:1px solid var(--border-subtle);min-width:0;padding-top:.25rem;overflow:visible}.party-card-sheet .character-form:after{height:1.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(--panel-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);width:min(17rem,28vw);min-width:12.5rem;max-width:20rem;height:100%;min-height:0;box-shadow:inset 1px 0 0 var(--glass-highlight-faint);flex-direction:column;flex-shrink:0;transition:width .18s,min-width .18s,max-width .18s;display:flex;overflow:hidden}.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-label);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:var(--glass-highlight-faint)}.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(--panel-border);background:var(--panel-header-bg);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-label);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}.sheet-dice-header{flex-wrap:wrap;padding:.45rem .65rem}.sheet-dice-header-actions{align-items:stretch;gap:.35rem;margin-left:auto;display:flex}.sheet-dice-header-actions .btn-compact{justify-content:center;align-items:center;min-height:1.875rem;padding:.3rem .55rem;font-size:.8125rem;line-height:1.25;display:inline-flex}.sheet-dice-header-actions .dice-icon-btn{min-width:1.875rem;padding-inline:.4rem}.dice-icon-btn-glyph{font-size:.875rem;line-height:1;display:block}.panel-tabs{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-inset);align-items:center;gap:.12rem;padding:.15rem;display:inline-flex}.panel-tabs button{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.72rem;font-weight:500;line-height:1.25;display:inline-flex}.panel-tabs button:hover:not(.active){background:var(--glass-highlight-faint);border-color:var(--border-subtle)}.panel-tabs button.active{background:var(--accent-soft);color:var(--accent-bright);border-color:var(--border-gold);box-shadow:inset 0 0 10px var(--accent-inset)}.panel-tab-badge{background:var(--accent-fill-strong);min-width:1.25rem;color:var(--accent-bright);letter-spacing:0;text-transform:none;border-radius:999px;justify-content:center;align-items:center;padding:.05rem .3rem;font-size:.68rem;font-weight:600;display:inline-flex}.sheet-dice-body{min-height:0}.sheet-dice-body--dice{flex-direction:column;padding:0;display:flex;overflow:hidden}.character-sheet-embedded{min-height:0}.embedded-panel-toolbar{justify-content:flex-end;margin-bottom:.5rem;display:flex}.sheet-dice-panel .dice-tray-embedded{min-height:0;box-shadow:none;background:0 0;border-top:none;flex-direction:column;flex:1;display:flex}.sheet-dice-panel .dice-tray-body{grid-template-columns:unset;flex-direction:column;flex:1;gap:.45rem;min-height:0;padding:.5rem .65rem .65rem;display:flex;overflow:hidden}.sheet-dice-panel .dice-tray-controls{border-right:none;border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:.5rem;padding-bottom:.5rem;padding-right:0;display:grid}.sheet-dice-panel .dice-roll-form{gap:.35rem;display:grid}.sheet-dice-panel .dice-roll-form input{width:100%;padding:.4rem .5rem;font-size:.875rem}.sheet-dice-panel .dice-roll-actions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.sheet-dice-panel .dice-roll-btn{width:100%;padding:.38rem .5rem;font-size:.8125rem;font-weight:600}.sheet-dice-panel .dice-roll-form .dice-roll-btn[type=submit]{background:var(--dice-primary);color:var(--dice-primary-text);border-color:var(--dice-primary)}.sheet-dice-panel .dice-quick-block{gap:.35rem;display:grid}.sheet-dice-panel .dice-quick-dice{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;display:grid}.sheet-dice-panel .dice-quick-btn{min-width:0;padding:.28rem .15rem;font-size:.78rem}.sheet-dice-panel .dice-secret-form{grid-template-columns:1fr auto;align-items:center}.sheet-dice-panel .dice-secret-form .dice-roll-btn{white-space:nowrap;width:auto}.sheet-dice-panel .dice-hint{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.35}.sheet-dice-panel .dice-tray-logs{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow:hidden}.sheet-dice-panel .dice-public-section{flex:65%;min-height:5rem}.sheet-dice-panel .dice-secret-log-section{flex:0 35%;min-height:0;max-height:none}.sheet-dice-panel .dice-log li{min-height:1.875rem;padding:.2rem .4rem;font-size:.8125rem}.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);background:var(--overlay-dark);box-shadow:var(--shadow-panel);pointer-events:none;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:var(--accent-glow);border-radius:1px;height:.45rem}.map-scale-caption{color:var(--text);white-space:nowrap;font-size:.75rem}.fog-badge.scene-edit-badge{background:var(--overlay-badge);border:1px solid var(--border-gold);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{width:100%;color:var(--danger-text);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}.fog-badge{background:var(--overlay-dark);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;font-family:var(--font-label);letter-spacing:.03em;border-color:var(--border-gold);color:var(--accent-bright);background:#28200ceb;padding:.35rem .6rem;position:absolute;top:.75rem;left:.75rem}.character-form{gap:.65rem;display:grid}.character-form:after{content:"";flex-shrink:0;height:1.75rem;display:block}.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-label);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:var(--danger-text);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}.character-form textarea{resize:vertical;min-height:3.25rem}.character-form .sheet-textarea-large{min-height:7rem}.party-card-sheet .character-form textarea{resize:vertical;min-height:5rem}.party-card-sheet .character-form .sheet-textarea-large{min-height:11rem}.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-label);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:.85rem;width:100%;min-width:0;display:grid}.character-sheet-embedded,.party-panel{width:100%;min-width:0}.resizable-sidebar .party-list.party-grid{grid-template-columns:1fr}.resizable-sidebar .party-card{max-width:none}.party-card{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:.45rem;min-width:0;padding:.65rem;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);box-shadow:inset 0 1px 0 var(--glass-highlight-faint);z-index:3;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem .45rem;padding:.32rem .55rem;display:flex;position:relative}.dm-toolbar button{padding:.32rem .6rem;font-size:.78rem}.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);max-height:min(70vh,32rem);box-shadow:var(--shadow-panel);z-index:650;padding:.75rem;position:fixed;overflow:auto}.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-label);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:var(--danger-text);margin:0;font-size:.75rem}.token-add-actions{justify-content:flex-end;gap:.4rem;margin-top:.15rem;display:flex}.token-add-library{gap:.4rem;display:grid}.token-add-library-list{gap:.35rem;max-height:9rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.token-add-library-item{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-elevated);width:100%;color:inherit;text-align:left;cursor:pointer;align-items:center;gap:.5rem;padding:.35rem .45rem;display:flex}.token-add-library-item:hover{border-color:var(--border-gold);background:var(--accent-soft)}.token-add-library-thumb{object-fit:cover;border:2px solid var(--border-gold);border-radius:999px;flex-shrink:0;width:2rem;height:2rem}.token-add-library-thumb-empty{background:var(--bg);display:block}.token-add-library-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.dm-play-sidebar{flex:1;height:100%;min-height:0}.scene-access-embedded{min-height:0}.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-label);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);box-shadow:inset 0 1px 0 var(--glass-highlight-faint);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.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-label);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{align-items:stretch;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-roll-actions{flex-shrink:0;gap:.45rem;display:flex}.dice-roll-btn{white-space:nowrap}.dice-quick-block{gap:.35rem;display:grid}.dice-quick-dice{flex-wrap:wrap;gap:.35rem;display:flex}.dice-quick-actions{gap:.35rem;display:flex}.dice-error{color:var(--danger-text);margin:0;font-size:.85rem}.dice-public-section h3,.dice-secret-log-section h3,.dice-secret-header h3{font-family:var(--font-label);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{border:1px solid var(--accent-inset-strong);background:var(--accent-fill-strong)}.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-label);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:var(--danger-text);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;padding:.42rem .55rem}.header-right{order:1;justify-content:flex-start;width:100%}.header-meta{width:100%;overflow-x:auto}.view-tabs,.player-scene-tabs:not(.player-scene-toolbar){order:2;width:100%;max-width:none}.view-tabs{justify-content:stretch}.view-tabs button{flex:1}.player-scene-tabs .view-tabs button{flex:0 auto}.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}.app .token-library-panel{background:0 0}.token-library-body{flex-direction:column;gap:.75rem;min-height:0;display:flex}.token-library-intro{margin:0}.token-library-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:.65rem;display:flex}.token-library-filter{align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.token-library-filter-label{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.token-library-filter select{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);min-width:9rem;color:inherit;padding:.35rem .5rem;font-size:.8125rem}.token-library-content{flex-direction:column;flex:1;gap:.85rem;min-height:0;display:flex;overflow-y:auto}.token-library-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--card-glass-bg);-webkit-backdrop-filter:blur(6px);flex-direction:column;gap:.5rem;padding:.65rem;display:flex}.token-library-card.selected{border-color:var(--border-gold);background:var(--accent-fill-subtle)}.token-library-card-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.55rem;padding:0;display:flex}.token-library-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.token-library-thumb-empty{border:3px solid var(--border);background:#0003;display:block}.token-library-card-body{gap:.15rem;min-width:0;display:grid}.token-library-name{font-size:.875rem;font-weight:600}.token-library-meta{color:var(--text-muted);font-size:.75rem}.token-library-card-actions{gap:.35rem;display:flex}.token-library-card-actions button{flex:1;padding:.28rem .45rem;font-size:.75rem}.token-library-editor{border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.75rem}.dice-roll-toasts{z-index:450;pointer-events:none;flex-direction:column-reverse;gap:.45rem;max-width:min(22rem,100vw - 1.75rem);display:flex;position:fixed;bottom:5rem;left:.85rem}.dice-roll-toast{border-radius:var(--radius-lg);border:1px solid var(--border-gold);background:var(--chrome-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.45rem;padding:.45rem .65rem;font-size:.8125rem;line-height:1.25;animation:.28s ease-out dice-roll-toast-in;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000059}.dice-roll-toast-secret{background:linear-gradient(135deg, #50325a38 0%, transparent 55%), var(--chrome-bg-strong);border-color:#5a4060}.dice-roll-toast-name{color:var(--accent-bright);flex-shrink:0;font-weight:600}.dice-roll-toast-tag{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:#e8d0f0;background:#50325a59;border:1px solid #5a4060;border-radius:999px;flex-shrink:0;padding:.08rem .35rem;font-size:.62rem}.dice-roll-toast-detail{text-overflow:ellipsis;min-width:0;color:var(--text);overflow:hidden}@keyframes dice-roll-toast-in{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}.dice-roll-toast-fading{pointer-events:none;animation:ease-in forwards dice-roll-toast-out}@keyframes dice-roll-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.45rem)}}.dice-arena{z-index:500;pointer-events:none;position:fixed;inset:0}.dice-arena canvas{width:100%;height:100%;display:block}.dice-arena--tray:before{content:"";pointer-events:none;background:radial-gradient(at 50% 72%,#12281c38,#0000 62%);position:absolute;inset:0}.dice-arena--armed{cursor:grab}.dice-arena--armed:active{cursor:grabbing}.dice-tray-header-actions{align-items:center;gap:6px;display:flex}.dice-icon-btn{justify-content:center;align-items:center;display:inline-flex}.dice-throw-btn{background:var(--dice-primary);color:var(--dice-primary-text);border-color:var(--dice-primary);font-weight:600}.dice-throw-btn:disabled{opacity:.5;cursor:default}.dice-instant-btn{font-weight:600}.dice-instant-btn:disabled{opacity:.5;cursor:default}.dice-hint{opacity:.8;margin:6px 0 0;font-size:.8em}.dice-remote-cursor{pointer-events:none;z-index:501;align-items:center;gap:6px;transition:left 70ms linear,top 70ms linear;display:flex;position:absolute;transform:translate(-2px,-2px)}.dice-remote-cursor-dot{background:var(--cursor-color,var(--accent));border:2px solid #0000008c;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.dice-remote-cursor-label{color:var(--text);background:var(--cursor-color,var(--accent));white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:600;box-shadow:0 1px 3px #00000080}