:root{color-scheme:dark;--dnd-bg: #070604;--dnd-bg-soft: #0d0b08;--dnd-panel: rgba(18, 15, 10, .96);--dnd-panel-soft: rgba(27, 22, 15, .92);--dnd-panel-raised: rgba(34, 25, 14, .94);--dnd-line: #332717;--dnd-line-strong: #6f4818;--dnd-gold: #c88727;--dnd-gold-soft: #edcf86;--dnd-gold-bright: #f5b03a;--dnd-green: #99cf73;--dnd-blue: #2f65af;--dnd-blue-bright: #5f9ad8;--dnd-red: #9a2f24;--dnd-text: #eadfc7;--dnd-muted: #9d907b;--dnd-dim: #6d6353;--dnd-shadow: rgba(0, 0, 0, .64);--dnd-ui-font: "Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--dnd-display-font: Georgia, "Times New Roman", serif;font-family:var(--dnd-ui-font);background:var(--dnd-bg);color:var(--dnd-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}input,textarea,select{width:100%;min-height:38px;border:1px solid #3d3d3d;border-radius:6px;background:#171717;color:#f4f2ed;padding:8px 10px;outline:none}textarea{min-height:68px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#f08c00;box-shadow:0 0 0 2px #f08c002e}.center-screen,.auth-screen{min-height:100vh;display:grid;place-items:center;background:#111;color:#d6d3cc}.auth-panel{width:min(360px,calc(100vw - 32px));display:grid;gap:18px;padding:24px;border:1px solid #303030;border-radius:8px;background:#181818;box-shadow:0 18px 60px #00000052}.auth-panel h1,.home-header h1,.room-title h1{margin:0;font-size:28px;line-height:1.1}.auth-panel p,.home-header p{margin:6px 0 0;color:#aaa69f}.auth-panel label,.inspector label{display:grid;gap:6px;color:#c8c3ba;font-size:13px}.primary-button,.secondary-button,.danger-button,.icon-button,.tool-button{min-height:38px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;color:#f8f5ef;background:#242424}.primary-button{background:#f08c00;color:#17130a;font-weight:700}.primary-button:hover{background:#ffa726}.primary-button.compact{width:100%}.secondary-button:hover,.icon-button:hover,.tool-button:hover{border-color:#55514a;background:#2f2f2f}.danger-button{background:#3a1818;color:#ffc9c9}.danger-button:hover{background:#4b2020}.error-line,.gm-error{border:1px solid #8f3333;border-radius:6px;background:#8f333329;color:#ffc9c9;padding:10px 12px}.gm-home{min-height:100vh;display:grid;align-content:start;gap:22px;padding:32px;background:#111}.home-header,.create-room,.room-row,.gm-topbar,.toolbar,.segmented,.inspector-actions,.token-create-row{display:flex;align-items:center}.home-header{justify-content:space-between;gap:16px}.create-room{gap:10px;max-width:760px}.room-list{display:grid;gap:10px;max-width:900px}.room-row{justify-content:space-between;min-height:62px;padding:12px 14px;border:1px solid #303030;border-radius:8px;background:#181818}.room-row:hover{border-color:#4b4b4b;background:#202020}.room-row span:first-child{display:grid;gap:4px}.room-row small,.room-title small,.panel-section small{color:#9f9a92}.empty-state{border:1px dashed #3a3a3a;border-radius:8px;padding:16px;color:#aaa69f}.compact-empty{padding:10px;font-size:13px}.gm-room-layout{height:100vh;display:grid;grid-template-rows:auto auto 1fr;background:#111;overflow:hidden}.gm-topbar{justify-content:space-between;gap:16px;min-height:70px;padding:12px 16px;border-bottom:1px solid #2b2b2b;background:#171717}.room-title{min-width:0;display:grid;gap:3px}.room-title a{width:fit-content;display:inline-flex;align-items:center;gap:5px;color:#f08c00;font-size:13px}.room-title h1{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{gap:8px;flex-wrap:wrap;justify-content:flex-end}.tool-button{width:40px;padding:0}.tool-button.active{border-color:#f08c00;color:#ffd8a8;background:#35220d}.file-button{position:relative}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.copy-state{min-width:82px;color:#b2f2bb;font-size:13px}.gm-room-status{min-width:120px;border:1px solid #2f5136;border-radius:999px;padding:5px 9px;color:#b2f2bb;background:#142017;font-size:12px;text-align:center}.gm-room-status.syncing{border-color:#5c4320;color:#ffd8a8;background:#211b13}.gm-room-status.error{border-color:#8f3333;color:#ffc9c9;background:#2a1515}.gm-error{margin:10px 16px 0}.gm-workspace{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 280px}.left-tools,.right-panel{min-height:0;overflow:auto;display:grid;align-content:start;gap:14px;padding:14px;border-color:#2b2b2b;background:#151515}.left-tools{border-right:1px solid #2b2b2b}.right-panel{border-left:1px solid #2b2b2b}.panel-section{display:grid;gap:10px}.panel-section h2{margin:0;color:#f4f2ed;font-size:13px;line-height:1.2;text-transform:uppercase}.map-tool-grid{display:grid;grid-template-columns:repeat(4,40px);gap:8px}.secondary-button.active-action{border-color:#f08c00;color:#ffd8a8;background:#35220d}.zoom-label{min-width:52px;text-align:center}.scene-manager{gap:12px}.scene-create-form,.scene-rename-row,.scene-actions,.gm-check-row,.panel-heading-row,.join-request-main,.join-request-actions,.party-main,.party-actions,.access-mode-row,.access-link-row,.token-filter,.token-relation,.preview-header,.preview-actions{display:flex;align-items:center}.panel-heading-row{justify-content:space-between;gap:10px}.scene-create-form{gap:8px}.scene-list{display:grid;gap:7px}.scene-row{display:grid;gap:7px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:7px}.scene-row.active{border-color:#f08c00;background:#2a2116}.scene-row-main{min-width:0;border:0;display:grid;gap:3px;padding:0;color:inherit;background:transparent;text-align:left}.scene-row-main strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.scene-row-main small{color:#9f9a92;font-size:11px}.scene-actions,.scene-rename-row{gap:6px}.scene-rename-row input{min-height:32px;padding:5px 8px}.join-requests-panel{gap:9px}.join-request-list{display:grid;gap:8px}.join-request-card{display:grid;gap:8px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:8px}.join-request-card.pending{border-color:#5c4320;background:#211b13}.join-request-card.approved{border-color:#2f5136}.join-request-card.rejected{border-color:#522929}.join-request-main{min-width:0;gap:8px}.join-request-main img,.join-request-main>span{width:34px;height:34px;flex:0 0 auto;border-radius:6px}.join-request-main img{border:1px solid #3d3d3d;object-fit:cover}.join-request-main>span{display:grid;place-items:center;color:#ffd8a8;background:#342816;font-size:11px;font-weight:800}.join-request-main div{min-width:0;display:grid;gap:2px}.join-request-main strong,.join-request-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-request-main strong{font-size:13px}.join-request-main small{color:#aaa69f;font-size:11px}.join-request-main em{margin-left:auto;border-radius:999px;padding:3px 7px;color:#ffd8a8;background:#342816;font-size:10px;font-style:normal;white-space:nowrap}.join-request-card textarea{min-height:54px;font-size:12px}.join-request-card input{min-height:32px;padding:6px 8px;font-size:12px}.join-request-actions{gap:8px}.join-request-actions .primary-button,.join-request-actions .danger-button{flex:1;min-width:0;padding-inline:8px}.join-request-note{border-radius:6px;padding:7px 8px;color:#aaa69f;background:#151515;font-size:12px}.party-roster-panel{gap:9px}.party-roster-list{display:grid;gap:8px}.party-card{display:grid;gap:7px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:7px}.party-card.active{border-color:#2f5136}.party-card.inactive{opacity:.62}.party-main{min-width:0;gap:8px;border:0;padding:0;color:inherit;background:transparent;text-align:left}.party-main:disabled{cursor:default;opacity:1}.party-main img,.party-main>span{width:34px;height:34px;flex:0 0 auto;border-radius:6px}.party-main img{border:1px solid #3d3d3d;object-fit:cover}.party-main>span{display:grid;place-items:center;color:#ffd8a8;background:#342816;font-size:11px;font-weight:800}.party-main div{min-width:0;display:grid;gap:2px}.party-main strong,.party-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-main strong{font-size:13px}.party-main small{color:#aaa69f;font-size:11px}.party-main em{margin-left:auto;color:#aaa69f;font-size:10px;font-style:normal;text-transform:uppercase}.party-actions{justify-content:flex-end;gap:6px}.encounter-builder{gap:10px}.encounter-list{display:grid;gap:8px}.encounter-bestiary-tools{display:grid;gap:5px;border:1px solid #303030;border-radius:6px;background:#171717;padding:8px}.encounter-bestiary-tools label{display:grid;gap:5px;color:#aaa69f;font-size:11px;font-weight:700}.encounter-bestiary-tools span{text-transform:uppercase}.encounter-row{display:grid;gap:7px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:8px}.encounter-row>input{min-height:32px;padding:6px 8px}.encounter-bestiary-select{min-height:32px}.encounter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 36px 28px;gap:5px;align-items:end}.encounter-grid label{min-width:0;display:grid;gap:3px;color:#9f9a92;font-size:10px}.encounter-grid input{min-height:28px;padding:4px 5px}.encounter-color{min-width:36px;width:36px}.session-log-panel{gap:9px}.session-log-list{max-height:220px;display:grid;gap:7px;overflow:auto}.session-log-row{min-height:38px;display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;border:1px solid #303030;border-radius:6px;align-items:center;padding:7px;background:#1b1b1b}.session-log-row svg{color:#ffd8a8}.session-log-row div{min-width:0;display:grid;gap:2px}.session-log-row strong,.session-log-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-log-row strong{font-size:12px}.session-log-row small{color:#aaa69f;font-size:10px}.gm-notes-panel{gap:9px}.gm-notes-panel textarea{min-height:110px;font-size:12px;line-height:1.45}.gm-note-list{display:grid;gap:5px}.gm-note-list button{min-height:28px;border:1px solid #303030;border-radius:5px;overflow:hidden;padding:5px 7px;color:#d6d3cc;background:#1b1b1b;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.asset-library-panel{gap:9px}.asset-grid{max-height:260px;display:grid;gap:8px;overflow:auto}.asset-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:7px}.asset-thumb{width:54px;height:44px;border-radius:5px;overflow:hidden;background:#111}.asset-thumb img{width:100%;height:100%;display:block;object-fit:cover}.asset-meta{min-width:0;display:grid;align-content:center;gap:3px}.asset-meta strong,.asset-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta strong{font-size:12px}.asset-meta small{color:#aaa69f;font-size:10px}.asset-card .secondary-button{grid-column:1 / -1;min-height:30px;padding:5px 8px;font-size:12px}.room-access-panel{gap:9px}.access-mode-row{gap:8px;min-height:30px;border:1px solid #303030;border-radius:6px;padding:6px 8px;color:#d6d3cc;background:#1b1b1b;font-size:12px}.access-mode-row.muted{align-items:flex-start;color:#aaa69f;line-height:1.35}.access-mode-row svg{flex:0 0 auto;color:#ffd8a8}.access-link-row{gap:6px}.access-link-row input{min-width:0;min-height:32px;padding:6px 8px;color:#aaa69f;font-size:12px}.combat-tracker{gap:12px}.combat-header,.combat-stepper,.combat-create-grid,.combat-row,.dice-header,.dice-actions,.dice-row,.combat-overlay header,.combat-overlay li,.dice-overlay header,.dice-overlay li{display:flex;align-items:center}.combat-header,.dice-header{justify-content:space-between}.combat-header span,.dice-header span{color:#ffd8a8;font-size:12px}.combat-stepper{gap:8px}.combat-stepper .secondary-button,.combat-stepper .primary-button{flex:1;min-width:0;padding-inline:8px}.combat-create{display:grid;gap:8px}.combat-token-toggle{min-height:30px;display:flex;align-items:center;gap:8px;color:#c8c3ba;font-size:12px}.combat-token-toggle input{width:16px;min-height:16px;accent-color:#f08c00}.gm-check-row{min-height:30px;gap:8px;color:#c8c3ba;font-size:12px}.gm-check-row input{width:16px;min-height:16px;accent-color:#f08c00}.combat-create-grid{gap:6px}.combat-create-grid label{min-width:0;display:grid;gap:4px;color:#9f9a92;font-size:11px}.combat-create-grid input{min-height:34px;padding:6px 8px}.combat-color-input{align-self:end;min-width:42px;width:42px;padding:4px}.combat-list{max-height:280px;display:grid;gap:6px;margin:0;padding:0;overflow:auto;list-style:none}.combat-row{min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 46px repeat(5,28px);gap:5px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:6px}.combat-row.active{border-color:#f08c00;background:#2a2116}.combat-active-button{width:24px;height:24px;border:2px solid #f4f2ed;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;line-height:1}.combat-row-main{min-width:0;display:grid;gap:3px}.combat-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.combat-row-main small{color:#9f9a92;font-size:11px}.combat-init-input{min-height:30px;padding:4px 6px;text-align:center}.combat-hp-controls{grid-column:2 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.combat-hp-controls label{min-width:0;display:grid;gap:3px;color:#9f9a92;font-size:10px}.combat-hp-controls input{min-height:28px;padding:4px 6px}.combat-effects{grid-column:2 / -1;display:grid;gap:6px}.combat-effect-badges{display:flex;flex-wrap:wrap;gap:5px}.combat-effect-badge{min-height:24px;border:1px solid #5c4320;border-radius:999px;display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;color:#ffd8a8;background:#2a2116;font-size:11px}.combat-effect-badge.hidden{border-color:#3a3a3a;color:#aaa69f;background:#191919}.combat-effect-badge>span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-effect-badge button,.combat-effect-add{width:18px;height:18px;border:0;border-radius:50%;display:grid;place-items:center;color:inherit;background:#ffffff14}.combat-effect-add{width:24px;height:24px;color:#f4f2ed;background:#2b2b2b}.combat-effect-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px 28px;gap:5px;align-items:center}.combat-effect-form input{min-height:28px;padding:4px 6px;font-size:11px}.combat-effect-form label{display:flex;align-items:center;gap:4px;color:#9f9a92;font-size:10px}.combat-effect-form label input{width:14px;min-height:14px;accent-color:#f08c00}.dice-roller{gap:12px}.dice-form{display:grid;gap:8px}.dice-input-grid{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:6px}.dice-input-grid label{min-width:0;display:grid;gap:4px;color:#9f9a92;font-size:11px}.dice-input-grid input{min-height:34px;padding:6px 8px}.dice-label-presets,.dice-quick{display:grid;gap:6px}.dice-label-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.dice-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.dice-label-presets button,.dice-quick button{min-width:0;min-height:30px;border:1px solid #303030;border-radius:5px;color:#f4f2ed;background:#1d1d1d;font-size:12px}.dice-label-presets button:hover,.dice-quick button:hover{border-color:#f08c00;background:#2a2116}.dice-label-presets button.active{color:#17130a;background:#f08c00;font-weight:700}.dice-actions{gap:8px}.dice-actions .primary-button{flex:1}.icon-button{width:38px;min-width:38px;padding:0;justify-content:center}.dice-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.dice-row{min-height:42px;justify-content:space-between;gap:8px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:7px 8px}.dice-row-main{min-width:0;display:grid;gap:3px}.dice-row-main strong,.dice-overlay-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-row-main strong{font-size:13px}.dice-row-main small{overflow:hidden;color:#9f9a92;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dice-total{min-width:38px;border-radius:5px;padding:4px 6px;background:#f08c00;color:#17130a;font-size:18px;font-weight:800;text-align:center}.mini-button{width:28px;height:28px;border:0;border-radius:5px;display:grid;place-items:center;color:#f4f2ed;background:#2b2b2b}.mini-button:hover{background:#3a3a3a}.mini-button.danger{color:#ffc9c9;background:#3a1818}.segmented{justify-content:space-between;gap:6px;min-height:38px;border:1px solid #303030;border-radius:6px;background:#1c1c1c;padding:4px}.segmented button,.pan-grid button{width:32px;height:30px;border:0;border-radius:4px;display:grid;place-items:center;color:#f4f2ed;background:transparent}.segmented button:hover,.pan-grid button:hover{background:#2e2e2e}.pan-grid{display:grid;grid-template-columns:repeat(3,32px);justify-content:center;gap:4px}.pan-grid button:first-child,.pan-grid button:last-child{grid-column:2}.token-create-row{gap:8px}.token-create-row input[type=color],.inspector input[type=color]{min-width:48px;width:48px;padding:4px}.map-area{min-width:0;min-height:0}.map-stage-shell{width:100%;height:100%;overflow:hidden;background:#0f0f0f}.stage-reveal canvas{cursor:crosshair}.stage-move canvas{cursor:default}.token-list{display:grid;gap:7px}.token-filter{gap:4px;min-height:34px;border:1px solid #303030;border-radius:6px;background:#1c1c1c;padding:4px}.token-filter button{flex:1;min-width:0;min-height:26px;border:0;border-radius:4px;color:#d6d3cc;background:transparent;font-size:11px}.token-filter button.active{color:#17130a;background:#f08c00;font-weight:700}.token-row{width:100%;min-height:42px;border:1px solid #303030;border-radius:6px;display:grid;grid-template-columns:14px minmax(0,1fr) auto 26px;align-items:center;gap:8px;padding:8px;color:#f4f2ed;background:#1b1b1b;text-align:left}.token-row.selected{border-color:#f08c00;background:#2a2116}.token-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-row small{color:#9f9a92;font-size:11px}.token-dot{width:12px;height:12px;border-radius:50%}.token-visibility-button{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;color:#d6d3cc}.token-visibility-button:hover{background:#333}.token-relation{justify-content:space-between;gap:10px;min-height:30px;border:1px solid #303030;border-radius:6px;padding:6px 8px;color:#9f9a92;background:#1b1b1b;font-size:12px}.token-relation strong{color:#f4f2ed;font-size:12px}.inspector-actions{gap:8px;flex-wrap:wrap}.player-screen{position:relative;width:100vw;height:100vh;overflow:hidden;background:#080808}.socket-status{position:absolute;top:12px;right:12px;z-index:2;min-width:86px;border:1px solid #333;border-radius:6px;padding:6px 10px;background:#0a0a0ac2;color:#d6d3cc;font-size:12px;text-align:center}.player-hero-panel{position:absolute;left:12px;bottom:12px;z-index:3;width:min(360px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 96px));display:grid;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#0a0a0ad1;color:#f4f2ed;padding:10px;overflow:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-music-player{position:absolute;top:12px;left:12px;z-index:4;width:min(360px,calc(100vw - 24px));display:grid;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0a0a0ad1;color:#f4f2ed;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-music-player>div{display:flex;align-items:center;gap:9px;min-width:0}.room-music-player span{display:grid;gap:2px;min-width:0}.room-music-player strong,.room-music-player small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-music-player strong{font-size:13px}.room-music-player small{color:#aaa69f;font-size:11px}.room-music-player audio{width:100%;height:34px}.player-hero-header,.hero-tabs,.hero-card,.hero-pick{display:flex;align-items:center}.player-hero-header{justify-content:space-between;gap:10px}.player-hero-header div{min-width:0;display:grid;gap:2px}.player-hero-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-hero-header span{overflow:hidden;color:#aaa69f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.player-auth-form,.hero-create-form,.hero-list{display:grid;gap:8px}.player-auth-form label{display:grid;gap:5px;color:#c8c3ba;font-size:12px}.hero-tabs{gap:6px;min-height:34px;border:1px solid #303030;border-radius:6px;background:#1c1c1c;padding:4px}.hero-tabs button{flex:1;min-width:0;min-height:28px;border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#d6d3cc;background:transparent;font-size:12px}.hero-tabs button.active{color:#17130a;background:#f08c00;font-weight:700}.hero-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px;gap:6px}.hero-card{min-height:56px;gap:8px;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:6px}.hero-card.selected{border-color:#f08c00;background:#2a2116}.hero-pick{min-width:0;flex:1;gap:8px;border:0;padding:0;color:inherit;background:transparent;text-align:left}.hero-pick img,.hero-avatar-fallback{width:42px;height:42px;flex:0 0 auto;border-radius:6px}.hero-pick img{border:1px solid #3d3d3d;background:#342816;object-fit:cover}.hero-avatar-fallback{display:grid;place-items:center;background:#342816;color:#ffd8a8;font-size:13px;font-weight:800}.hero-pick span{min-width:0;display:grid;gap:3px}.hero-pick strong,.hero-pick small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-pick strong{font-size:13px}.hero-pick small{color:#aaa69f;font-size:11px}.hero-avatar-upload{position:relative;flex:0 0 auto}.hero-avatar-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hero-error{font-size:12px}.combat-overlay{position:absolute;left:12px;top:12px;z-index:2;width:min(320px,calc(100vw - 112px));border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#0a0a0ac2;color:#f4f2ed;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dice-overlay{position:absolute;right:12px;top:54px;z-index:2;width:min(300px,calc(100vw - 112px));border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#0a0a0ac2;color:#f4f2ed;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.combat-overlay header,.dice-overlay header{justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.combat-overlay header span,.dice-overlay header span{color:#aaa69f}.combat-overlay ol,.dice-overlay ol{display:grid;gap:2px;margin:0;padding:6px;list-style:none}.combat-overlay li,.dice-overlay li{min-height:30px;gap:8px;border-radius:5px;padding:4px 6px;color:#d6d3cc;font-size:12px}.dice-overlay li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 40px}.dice-overlay-detail{min-width:0;overflow:hidden;color:#aaa69f;text-overflow:ellipsis;white-space:nowrap}.dice-overlay li strong{border-radius:4px;padding:2px 6px;background:#f08c00;color:#17130a;text-align:center}.combat-overlay li.active{color:#17130a;background:#f08c00;font-weight:700}.combat-color{width:10px;height:10px;flex:0 0 auto;border-radius:50%}.combat-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-meta{color:inherit;opacity:.78}.socket-status.live{border-color:#2f9e44;color:#b2f2bb}.socket-status.error,.socket-status.offline{border-color:#c92a2a;color:#ffc9c9}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px}.preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000ad}.preview-panel{position:relative;z-index:1;width:min(1180px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));border:1px solid #343434;border-radius:8px;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:#111;box-shadow:0 22px 80px #0000008a}.preview-header{justify-content:space-between;gap:14px;min-height:56px;padding:10px 12px;border-bottom:1px solid #2b2b2b;background:#171717}.preview-header div:first-child{min-width:0;display:grid;gap:3px}.preview-header strong{font-size:14px}.preview-header span{color:#aaa69f;font-size:12px}.preview-actions{gap:8px}.preview-error{margin:10px 12px}.preview-stage{position:relative;min-height:0;overflow:hidden}.preview-stage .center-screen{width:100%;height:100%;min-height:0}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;justify-content:flex-end}.token-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;padding:20px}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c}.hero-sheet-drawer{position:relative;z-index:1;width:min(440px,calc(100vw - 24px));height:100%;display:grid;grid-template-rows:auto auto 1fr;gap:14px;border-left:1px solid #343434;background:#151515;padding:14px;overflow:auto;box-shadow:-20px 0 70px #0000006b}.hero-sheet-header,.hero-sheet-identity{display:flex;align-items:center}.hero-sheet-header{justify-content:space-between;gap:12px}.hero-sheet-identity{min-width:0;gap:10px}.hero-sheet-identity img,.hero-sheet-identity>span{width:52px;height:52px;flex:0 0 auto;border-radius:7px}.hero-sheet-identity img{border:1px solid #3d3d3d;object-fit:cover}.hero-sheet-identity>span{display:grid;place-items:center;color:#ffd8a8;background:#342816;font-size:15px;font-weight:800}.hero-sheet-identity div{min-width:0;display:grid;gap:3px}.hero-sheet-identity strong,.hero-sheet-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-sheet-identity strong{font-size:18px}.hero-sheet-identity small{color:#aaa69f;font-size:12px}.hero-sheet-section,.hero-sheet-grid article{border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:10px}.hero-sheet-section h2,.hero-sheet-grid h2{margin:0 0 8px;color:#f4f2ed;font-size:12px;line-height:1.2;text-transform:uppercase}.hero-sheet-section p,.hero-sheet-grid p{margin:0;color:#aaa69f;font-size:13px;line-height:1.45}.hero-sheet-grid{display:grid;gap:10px;align-content:start}.hero-token-dialog{position:relative;z-index:1;width:min(380px,calc(100vw - 40px));display:grid;gap:12px;border:1px solid #343434;border-radius:8px;background:#171717;padding:14px;box-shadow:0 22px 70px #00000085}.hero-token-dialog label{display:grid;gap:6px;color:#c8c3ba;font-size:12px}.hero-token-header,.hero-token-preview{display:flex;align-items:center}.hero-token-header{justify-content:space-between;gap:12px}.hero-token-preview{min-width:0;gap:10px}.hero-token-preview img,.hero-token-preview>span{width:46px;height:46px;flex:0 0 auto;border-radius:7px}.hero-token-preview img{border:1px solid #3d3d3d;object-fit:cover}.hero-token-preview>span{display:grid;place-items:center;color:#ffd8a8;background:#342816;font-size:13px;font-weight:800}.hero-token-preview div{min-width:0;display:grid;gap:2px}.hero-token-preview strong,.hero-token-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-token-preview strong{font-size:14px}.hero-token-preview small{color:#aaa69f;font-size:12px}.hero-token-grid{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}.room-settings-dialog{position:relative;z-index:1;width:min(460px,calc(100vw - 40px));display:grid;gap:12px;border:1px solid #343434;border-radius:8px;background:#171717;overflow:hidden;box-shadow:0 22px 70px #00000085}.room-settings-section{display:grid;gap:10px;padding:0 14px 14px}.room-settings-section h2{margin:0;color:#f4f2ed;font-size:12px;text-transform:uppercase}.room-settings-section label{display:grid;gap:6px;color:#c8c3ba;font-size:12px}.danger-zone{border-top:1px solid #303030;padding-top:14px;background:#3a18182e}.shortcuts-dialog{position:relative;z-index:1;width:min(360px,calc(100vw - 40px));display:grid;gap:0;border:1px solid #343434;border-radius:8px;background:#171717;overflow:hidden;box-shadow:0 22px 70px #00000085}.shortcut-list{display:grid;gap:8px;padding:14px}.shortcut-row{min-height:38px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #303030;border-radius:6px;background:#1b1b1b;padding:8px}.shortcut-row strong{border-radius:5px;padding:4px 6px;color:#17130a;background:#f08c00;font-size:12px;text-align:center}.shortcut-row span{min-width:0;overflow:hidden;color:#d6d3cc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 980px){.gm-room-layout{min-height:100vh;height:auto;overflow:auto}.gm-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,58vh) auto}.left-tools,.right-panel{border:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gm-topbar{align-items:flex-start;flex-direction:column}}@media (max-width: 640px){.gm-home{padding:18px}.create-room{align-items:stretch;flex-direction:column}.home-header{align-items:flex-start}.room-row{align-items:flex-start;flex-direction:column}.combat-overlay{width:min(260px,calc(100vw - 100px))}.player-hero-panel{left:12px;right:12px;bottom:12px;width:auto;max-height:42vh}.dice-overlay{top:auto;right:12px;bottom:calc(42vh + 24px);width:min(260px,calc(100vw - 24px))}.hero-create-grid{grid-template-columns:1fr 1fr 54px}}.character-sheet-preview{display:grid;gap:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,#fff8e60f,#ffffff05),#151514;padding:18px}.character-sheet-preview header{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:14px}.character-sheet-preview header h2{margin:4px 0 0;font-size:clamp(28px,5vw,52px);line-height:.9}.character-sheet-preview header strong{color:#ffd8a8;font-size:18px}.sheet-identity-grid,.sheet-stat-row,.sheet-abilities,.sheet-columns{display:grid;gap:10px}.sheet-identity-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sheet-identity-grid span,.sheet-stat-row span,.sheet-abilities span{display:grid;gap:5px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff09;padding:12px}.sheet-identity-grid b,.sheet-stat-row b,.sheet-abilities b{color:#aaa69f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sheet-stat-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.sheet-stat-row span{color:#fff4db;font-size:22px;font-weight:800;text-align:center}.sheet-abilities{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.sheet-abilities span{text-align:center}.sheet-abilities strong{font-size:30px;line-height:1}.sheet-abilities small{color:#ffd8a8;font-size:16px;font-weight:800}.sheet-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sheet-columns section,.sheet-spells{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#00000024;padding:14px}.character-sheet-preview h3{margin:0 0 8px;color:#ffd8a8;font-size:14px;text-transform:uppercase}.character-sheet-preview p{margin:0 0 8px;color:#d6d3cc;line-height:1.45}.character-sheet-preview p:last-child{margin-bottom:0}.player-heroes-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(240,140,0,.18),transparent 28rem),radial-gradient(circle at 85% 0%,rgba(42,157,143,.12),transparent 24rem),#10100f}.player-heroes-shell{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.player-heroes-header{min-height:520px;display:grid;align-content:space-between;gap:22px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,#ffffff0f,#ffffff05),#181817e6;padding:24px;box-shadow:0 24px 70px #00000047}.player-heroes-header h1{margin:0;font-size:clamp(42px,7vw,82px);line-height:.85}.player-heroes-header p{max-width:520px;margin:14px 0 0;color:#c8c3ba;font-size:18px;line-height:1.45}.player-heroes-header span{color:#ffd8a8;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.player-heroes-page .player-hero-panel{position:static;width:100%;max-height:none;border-radius:22px}@media (max-width: 860px){.player-heroes-shell{grid-template-columns:1fr}.player-heroes-header{min-height:320px}}.builder-inline-check{min-height:44px;display:inline-flex!important;align-items:center;gap:10px!important;width:fit-content;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff09;padding:9px 12px}.builder-option-card{align-items:flex-start!important;gap:10px!important;border-radius:8px!important;padding:10px!important}.builder-option-card>span{display:grid;gap:5px;min-width:0}.builder-option-card strong{color:#fff4db;line-height:1.2}.builder-option-card small,.builder-option-card em{color:#aaa69f;font-size:12px;line-height:1.35}.builder-option-card em{display:-webkit-box;overflow:hidden;font-style:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.portal-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-template-rows:1fr auto;gap:22px;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 16% 10%,rgba(240,140,0,.22),transparent 30rem),radial-gradient(circle at 85% 4%,rgba(42,157,143,.16),transparent 26rem),linear-gradient(145deg,#141210,#0d0d0c);color:#f4f2ed}.portal-hero,.portal-actions,.portal-note{border:1px solid rgba(255,255,255,.09);border-radius:26px;background:#181817d6;box-shadow:0 28px 80px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.portal-hero{min-height:560px;display:grid;align-content:end;gap:18px;padding:clamp(24px,5vw,56px);overflow:hidden;position:relative}.portal-hero:before{content:"";position:absolute;inset:24px 24px auto auto;width:180px;height:180px;border-radius:44% 56% 62% 38%;background:linear-gradient(145deg,#ffd43b3d,#f08c0014);filter:blur(1px)}.portal-kicker{width:fit-content;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(240,140,0,.35);border-radius:999px;background:#f08c001f;color:#ffd8a8;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.portal-hero h1{max-width:760px;margin:0;font-size:clamp(48px,8vw,106px);line-height:.82;letter-spacing:-.07em}.portal-hero p{max-width:680px;margin:0;color:#c8c3ba;font-size:clamp(17px,2vw,22px);line-height:1.45}.portal-actions{display:grid;gap:14px;align-content:center;padding:clamp(18px,3vw,28px)}.portal-role-card{min-height:210px;display:grid;align-content:start;gap:14px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,#fff1,#ffffff06);padding:22px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.portal-role-card:hover{transform:translateY(-3px);border-color:#f08c00b3;background:linear-gradient(145deg,#f08c002e,#ffffff08)}.portal-role-card span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#f08c0024;color:#ffd8a8}.portal-role-card.player span{background:#2a9d8f29;color:#b2f2e9}.portal-role-card strong{font-size:28px;line-height:1}.portal-role-card small{color:#b7afa3;font-size:15px;line-height:1.45}.portal-note{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:14px 18px;color:#ffd8a8}.player-heroes-feature-grid{display:grid;gap:10px}.player-heroes-feature-grid span{min-height:42px;display:inline-flex;align-items:center;gap:10px;width:fit-content;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0a;color:#f4f2ed;padding:8px 12px;letter-spacing:0;text-transform:none}.hero-create-heading{display:grid;gap:4px}.hero-create-heading strong{color:#f4f2ed}.hero-create-heading span{color:#aaa69f;font-size:12px;line-height:1.35}.hero-card em{color:#ffd8a8;font-size:11px;font-style:normal}.hero-builder-link{min-width:86px;padding-inline:10px}.hero-builder-link span{font-size:12px}@media (max-width: 920px){.portal-page{grid-template-columns:1fr}.portal-hero{min-height:420px}}body{background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(156,95,28,.16),transparent 38rem),radial-gradient(circle at 96% 4%,rgba(210,137,44,.12),transparent 20rem),linear-gradient(145deg,#090806,#030302 62%,#080604);background-size:18px 18px,18px 18px,auto,auto,auto}body,button,input,textarea,select{letter-spacing:0}::selection{background:#c8872757;color:#fff1cd}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080604}::-webkit-scrollbar-thumb{border:2px solid #080604;border-radius:999px;background:#5a3b17}input,textarea,select{border-color:#4a351c;border-radius:5px;background:linear-gradient(180deg,#ffffff06,#0000002e),#0a0805;color:#eadfc7;box-shadow:inset 0 1px #ffe29f0f,inset 0 0 18px #0000005c}input::placeholder,textarea::placeholder{color:#74664f}input:focus,textarea:focus,select:focus{border-color:var(--dnd-gold-bright);box-shadow:0 0 0 2px #c8872733,0 0 18px #c8872726,inset 0 0 18px #0006}.center-screen,.auth-screen,.gm-home,.gm-room-layout,.player-heroes-page,.portal-page{background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(circle at 48% -12%,rgba(148,90,26,.2),transparent 40rem),radial-gradient(circle at 100% 0%,rgba(213,143,49,.13),transparent 24rem),linear-gradient(145deg,#0a0906,#040403 62%,#0b0704);background-size:18px 18px,18px 18px,auto,auto,auto;color:var(--dnd-text)}.auth-panel,.home-header,.create-room,.room-row,.panel-section,.left-tools,.right-panel,.preview-panel,.hero-sheet-drawer,.hero-token-dialog,.room-settings-dialog,.shortcuts-dialog,.portal-hero,.portal-actions,.portal-note,.portal-role-card,.player-heroes-header,.character-sheet-preview,.player-hero-panel,.room-music-player,.combat-overlay,.dice-overlay{border:1px solid rgba(122,79,27,.72);border-radius:8px;background:linear-gradient(180deg,#f6cd800e,#0000002e),repeating-linear-gradient(135deg,rgba(255,235,180,.018) 0 1px,transparent 1px 7px),var(--dnd-panel);box-shadow:inset 0 1px #ffe6aa14,inset 0 0 0 1px #0000009e,0 16px 46px #0000006b}.auth-panel h1,.home-header h1,.room-title h1,.portal-hero h1,.player-heroes-header h1,.character-sheet-preview header h2,.hero-sheet-identity strong{font-family:var(--dnd-display-font);color:#efd99d;font-weight:700;letter-spacing:0;text-shadow:0 2px 0 #050403,0 0 22px rgba(200,135,39,.18)}.auth-panel p,.home-header p,.portal-hero p,.player-heroes-header p,.panel-section small,.room-row small,.room-title small,.hero-create-heading span,.player-hero-header span,.hero-pick small,.dice-row-main small,.combat-row-main small{color:var(--dnd-muted)}.primary-button,.secondary-button,.danger-button,.icon-button,.tool-button,.mini-button,.dice-label-presets button,.dice-quick button,.segmented button,.pan-grid button,.token-filter button,.hero-tabs button{border:1px solid #4d3418;border-radius:5px;color:#e9dbc0;background:linear-gradient(180deg,#ffe29d14,#0000002e),#17120b;box-shadow:inset 0 1px #ffeeb714,0 2px 5px #0000004d}.primary-button,.dice-label-presets button.active,.hero-tabs button.active,.token-filter button.active,.combat-overlay li.active,.shortcut-row strong{border-color:#9c641d;color:#fff0c0;background:linear-gradient(180deg,#ffe29552,#9f5c1447),linear-gradient(90deg,#5d3510,#9a641f 50%,#5d3510);box-shadow:inset 0 1px #ffedaf52,inset 0 -1px #0000006b,0 0 16px #c07c2238;text-shadow:0 1px 0 rgba(0,0,0,.65)}.primary-button:hover,.secondary-button:hover,.icon-button:hover,.tool-button:hover,.mini-button:hover,.dice-label-presets button:hover,.dice-quick button:hover,.segmented button:hover,.pan-grid button:hover{border-color:#b47a2a;color:#fff3ca;background:linear-gradient(180deg,#ffe19d26,#00000024),#251909}.danger-button,.mini-button.danger{border-color:#633020;color:#ffd0bd;background:linear-gradient(180deg,#ff8d5e14,#00000029),#25100c}.danger-button:hover,.mini-button.danger:hover{border-color:#a0432f;background:#341611}.error-line,.gm-error,.hero-error{border-color:#7a3326;background:linear-gradient(180deg,#b2432d26,#00000038),#1b0d0b;color:#ffd2c2}.gm-home{gap:16px;padding:28px}.home-header,.create-room{max-width:980px;padding:16px}.home-header{position:relative}.home-header:before,.portal-hero:before,.player-heroes-header:before{content:"";position:absolute;pointer-events:none;width:90px;height:90px;border:1px solid rgba(200,135,39,.38);border-radius:50%;background:linear-gradient(transparent 47%,rgba(200,135,39,.48) 48% 52%,transparent 53%),linear-gradient(90deg,transparent 47%,rgba(200,135,39,.48) 48% 52%,transparent 53%),radial-gradient(circle,transparent 0 35%,rgba(200,135,39,.24) 36% 39%,transparent 40%);opacity:.55}.home-header:before{right:16px;bottom:-28px}.room-list{max-width:980px}.room-row{border-color:#604019b8;background:linear-gradient(90deg,rgba(192,124,34,.06),transparent 46%),var(--dnd-panel-soft)}.room-row:hover{border-color:#c88727;background:linear-gradient(90deg,rgba(200,135,39,.14),transparent 62%),#20170d}.empty-state{border-color:#7c5a2ab8;background:#0c090685;color:var(--dnd-muted)}.gm-room-layout{position:relative;grid-template-rows:auto auto minmax(0,1fr);isolation:isolate}.gm-room-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(208,139,45,.14),transparent 26rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}.gm-topbar{position:relative;min-height:72px;padding:12px 26px;border-bottom:1px solid #5d3c19;background:linear-gradient(90deg,rgba(200,135,39,.12),transparent 18%,transparent 82%,rgba(200,135,39,.12)),linear-gradient(180deg,#10100d,#090704);box-shadow:inset 0 -1px #ffdc9014,0 8px 30px #00000070}.gm-topbar:before{content:"";position:absolute;left:50%;top:50%;width:78px;height:78px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(200,135,39,.42);border-radius:18px;background:linear-gradient(transparent 48%,rgba(237,207,134,.5) 49% 51%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(237,207,134,.5) 49% 51%,transparent 52%),radial-gradient(circle,rgba(200,135,39,.16) 0 28%,transparent 29%),#0a0805eb;box-shadow:0 0 0 6px #070503ad,0 0 28px #c8872747;opacity:.92}.gm-topbar:after{content:"";position:absolute;left:34%;right:34%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(237,207,134,.55),transparent)}.gm-topbar>*{position:relative;z-index:1}.room-title{gap:2px}.room-title a{color:var(--dnd-gold-soft)}.room-title h1{color:#efd99d;font-size:21px}.toolbar{gap:9px}.gm-room-status{border-color:#4d5e2e;border-radius:8px;color:var(--dnd-green);background:linear-gradient(180deg,#99cf731f,#0000002e),#10150b}.gm-room-status.syncing{border-color:#7e5b26;color:#f0d68f;background:#1e160c}.gm-room-status.error{border-color:#803324;color:#ffd0bd;background:#210d0a}.copy-state{color:var(--dnd-green)}.gm-workspace{min-height:0;grid-template-columns:clamp(270px,16.5vw,322px) minmax(0,1fr) clamp(326px,19vw,378px);gap:12px;padding:12px}.left-tools,.right-panel{border:1px solid rgba(122,79,27,.7);background:linear-gradient(180deg,#f6cd800b,#0003),repeating-linear-gradient(135deg,rgba(255,235,180,.014) 0 1px,transparent 1px 8px),#0d0b08;border-radius:8px;padding:10px;gap:10px}.panel-section{position:relative;gap:9px;padding:10px}.panel-section h2,.hero-sheet-section h2,.hero-sheet-grid h2,.room-settings-section h2,.character-sheet-preview h3{position:relative;display:flex;align-items:center;gap:7px;margin:0;font-family:var(--dnd-display-font);color:#efd99d;font-size:15px;font-weight:700;line-height:1.1;text-transform:uppercase}.panel-section h2:after,.hero-sheet-section h2:after,.room-settings-section h2:after,.character-sheet-preview h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(200,135,39,.42),transparent)}.map-area{min-width:0;min-height:0;border:1px solid rgba(122,79,27,.7);border-radius:8px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),#080806;background-size:24px 24px;padding:9px;box-shadow:inset 0 0 0 1px #000000b8,inset 0 0 52px #00000080}.map-stage-shell{border:1px solid #5a3915;border-radius:6px;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),#060604;background-size:32px 32px;box-shadow:inset 0 0 0 1px #ecb65c14,inset 0 0 46px #000000b8}.scene-row,.join-request-card,.party-card,.encounter-row,.session-log-row,.asset-card,.access-mode-row,.combat-row,.dice-row,.gm-note-list button,.token-row,.token-relation,.hero-card,.hero-sheet-section,.hero-sheet-grid article,.sheet-identity-grid span,.sheet-stat-row span,.sheet-abilities span,.sheet-columns section,.sheet-spells,.shortcut-row{border-color:#583b19e0;background:linear-gradient(180deg,#ffe29d0b,#0000001f),#120e09}.scene-row.active,.join-request-card.pending,.combat-row.active,.token-row.selected,.hero-card.selected,.secondary-button.active-action,.tool-button.active{border-color:#bd7b24;color:#fff0c0;background:linear-gradient(90deg,#c8872733,#c887270d),#1f160b;box-shadow:inset 0 0 0 1px #ffdc9014,0 0 18px #c8872724}.scene-row-main strong,.join-request-main strong,.party-main strong,.session-log-row strong,.asset-meta strong,.combat-row-main strong,.dice-row-main strong,.token-relation strong,.hero-pick strong,.hero-create-heading strong{color:#f2e2bd}.scene-row-main small,.join-request-main small,.party-main small,.session-log-row small,.asset-meta small,.access-mode-row,.token-relation,.builder-option-card small,.builder-option-card em{color:var(--dnd-muted)}.join-request-main>span,.party-main>span,.hero-avatar-fallback,.hero-sheet-identity>span,.hero-token-preview>span{color:var(--dnd-gold-soft);background:radial-gradient(circle at 50% 42%,rgba(200,135,39,.28),transparent 65%),#1f160b}.segmented,.token-filter,.hero-tabs{border-color:#4a351c;background:#0a0805}.zoom-label{color:#d8c49b;font-family:var(--dnd-display-font)}.map-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pan-grid button,.segmented button{color:#d7c6a2}.combat-token-toggle input,.gm-check-row input,.combat-effect-form label input{accent-color:var(--dnd-gold)}.combat-header span,.dice-header span,.combat-effect-badge,.session-log-row svg,.access-mode-row svg,.hero-card em,.character-sheet-preview header strong,.sheet-abilities small{color:var(--dnd-gold-soft)}.combat-effect-badge{border-color:#76501f;background:#21170c}.dice-actions .primary-button{border-color:#3f6d9f;background:linear-gradient(180deg,#9acdff38,#16447d47),linear-gradient(90deg,#153765,#2f65af 50%,#153765);color:#eef7ff;box-shadow:inset 0 1px #cee7ff3d,0 0 18px #2f65af47}.dice-total,.dice-overlay li strong{color:#fff0c0;background:linear-gradient(180deg,#ffe29542,#9f5c1438),#6b4315}.socket-status{border-color:#7a4f1bb8;border-radius:8px;background:#0a0805db;color:#d8c49b}.socket-status.live{border-color:#5f7a35;color:var(--dnd-green)}.socket-status.error,.socket-status.offline{border-color:#8f3928;color:#ffd0bd}.combat-overlay header,.dice-overlay header,.preview-header{border-bottom-color:#7a4f1b94;background:linear-gradient(180deg,#f6cd800f,#0003),#100c07}.preview-backdrop,.drawer-backdrop{background:#020201c2}.hero-sheet-drawer,.room-settings-dialog,.shortcuts-dialog,.hero-token-dialog{background:linear-gradient(180deg,#f6cd800b,#0003),#0e0b07}.danger-zone{border-top-color:#7a2f1eb3;background:#36120c38}.portal-page{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px}.portal-hero,.portal-actions,.portal-note{border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none}.portal-hero{min-height:540px;align-content:end}.portal-hero:before{right:clamp(22px,4vw,56px);top:clamp(22px,4vw,56px);border-radius:50%;transform:rotate(18deg)}.portal-hero:after,.player-heroes-header:after{content:"";position:absolute;pointer-events:none;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(200,135,39,.18);border-radius:6px}.portal-kicker{border-color:#c8872794;border-radius:6px;background:linear-gradient(180deg,#c887272e,#0000002e),#130e07;color:var(--dnd-gold-soft);letter-spacing:.08em}.portal-hero h1{letter-spacing:0;line-height:.94}.portal-role-card{border-radius:8px;background:linear-gradient(180deg,#f6cd800e,#0000002e),#120e09}.portal-role-card:hover{transform:translateY(-2px);border-color:#bd7b24;background:linear-gradient(90deg,#c8872724,#c8872708),#1f160b}.portal-role-card span,.portal-role-card.player span{border:1px solid rgba(200,135,39,.45);border-radius:8px;color:var(--dnd-gold-soft);background:#1e150b}.portal-role-card strong,.player-heroes-header span,.player-heroes-feature-grid span{color:#efd99d}.portal-role-card small,.portal-note{color:#b9aa8c}.map-context-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;border:0;background:transparent;cursor:default}.map-context-menu{position:fixed;z-index:29;width:250px;overflow:hidden;border:1px solid rgba(122,79,27,.82);border-radius:8px;background:linear-gradient(180deg,#f6cd8012,#0003),repeating-linear-gradient(135deg,rgba(255,235,180,.018) 0 1px,transparent 1px 7px),#0d0a06;box-shadow:inset 0 1px #ffe6aa14,inset 0 0 0 1px #000000a3,0 18px 52px #00000094}.map-context-menu__head{display:grid;gap:2px;border-bottom:1px solid rgba(122,79,27,.58);padding:9px 10px;background:#0000002e}.map-context-menu__head strong{overflow:hidden;color:#efd99d;font-family:var(--dnd-display-font);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.map-context-menu__head small{color:var(--dnd-muted);font-size:11px}.map-context-menu__items{display:grid;gap:2px;padding:6px}.map-context-menu__items button{min-height:34px;border:1px solid transparent;border-radius:5px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;color:#eadfc7;background:transparent;text-align:left}.map-context-menu__items button:hover{border-color:#c8872799;background:#c887271f}.map-context-menu__items button.danger{color:#ffd0bd}.map-context-menu__items button.danger:hover{border-color:#8f3928;background:#8f39282e}.map-context-menu__items button:disabled{color:#6d6353;opacity:.72}.map-context-menu__items button span{min-width:0;display:grid;gap:1px}.map-context-menu__items button strong,.map-context-menu__items button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-context-menu__items button strong{font-size:12px}.map-context-menu__items button small{color:var(--dnd-muted);font-size:10px}.map-action-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px}.map-action-dialog{position:relative;z-index:1;width:min(420px,calc(100vw - 40px));display:grid;gap:12px;border:1px solid rgba(122,79,27,.82);border-radius:8px;background:linear-gradient(180deg,#f6cd8011,#0003),repeating-linear-gradient(135deg,rgba(255,235,180,.016) 0 1px,transparent 1px 7px),#0d0a06;padding:12px;box-shadow:inset 0 1px #ffe6aa14,inset 0 0 0 1px #000000a3,0 24px 70px #0009}.map-action-dialog header,.map-action-dialog footer,.map-action-dialog header span{display:flex;align-items:center}.map-action-dialog header{justify-content:space-between;gap:12px;border-bottom:1px solid rgba(122,79,27,.58);padding-bottom:10px}.map-action-dialog header span{min-width:0;gap:8px;color:#efd99d}.map-action-dialog header strong{overflow:hidden;font-family:var(--dnd-display-font);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.map-action-dialog label{display:grid;gap:6px;color:#cbbd9d;font-size:12px}.map-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-action-mode button{flex:1}.map-action-dialog small,.map-action-warning{margin:0;color:var(--dnd-muted);font-size:12px;line-height:1.4}.map-action-warning{border:1px solid rgba(143,57,40,.58);border-radius:6px;background:#8f39281f;padding:10px;color:#ffd0bd}.map-action-warning strong{color:#fff0c0}.map-action-dialog footer{justify-content:flex-end;gap:8px;border-top:1px solid rgba(122,79,27,.45);padding-top:10px}.player-heroes-shell{gap:16px}.player-heroes-header{position:relative;border-radius:8px}.player-heroes-header:before{right:24px;top:24px}.player-heroes-header h1{line-height:.96}.player-heroes-page .player-hero-panel{border-radius:8px}.player-heroes-feature-grid span,.builder-inline-check{border-color:#7a4f1bb8;border-radius:6px;background:#120e09c7}.character-sheet-preview{border-radius:8px;background:linear-gradient(180deg,#f6cd800e,#0000002e),#100d08}.sheet-identity-grid span,.sheet-stat-row span,.sheet-abilities span,.sheet-columns section,.sheet-spells{border-radius:6px}.sheet-identity-grid b,.sheet-stat-row b,.sheet-abilities b{color:#b9aa8c;letter-spacing:.06em}.sheet-stat-row span,.sheet-abilities strong,.builder-option-card strong{color:#fff0c0}.builder-screen{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(circle at 18% -8%,rgba(174,104,30,.2),transparent 34rem),radial-gradient(circle at 92% 2%,rgba(200,135,39,.12),transparent 28rem),linear-gradient(145deg,#080706,#030302 68%,#0b0704);background-size:18px 18px,18px 18px,auto,auto,auto;color:var(--dnd-text)}.builder-message{place-items:center}.builder-topbar,.builder-card,.builder-steps{border:1px solid rgba(122,79,27,.72);border-radius:8px;background:linear-gradient(180deg,#f6cd800e,#0000002e),repeating-linear-gradient(135deg,rgba(255,235,180,.018) 0 1px,transparent 1px 7px),var(--dnd-panel);box-shadow:inset 0 1px #ffe6aa14,inset 0 0 0 1px #0000009e,0 16px 46px #0000006b}.builder-topbar{min-height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px}.builder-topbar>div{min-width:0;display:grid;gap:3px}.builder-topbar span,.builder-save-state,.builder-step-heading p,.builder-summary>span{color:var(--dnd-muted);font-size:12px}.builder-topbar strong,.builder-step-heading h1,.builder-summary h2{margin:0;font-family:var(--dnd-display-font);color:#efd99d;letter-spacing:0;line-height:1.05;text-shadow:0 2px 0 #050403,0 0 22px rgba(200,135,39,.18)}.builder-topbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px}.builder-back-link{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid #4d3418;border-radius:5px;background:linear-gradient(180deg,#ffe29d14,#0000002e),#17120b;color:#e9dbc0;padding:8px 12px}.builder-back-link:hover{border-color:#b47a2a;color:#fff3ca;background:#251909}.builder-save-state{justify-self:end;min-height:32px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(122,79,27,.72);border-radius:999px;background:#0a0805b3;padding:6px 10px;white-space:nowrap}.builder-save-state.saved{border-color:#5f7a35cc;color:var(--dnd-green)}.builder-save-state.error{border-color:#8f3928;color:#ffd0bd}.builder-layout{min-height:0;display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:14px;align-items:start}.builder-steps{position:sticky;top:14px;display:grid;gap:8px;padding:10px}.builder-progress{display:grid;gap:7px;padding:8px}.builder-progress span{color:var(--dnd-gold-soft);font-family:var(--dnd-display-font);font-size:18px;line-height:1}.builder-progress div{height:7px;overflow:hidden;border:1px solid #4a351c;border-radius:999px;background:#090705}.builder-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c3d12,var(--dnd-gold-bright))}.builder-steps button{min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(96,64,25,.72);border-radius:6px;background:linear-gradient(180deg,#ffe29d0a,#00000029),#100c07;color:#d8c49b;padding:7px;text-align:left}.builder-steps button span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #4d3418;border-radius:50%;color:var(--dnd-muted);background:#0a0805;font-size:12px;font-weight:800}.builder-steps button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.builder-steps button.active,.builder-steps button.complete{border-color:#bd7b24;color:#fff0c0;background:linear-gradient(90deg,#c8872733,#c887270d),#1f160b}.builder-steps button.active span,.builder-steps button.complete span{border-color:#9c641d;color:#fff0c0;background:#6b4315}.builder-step-card{min-width:0;display:grid;gap:16px;padding:clamp(14px,2.5vw,22px)}.builder-step-heading{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(122,79,27,.58)}.builder-step-heading h1{font-size:clamp(32px,4.6vw,58px)}.builder-step-heading span{max-width:820px;color:#cdbd9b;line-height:1.45}.builder-form-grid,.builder-final{display:grid;gap:14px}.builder-form-grid>label,.hero-create-field{display:grid;gap:6px;color:#d8c49b;font-size:13px;font-weight:700}.hero-create-field span{color:#b9aa8c;font-size:11px;font-weight:800;text-transform:uppercase}.builder-form-grid input,.builder-form-grid select,.builder-form-grid textarea,.hero-create-field input,.hero-create-field select,.hero-create-field textarea{min-height:42px}.builder-form-grid textarea{min-height:110px}.builder-note,.builder-issues,.builder-summary-errors{border:1px solid rgba(122,79,27,.72);border-radius:6px;background:#120e09c7;color:#d8c49b;padding:10px 12px;line-height:1.45}.builder-issues,.builder-summary-errors{display:grid;gap:6px;border-color:#7a3326;color:#ffd2c2;background:#1b0d0b}.builder-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.builder-option{min-height:132px;display:grid;align-content:start;gap:8px;border:1px solid rgba(96,64,25,.72);border-radius:8px;background:linear-gradient(180deg,#ffe29d0a,#00000029),#100c07;color:#eadfc7;padding:13px;text-align:left}.builder-option:hover{border-color:#b47a2a;background:linear-gradient(90deg,rgba(200,135,39,.12),transparent),#1a1209}.builder-option.active{border-color:#bd7b24;color:#fff0c0;background:linear-gradient(90deg,#c8872738,#c887270d),#1f160b;box-shadow:inset 0 0 0 1px #ffdc9014,0 0 18px #c8872724}.builder-option strong{color:#fff0c0;font-size:18px;line-height:1.15}.builder-option small,.builder-option span{color:var(--dnd-muted);line-height:1.35}.builder-option span{font-size:13px}.builder-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.builder-check-grid label,.builder-inline-check{min-height:44px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(96,64,25,.72);border-radius:6px;background:linear-gradient(180deg,#ffe29d0a,#00000024),#100c07;color:#eadfc7;padding:9px 10px;line-height:1.35}.builder-check-grid input[type=checkbox],.builder-inline-check input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;margin-top:2px;accent-color:var(--dnd-gold)}.ability-score-grid,.ability-increase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:10px}.ability-score-grid label,.ability-increase-grid label{display:grid;gap:6px;border:1px solid rgba(96,64,25,.72);border-radius:8px;background:linear-gradient(180deg,#ffe29d0a,#00000029),#100c07;color:#d8c49b;padding:10px;font-size:12px;font-weight:800;text-transform:uppercase}.builder-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.builder-nav button{min-width:128px}.builder-summary{position:sticky;top:14px;display:grid;gap:12px;padding:14px}.builder-summary h2{font-size:28px}.builder-summary dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin:0}.builder-summary dt{color:var(--dnd-muted);font-size:12px}.builder-summary dd{margin:0;color:#fff0c0;text-align:right}.character-sheet-preview{display:grid;gap:14px;padding:14px}.hero-create-form{padding-top:2px}.hero-create-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px;align-items:end}@media (max-width: 1240px){.gm-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.4fr) minmax(300px,.95fr)}.builder-layout{grid-template-columns:210px minmax(0,1fr)}.builder-summary{position:static;grid-column:1 / -1}}@media (max-width: 980px){.gm-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,58vh) auto}.left-tools,.right-panel{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.gm-topbar:before{left:auto;right:22px;top:34px;width:54px;height:54px}.builder-screen{padding:10px}.builder-layout{grid-template-columns:1fr}.builder-steps{position:static;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.builder-progress{grid-column:1 / -1}.builder-option-grid,.builder-check-grid{grid-template-columns:1fr}}@media (max-width: 640px){.gm-home,.portal-page,.player-heroes-page,.home-header,.create-room,.portal-actions,.portal-hero,.portal-note,.player-heroes-header{padding:14px}.gm-workspace{padding:8px;gap:8px}.gm-topbar{padding:12px 14px}.builder-topbar{grid-template-columns:1fr}.builder-save-state{justify-self:start}.builder-steps button{min-height:40px}.builder-nav{display:grid;grid-template-columns:1fr}.builder-nav button{width:100%}.hero-create-grid{grid-template-columns:1fr}.gm-topbar:before{opacity:.24}}@media (max-width: 560px){.portal-page{padding:12px}.portal-role-card{min-height:170px}.portal-note{align-items:flex-start}}