:root{--parchment-light: #F5E6C8;--parchment-mid: #E8D5A3;--parchment-dark: #D4B483;--wood-dark: #2A1508;--wood-mid: #3D2010;--crimson-banner: #8B1A1A;--crimson-light: #A0291A;--crimson-shadow: #5A0E0E;--gold-accent: #C8960C;--gold-light: #D4A017;--ink-dark: #2C1810;--ink-mid: #5C3820;--cream-border: #8B6914;--font-heading: "Cinzel", Georgia, serif;--font-deco: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-body: Georgia, "Palatino Linotype", serif;--font-mono: monospace;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--sidebar-width: 230px;--header-height: 66px;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 6px;--radius-pill: 20px;--shadow-card: inset 0 0 20px rgba(44,24,16,.1), 2px 4px 8px rgba(42,21,8,.4);--shadow-card-hover: inset 0 0 20px rgba(44,24,16,.1), 4px 10px 20px rgba(42,21,8,.5);--shadow-modal: 0 30px 60px rgba(0,0,0,.7);--shadow-input: inset 0 2px 5px rgba(44,24,16,.22);--shadow-input-focus:inset 0 2px 5px rgba(44,24,16,.2), 0 0 8px rgba(200,150,12,.5);--shadow-btn-primary:0 3px 0 var(--crimson-shadow), 0 5px 10px rgba(42,21,8,.4);--shadow-sidebar: 6px 0 22px rgba(0,0,0,.45);--grad-crimson: linear-gradient(180deg, var(--crimson-light), var(--crimson-banner));--grad-wood: linear-gradient(180deg, #341A0B 0%, #2A1508 100%);--grad-wood-mid: linear-gradient(180deg, #3D2010, #2A1508);--grad-parchment: radial-gradient(ellipse 90% 80% at 50% 38%, #F5E6C8 0%, #E8D5A3 52%, #C6A46E 100%);--grad-gold-coin: radial-gradient(circle at 35% 30%, #D4A017, #8B6914)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--wood-dark);color:var(--ink-dark);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--wood-dark)}::-webkit-scrollbar-thumb{background:var(--ink-mid);border:2px solid var(--wood-dark);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--cream-border)}input::placeholder{color:var(--ink-mid);font-style:italic}h1{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;letter-spacing:.14em;color:var(--gold-light);text-transform:uppercase}h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin-bottom:.75rem;color:var(--ink-dark)}h3{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;margin-bottom:.5rem;color:var(--ink-mid);text-transform:uppercase;letter-spacing:.1em}a{color:var(--crimson-light);text-decoration:none}code{font-family:var(--font-mono);color:var(--crimson-light)}hr.divider{border:none;border-top:1px solid var(--parchment-dark);margin:1rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1.2rem;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-crimson);color:var(--parchment-light);border:1px solid var(--gold-accent);box-shadow:var(--shadow-btn-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#B33320,var(--crimson-light));box-shadow:0 3px 0 var(--crimson-shadow),0 0 12px var(--gold-accent)}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--crimson-shadow)}.btn-secondary{background:var(--parchment-mid);color:var(--ink-dark);border:1.5px solid var(--cream-border);box-shadow:var(--shadow-input)}.btn-secondary:hover:not(:disabled){background:var(--parchment-dark)}.btn-danger{background:var(--grad-crimson);color:var(--parchment-light);border:1px solid var(--crimson-shadow)}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#B33320,var(--crimson-light))}.btn-ghost{background:transparent;color:var(--ink-mid);border:1.5px solid var(--ink-mid)}.btn-ghost:hover:not(:disabled){background:#5c38201f;border-color:var(--ink-dark);color:var(--ink-dark)}.btn-warning{background:var(--gold-light);color:var(--wood-dark);border:1px solid var(--gold-accent)}.btn-warning:hover:not(:disabled){background:var(--gold-accent)}.btn-sm{padding:.25rem .7rem;font-size:var(--text-xs)}.btn-large{padding:.85rem 1.5rem;font-size:var(--text-md)}.btn-block{width:100%}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-family:var(--font-heading);font-variant:small-caps;font-size:var(--text-sm);letter-spacing:.06em;color:var(--ink-mid)}input[type=text],input[type=password],input[type=number],select,textarea{background:var(--parchment-mid);border:1.5px solid var(--cream-border);border-radius:var(--radius-md);color:var(--ink-dark);padding:.65rem .85rem;font-family:var(--font-body);font-size:var(--text-md);width:100%;outline:none;box-shadow:var(--shadow-input);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold-accent);box-shadow:var(--shadow-input-focus)}select option{background:var(--parchment-mid);color:var(--ink-dark)}.stat-number-input{-moz-appearance:textfield}.stat-number-input::-webkit-outer-spin-button,.stat-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inline-form{display:flex;gap:.5rem;align-items:center}.inline-form input{flex:1}.stack-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.error-msg{color:var(--crimson-light);font-size:var(--text-sm);margin-top:.25rem;font-family:var(--font-body);font-style:italic}.placeholder,.empty-msg{color:var(--ink-mid);font-size:var(--text-base);font-style:italic;padding:.5rem 0;font-family:var(--font-body)}.panel{background:var(--parchment-light);border:2px solid var(--wood-mid);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card)}.panel:hover{box-shadow:var(--shadow-card-hover)}.item-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.item-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:var(--radius-md);background:var(--parchment-mid);border:1px solid var(--parchment-dark)}.item-row.active{border:1px solid var(--gold-accent)}.item-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-heading);font-size:var(--text-sm)}.item-meta{font-size:var(--text-xs);color:var(--ink-mid)}.sidebar-brand{padding:26px 22px 20px;border-bottom:1px solid rgba(200,150,12,.35);font-family:var(--font-heading);font-weight:900;letter-spacing:.14em;color:var(--gold-light);font-size:var(--text-md);text-transform:uppercase}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:.65rem 1rem;background:transparent;border:none;border-left:3px solid transparent;color:var(--parchment-mid);font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}.sidebar-nav-item:hover{background:#c8960c1f;color:var(--parchment-light)}.sidebar-nav-item.active{background:#c8960c2e;color:var(--gold-light);border-left-color:var(--gold-accent)}.app-navbar{display:flex;align-items:center;height:var(--header-height);background:var(--grad-wood-mid);border-bottom:3px solid var(--gold-accent);padding:0 1.5rem;gap:0}.app-navbar-brand{font-family:var(--font-heading);font-weight:900;letter-spacing:.14em;color:var(--gold-light);cursor:pointer;margin-right:1.5rem;font-size:var(--text-md)}.app-navbar-nav{display:flex;flex:1;gap:0}.app-nav-item{padding:0 1rem;height:var(--header-height);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.06em;color:var(--parchment-dark);cursor:pointer;border:none;background:transparent;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}.app-nav-item:hover{color:var(--parchment-light)}.app-nav-item.active{color:var(--gold-light);border-bottom-color:var(--gold-accent)}.app-navbar-user{display:flex;align-items:center;gap:.75rem}.page-header{display:flex;align-items:center;gap:1rem;padding:0 2rem;background:var(--grad-wood-mid);border-bottom:3px solid var(--gold-accent);box-shadow:0 4px 16px #2a150880}.page-header h1{flex:1}.header-user{display:flex;align-items:center;gap:.75rem}.user-name{color:var(--parchment-mid);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.06em}.nav-tabs{display:flex;gap:.25rem;padding:0 1.5rem;background:var(--parchment-mid);border-bottom:2px solid var(--parchment-dark)}.nav-tab{padding:.5rem 1rem;font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.06em;color:var(--ink-mid);cursor:pointer;border:none;background:transparent;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}.nav-tab:hover{color:var(--ink-dark)}.nav-tab.active{color:var(--crimson-banner);border-bottom-color:var(--gold-accent)}.pin-badge{display:inline-flex;align-items:center;gap:6px;background:var(--parchment-mid);border:1.5px solid var(--cream-border);border-radius:var(--radius-pill);padding:4px 10px 4px 5px;box-shadow:var(--shadow-input)}.pin-badge:before{content:"₴";width:20px;height:20px;border-radius:50%;background:var(--grad-gold-coin);border:1.5px solid var(--gold-accent);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--wood-dark);flex-shrink:0;line-height:1;padding-top:1px}.npc-tag{background:var(--grad-crimson);color:var(--parchment-light);border:1px solid var(--gold-accent);border-radius:var(--radius-pill);padding:2px 10px;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.status-badge{font-family:var(--font-heading);font-size:var(--text-xs);padding:3px 10px;border-radius:var(--radius-pill);text-transform:uppercase;font-weight:700;letter-spacing:.06em}.status-lobby{background:var(--parchment-mid);color:var(--ink-mid);border:1px solid var(--parchment-dark)}.status-in_progress{background:#2ca02c26;color:#2a7a2a;border:1px solid rgba(44,160,44,.4)}.status-in_battle{background:#8b1a1a26;color:var(--crimson-banner);border:1px solid rgba(139,26,26,.4)}.status-completed{background:var(--parchment-mid);color:var(--ink-mid);border:1px solid var(--parchment-dark)}.scene-bg-dot,.scene-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(44,24,16,.3);flex-shrink:0}.signin-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--grad-parchment)}.signin-box{width:100%;max-width:360px;padding:1.5rem}.signin-title{font-family:var(--font-heading);font-size:var(--text-2xl);text-align:center;margin-bottom:1.5rem;color:var(--crimson-banner);letter-spacing:.1em;text-transform:uppercase}.signin-form{display:flex;flex-direction:column;gap:1rem}.player-join-page{display:flex;flex-direction:column;min-height:100vh}.join-box{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem}.join-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:1rem}.pin-input{font-size:2rem;text-align:center;font-family:var(--font-mono);letter-spacing:.3em;padding:.6rem}.dashboard-page{min-height:100vh;display:flex;flex-direction:column}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;padding:1.25rem;flex:1}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stats-grid label{display:flex;flex-direction:column;font-size:var(--text-xs);color:var(--ink-mid);gap:.2rem}.stats-grid input{width:100%}.inline-check{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.lobby-page{min-height:100vh;display:flex;flex-direction:column}.lobby-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:1.25rem;padding:1.25rem;flex:1}.pin-panel{text-align:center}.pin-display{font-family:var(--font-mono);font-size:3rem;letter-spacing:.25em;color:var(--gold-accent);margin:.75rem 0;font-weight:700}.pin-hint{color:var(--ink-mid);font-size:var(--text-sm);margin-bottom:.5rem}.player-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.player-row{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;background:var(--parchment-mid);border:1px solid var(--parchment-dark);border-radius:var(--radius-md)}.player-row.is-me{border:1.5px solid var(--gold-accent)}.player-id{flex:1;font-size:var(--text-base)}.player-char{font-size:var(--text-xs);color:var(--ink-mid)}.assign-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.assign-user{width:120px;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-mid)}.assign-char-select{flex:1}.lobby-actions{padding:1rem 1.25rem;display:flex;justify-content:center}.meta-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.4rem}.meta-row .label{color:var(--ink-mid);font-size:var(--text-sm);min-width:60px}.char-summary{display:flex;flex-direction:column;gap:.4rem}.char-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--ink-dark)}.char-archetype{font-size:var(--text-sm);color:var(--ink-mid);text-transform:capitalize}.char-hp,.char-ac{font-size:var(--text-sm);color:var(--ink-mid)}.hp-bar{width:100%;height:6px;background:var(--parchment-dark);border-radius:3px;overflow:hidden;margin:.25rem 0}.hp-bar-fill{height:100%;background:#4a8a4a;border-radius:3px;transition:width .4s ease}.waiting-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:var(--ink-mid)}.spinner{width:20px;height:20px;border:2px solid var(--parchment-dark);border-top-color:var(--gold-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--grad-parchment)}.app-loading .spinner{width:40px;height:40px;border-width:3px}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.6rem 1.25rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.06em;z-index:9999;pointer-events:none;animation:fadeInUp .2s ease}.toast-error{background:var(--crimson-banner);color:var(--parchment-light);border:1px solid var(--crimson-shadow)}.toast-success{background:#2a6a2a;color:var(--parchment-light);border:1px solid #1a4a1a}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a1508bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--parchment-light);border:2px solid var(--wood-mid);border-radius:var(--radius-lg);padding:1.5rem;overflow-y:auto;max-height:90vh;box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h2{margin-bottom:0}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.character-card{background:var(--parchment-light);border:2px solid var(--wood-mid);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}.character-card-portrait{height:160px;background:var(--parchment-mid);display:flex;align-items:center;justify-content:center;overflow:hidden}.character-card-portrait img{width:100%;height:100%;object-fit:cover}.character-card-portrait-placeholder{font-family:var(--font-heading);font-size:4rem;font-weight:700;color:var(--ink-mid);-webkit-user-select:none;user-select:none}.character-card-body{padding:.875rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.character-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.character-card-name{font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-dark)}.character-card-desc{font-size:var(--text-sm);color:var(--ink-mid);line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.character-stats-row{display:flex;flex-wrap:wrap;gap:.35rem;font-size:var(--text-xs);color:var(--ink-mid);margin-top:.25rem}.character-stats-row span{background:var(--parchment-mid);border:1px solid var(--parchment-dark);padding:.1rem .4rem;border-radius:var(--radius-sm)}.character-card-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.75rem}.type-badge{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;padding:2px 10px;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.06em}.badge-pc{background:#2a150814;color:var(--ink-mid);border:1px solid var(--parchment-dark)}.badge-npc{background:#8b1a1a1a;color:var(--crimson-banner);border:1px solid rgba(139,26,26,.3)}.badge-enemy{background:var(--grad-crimson);color:var(--parchment-light);border:1px solid var(--gold-accent)}.scenario-builder-page{min-height:100vh;display:flex;flex-direction:column}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem;flex:1}.game-room-page{position:relative;width:100vw;height:100vh;overflow:hidden}.gm-game-room-page{--gm-sidebar-right-width: 400px;--gm-bottom-bar-height: 184px;--header-height: 0px}.scene-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--wood-dark);background-size:cover;background-position:center;transition:background .5s ease,background-color .5s ease,background-image .5s ease}.gm-scene-graph{position:absolute;z-index:1;top:var(--header-height);left:0;right:var(--gm-sidebar-right-width);bottom:var(--gm-bottom-bar-height);overflow:auto;display:flex;background:var(--grad-wood);background-image:radial-gradient(circle at 25% 15%,rgba(200,150,12,.06),transparent 60%),var(--grad-wood)}.gm-scene-graph--empty{flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--parchment-dark);font-family:var(--font-body);font-style:italic;font-size:var(--text-sm)}.scene-graph-editor-link{color:var(--gold-light);text-decoration:underline;font-size:var(--text-xs);font-style:normal}.scene-graph-legend{position:sticky;top:0;left:0;z-index:3;align-self:flex-start;display:flex;gap:.75rem;padding:.4rem .7rem;margin:.6rem;border-radius:var(--radius-pill);background:#2a1508d1;border:1px solid rgba(200,150,12,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.scene-graph-legend-item{display:flex;align-items:center;gap:.3rem;color:var(--parchment-mid)}.scene-graph-legend-item:before{content:"";width:10px;height:10px;border-radius:3px;flex-shrink:0}.scene-graph-legend-item.current:before{background:var(--gold-light)}.scene-graph-legend-item.exit:before{background:var(--crimson-light)}.scene-graph-legend-item.done:before{background:var(--parchment-dark);opacity:.5}.scene-graph-canvas{position:relative;margin:auto;flex-shrink:0}.scene-graph-edges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:visible}.scene-graph-edge{fill:none;stroke:#d4b48359;stroke-width:1.5}.scene-graph-edge.highlighted{stroke:var(--gold-light);stroke-width:2.5;filter:drop-shadow(0 0 3px rgba(200,150,12,.6))}.scene-graph-node{position:absolute;z-index:1;display:flex;overflow:hidden;padding:0;border-radius:var(--radius-lg);border:1px solid rgba(200,150,12,.35);background:var(--wood-mid);box-shadow:var(--shadow-card);text-align:left;transition:box-shadow .12s ease,border-color .12s ease}.scene-graph-node:hover{border-color:var(--gold-accent);box-shadow:var(--shadow-card-hover)}.scene-graph-node-thumb{width:42px;flex-shrink:0;background:var(--wood-dark);background-size:cover;background-position:center;border-right:1px solid rgba(200,150,12,.25)}.scene-graph-node-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:.4rem .5rem}.scene-graph-node-name{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);line-height:1.15;color:var(--parchment-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-graph-node-actions{display:flex;flex-direction:column;gap:3px}.scene-graph-node-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(200,150,12,.4);background:#140a0480;color:var(--parchment-light);font-family:var(--font-body);font-size:10px;line-height:1.3;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.scene-graph-node-btn:hover{background:#c8960c40;border-color:var(--gold-accent)}.scene-graph-node-btn.set-current{color:var(--gold-light)}.scene-graph-node-btn.complete{color:var(--parchment-mid)}.scene-graph-node-meta{font-size:var(--text-xs);color:var(--crimson-light)}.scene-graph-node-badge{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;border:1px solid var(--wood-dark)}.scene-graph-node-badge.current{background:var(--gold-light);color:var(--wood-dark)}.scene-graph-node-badge.done{background:var(--parchment-dark);color:var(--wood-dark)}.scene-graph-node-badge.exit{right:auto;left:-7px;background:var(--crimson-banner);color:var(--parchment-light)}.scene-graph-node.current{border-color:var(--gold-light);box-shadow:0 0 0 2px #d4a01780,0 0 16px #c8960c73}.scene-graph-node.is-exit{border-color:var(--crimson-light)}.scene-graph-node.completed{opacity:.5}.scene-graph-node.completed:hover{box-shadow:var(--shadow-card)}.sidebar{position:absolute;z-index:10;top:var(--header-height);background:#2a1508eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(200,150,12,.2);overflow-y:auto;padding:1rem}.sidebar-right{right:0;width:var(--gm-sidebar-right-width)!important;height:calc(100vh - var(--header-height));border-left:1px solid rgba(200,150,12,.2)}.gm-game-room-page .sidebar-right{width:var(--gm-sidebar-right-width);height:calc(100vh - var(--header-height));background:var(--grad-wood);border-left:3px solid var(--gold-accent);box-shadow:-6px 0 22px #00000073}.sidebar-bottom{bottom:0;left:0;right:0;height:240px;top:auto;border-top:2px solid rgba(200,150,12,.3);display:flex;align-items:flex-start;gap:1.5rem;padding:.75rem 1.25rem}.gm-game-room-page .sidebar-bottom{left:0;right:var(--gm-sidebar-right-width);height:var(--gm-bottom-bar-height);background:#2a150859;align-items:center;overflow-x:auto}.player-game-room-page{--player-sidebar-right-width: max(360px, 30vw)}.player-game-room-page .sidebar-right-player{top:0;right:0;left:auto;width:var(--player-sidebar-right-width);height:100vh;border-left:1px solid rgba(200,150,12,.2);border-right:none;overflow:hidden;display:flex;flex-direction:column}.player-game-room-page .sidebar-bottom{top:auto;left:0;right:var(--player-sidebar-right-width);height:25vh}.player-game-room-page .scene-background{top:0;left:0;right:var(--player-sidebar-right-width);bottom:25vh}.player-game-room-page .scene-title-banner{position:absolute;z-index:10;top:1.25rem;left:0;right:0}.player-game-room-page .lang-toggle-floating{position:absolute;z-index:10;top:1.25rem;left:1rem}.scene-audio-control{position:fixed;z-index:40;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;background:#140c08b8;border:1px solid var(--gold-accent);box-shadow:0 2px 8px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-audio-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:.1rem .15rem}.scene-audio-slider{width:90px;accent-color:var(--gold-accent);cursor:pointer}.scene-audio-control--attention{animation:scene-audio-pulse 1.6s ease-in-out infinite}@keyframes scene-audio-pulse{0%,to{box-shadow:0 0 #c8960c80}50%{box-shadow:0 0 0 6px #c8960c00}}.deployed-overlay{position:absolute;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;pointer-events:none}.deployed-group{display:flex;flex-wrap:wrap;align-content:flex-end;gap:.75rem}.deployed-group-enemies{justify-content:flex-start}.deployed-group-npcs{justify-content:flex-end}.gm-game-room-page .deployed-overlay{top:var(--header-height);left:0;right:var(--gm-sidebar-right-width);bottom:var(--gm-bottom-bar-height);padding:1rem}.player-game-room-page .deployed-overlay{top:0;left:0;right:var(--player-sidebar-right-width);bottom:25vh;padding:1rem}.npc-card{position:relative;width:120px;flex-shrink:0;pointer-events:auto;background:#2a1508cc;border:1px solid rgba(200,150,12,.3);border-radius:var(--radius-md);padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.npc-card-npc{border-color:var(--gold-accent);box-shadow:0 0 12px #c8960c8c}.npc-card-enemy{border-color:var(--crimson-banner);box-shadow:0 0 12px #8b1a1a8c}.npc-card.defeated{opacity:.4}.death-ghost-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1e142899,#08040aeb);position:relative;container-type:size}.death-ghost-label{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-weight:700;font-size:clamp(9px,14cqmin,18px);letter-spacing:.08em;text-transform:uppercase;color:#f0b3b3;text-shadow:0 2px 6px rgba(0,0,0,.95);pointer-events:none;white-space:nowrap}.death-ghost{width:82%;height:82%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 8px rgba(170,200,255,.5));animation:death-ghost-pulse 2s infinite}.death-ghost--static{width:100%;height:100%;animation:none}@keyframes death-ghost-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes death-ghost-fade{0%,to{opacity:.4}50%{opacity:.95}}@media (prefers-reduced-motion: reduce){.death-ghost{animation-name:death-ghost-fade}}.card-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;opacity:.5;animation:card-flash-fade 1s ease-out forwards}.card-flash--heal{background:#2ecc71}.card-flash--damage{background:#e74c3c}.card-flash--revive{background:#fff}.card-flash--grant,.card-flash--roll{background:#f1c40f}@keyframes card-flash-fade{0%{opacity:.5}60%{opacity:.5}to{opacity:0}}.npc-card-portrait{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--wood-dark);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--gold-light)}.npc-card-portrait img{width:100%;height:100%;object-fit:cover;display:block}.npc-card-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--parchment-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players-bar-inner{display:flex;gap:.75rem;align-items:flex-start;overflow-x:auto;flex:1;padding-bottom:.25rem}.players-bar-empty{color:var(--parchment-mid);font-size:var(--text-sm);align-self:center}.player-card{position:relative;flex-shrink:0;width:140px;background:#2a1508b3;border:1px solid rgba(200,150,12,.3);border-radius:var(--radius-md);padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem}.player-card-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--parchment-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-type{font-size:var(--text-xs);color:var(--parchment-dark);text-transform:uppercase;font-family:var(--font-heading)}.player-hp-bar{height:5px;background:#2c181080;border-radius:3px;overflow:hidden}.player-hp-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.player-hp-text{font-size:var(--text-xs);color:var(--parchment-dark)}.player-stat-row{display:flex;gap:.3rem;margin-top:.1rem}.player-stat{display:flex;flex-direction:column;align-items:center;flex:1;background:#2a150880;border-radius:3px;padding:.15rem 0}.player-stat-val{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--parchment-light)}.player-stat-lbl{font-size:var(--text-xs);color:var(--parchment-dark);text-transform:uppercase;font-family:var(--font-heading)}.player-card-slot--fill{flex:1;min-height:0;display:flex}.player-card-slot--fill>.player-card{flex:1;min-height:0;overflow:hidden}.player-card-header{flex-shrink:0}.player-card-abilities{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;padding-right:2px}.ability-tile{display:flex;flex-direction:column;gap:3px;padding:7px 9px;background:var(--parchment-light);border-radius:var(--radius-sm);overflow:hidden;transition:transform .12s,box-shadow .12s,background .12s}.ability-tile.is-clickable{cursor:pointer}.ability-tile.is-clickable:hover{transform:translateY(-2px);background:var(--parchment-mid);box-shadow:0 4px 10px #00000073}.ability-tile.is-disabled{opacity:.45;cursor:not-allowed}.player-mini-card{position:relative;flex-shrink:0;width:250px;height:300px;border-radius:var(--radius-md);overflow:hidden;border:5px solid var(--wood-mid);box-shadow:var(--shadow-card);transition:box-shadow .15s;transition:all .5s}.player-mini-card:hover{border-color:var(--cream-border)}.player-mini-portrait-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 35% 30%,var(--crimson-light),var(--crimson-shadow));display:flex;align-items:center;justify-content:center;overflow:hidden}.player-mini-portrait-bg img{width:100%;height:100%;object-fit:cover;display:block}.player-mini-portrait-fallback{font-family:var(--font-heading);font-weight:700;font-size:48px;color:var(--parchment-light);opacity:.85}.player-mini-corner-btn{position:absolute;z-index:4;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(200,150,12,.6);background:#140a048c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--parchment-light);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s}.player-mini-corner-btn:hover{background:#c8960c59;border-color:var(--gold-accent)}.player-mini-corner-btn-right{bottom:40px;right:6px}.player-mini-stat-col{position:absolute;z-index:4;top:6px;right:6px;width:128px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:8px 12px;background:#140a048c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-sm);border:1px solid rgba(200,150,12,.35)}.player-mini-stat-pill{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--parchment-light);white-space:nowrap}.player-mini-stat-icon{font-size:var(--text-sm);color:var(--gold-light)}.player-mini-stat-icon-img{width:26px;height:26px;object-fit:contain;flex-shrink:0}.pending-roll-dice{display:inline-block;padding:0;line-height:0}.pending-roll-dice--btn{border:none;background:none;cursor:pointer}.pending-roll-dice-img{width:100%;height:100%;object-fit:contain;pointer-events:none;animation:pending-roll-dice-pulse .5s infinite;filter:drop-shadow(0 0 4px rgba(255,205,60,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.55))}@keyframes pending-roll-dice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.player-mini-pending-roll-icon{position:absolute;z-index:5;top:8px;left:50%;transform:translate(-50%);width:60px;height:60px}.player-pending-roll-icon{position:absolute;z-index:6;top:8px;left:8px;width:60px;height:60px}.player-mini-name-plate{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px 10px 8px;background:linear-gradient(180deg,#0a050200,#0a05028c 45%,#0a0502e0);display:flex;justify-content:center}.player-mini-name{font-family:var(--font-heading);font-weight:700;color:var(--parchment-light);font-size:var(--text-base);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 3px rgba(0,0,0,.8)}.player-mini-card--compact{width:125px;height:150px;border-width:3px}.player-mini-card--compact .player-mini-portrait-fallback{font-size:24px}.player-mini-card--compact .player-mini-corner-btn{width:14px;height:14px;border-width:1px;font-size:8px}.player-mini-card--compact .player-mini-corner-btn-right{bottom:20px;right:3px}.player-mini-card--compact .player-mini-stat-col{top:3px;right:3px;width:64px;gap:3px;padding:4px 6px}.player-mini-card--compact .player-mini-stat-pill{gap:3px;font-size:10px}.player-mini-card--compact .player-mini-stat-icon-img{width:13px;height:13px}.player-mini-card--compact .player-mini-pending-roll-icon{top:4px;width:60px;height:60px}.player-mini-card--compact .player-mini-name-plate{padding:10px 5px 4px}.player-mini-card--compact .player-mini-name{font-size:var(--text-xs)}.battle-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(200,150,12,.2)}.battle-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.gm-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.4rem}.gm-tool-btn{flex-direction:column;gap:4px;width:100%;aspect-ratio:1;padding:4px;text-align:center;height:44px}.gm-tool-icon{font-size:20px;line-height:1}.gm-tool-name{font-size:8px;line-height:1.15;letter-spacing:normal;text-transform:none;white-space:normal;word-break:break-word}.initiative-list{list-style:none;margin-top:.75rem;display:flex;flex-direction:column;gap:.3rem}.initiative-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:var(--radius-md);background:#2a150880;font-size:var(--text-sm);transition:background .2s;color:var(--parchment-mid)}.initiative-row.has-rolled{background:#2a642a33}.initiative-row.is-me{border:1px solid var(--gold-accent)}.init-name{flex:1}.init-val{font-family:var(--font-heading);font-weight:700;color:var(--gold-light);min-width:28px;text-align:right}.initiative-row.not-rolled .init-val{color:var(--parchment-dark);font-weight:400}@keyframes flashGreen{0%{background:#2aa02a66}to{background:#2a642a33}}.initiative-row.flash{animation:flashGreen .8s ease-out forwards}.combat-order-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.combat-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:var(--radius-md);background:#2a150880;font-size:var(--text-sm);border:1px solid transparent;color:var(--parchment-mid)}.combat-row.active-turn{background:#c8960c26;border-color:var(--gold-accent);color:var(--parchment-light)}.combat-row.defeated{opacity:.4;text-decoration:line-through}.combat-order-num{width:20px;font-size:var(--text-xs);color:var(--parchment-dark);font-weight:600}.combat-name{flex:1;font-weight:500}.combat-init{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--gold-light);font-weight:700;min-width:24px;text-align:right}#player-battle-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;min-width:160px}.initiative-result{font-family:var(--font-heading);font-size:var(--text-base);color:var(--gold-light);font-weight:700}.initiative-overlay{position:absolute;top:calc(var(--header-height) + 1rem);left:50%;transform:translate(-50%);z-index:20;background:#2a1508f2;border:1px solid rgba(200,150,12,.3);border-radius:var(--radius-md);padding:1rem;min-width:260px;max-height:calc(100vh - var(--header-height) - 260px);overflow-y:auto;color:var(--parchment-mid)}.muted{color:var(--parchment-dark)}.dice-board{position:absolute;bottom:12px;right:12px;z-index:50;width:260px;max-height:280px;overflow-y:auto;background:#2a1508f2;border:1px solid rgba(200,150,12,.3);border-radius:var(--radius-md);padding:.75rem;color:var(--parchment-mid)}.dice-board-title{margin:0 0 .5rem;font-family:var(--font-heading);font-weight:700;color:var(--gold-accent);letter-spacing:.08em;text-transform:uppercase;font-variant:small-caps;font-size:11px}.dice-board-list{display:flex;flex-direction:column;gap:.3rem}.dice-board-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.3rem .4rem;border-radius:var(--radius-sm);background:#2a150880;font-size:var(--text-xs)}.dice-board-char{font-weight:700;color:var(--parchment-light)}.dice-board-ability{color:var(--parchment-dark);font-style:italic}.dice-board-notation{color:var(--gold-light);font-family:var(--font-mono)}.dice-board-value{font-family:var(--font-heading);font-weight:700;color:var(--gold-accent);margin-left:auto}.dice-board-target{color:var(--parchment-dark)}.dice-board-check.is-success{border-left:3px solid #2ecc71}.dice-board-check.is-fail{border-left:3px solid var(--crimson-banner)}.dice-board-result{font-weight:700;margin-left:.3rem}.dice-board-result.success{color:#2ecc71}.dice-board-result.fail{color:var(--crimson-banner)}.game-log-modal{padding:1.25rem 1.5rem;min-width:min(340px,70vw)}.game-log-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(92,56,32,.3)}.game-log-modal-head h2{margin:0;font-family:var(--font-heading);color:var(--wood-dark);font-size:var(--text-lg);letter-spacing:.04em}.game-log-modal .game-log-list{max-height:62vh;overflow:auto}.game-log-list{display:flex;flex-direction:column;gap:.3rem}.game-log-row{display:flex;flex-wrap:nowrap;align-items:baseline;gap:.35rem;padding:.3rem .4rem;border-bottom:1px solid rgba(200,150,12,.2);font-size:18px}.game-log-row:last-child{border-bottom:none}.game-log-date{color:var(--wood-dark);font-family:var(--font-mono);font-size:18px;white-space:nowrap;flex-shrink:0}.game-log-player{color:var(--wood-dark);font-weight:700;font-size:18px;white-space:nowrap;flex-shrink:0}.game-log-character{color:var(--wood-dark);font-style:italic;font-size:18px;white-space:nowrap;flex-shrink:0}.game-log-action{color:var(--wood-dark);flex:1;font-size:18px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-log-empty{margin:0;font-size:18px;color:var(--wood-dark)}.to-roll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#2a1508bf}.to-roll-modal{max-width:80vw;max-height:80vh;background:var(--parchment-light);border:2px solid var(--wood-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.to-roll-banner{width:100%;background:var(--grad-crimson);color:var(--parchment-light);font-family:var(--font-heading);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-variant:small-caps;text-align:center;font-size:var(--text-sm);padding:.6rem .75rem;box-shadow:inset 0 -2px #0003}.to-roll-min{margin-top:.6rem;font-size:20px;font-weight:700;color:var(--ink-mid);font-style:italic}.to-roll-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:140px;margin-top:.5rem}.to-roll-dice-row{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.dice-icon-wrap{position:relative;width:84px;height:88px;display:flex;align-items:center;justify-content:center}.dice-icon-svg{width:100%;height:100%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.dice-icon-wrap.is-rolling .dice-icon-svg{animation:toRollSpin .7s linear infinite}.dice-icon-face{fill:var(--parchment-light)}.dice-icon-facet{stroke:var(--wood-mid);stroke-width:1;stroke-opacity:.5}.dice-icon-facet.is-light{fill:#ffffff59}.dice-icon-facet.is-dark{fill:#2a15082e}.dice-icon-outline{fill:none;stroke:var(--wood-mid);stroke-width:2.5;stroke-linejoin:round}.dice-icon-fallback{font-size:3rem;line-height:1}.dice-icon-value{position:absolute;font-family:var(--font-heading);font-weight:700;font-size:var(--text-2xl);color:var(--crimson-banner);text-shadow:0 1px 0 rgba(255,255,255,.5)}@keyframes toRollSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(120deg) scale(1.15)}50%{transform:rotate(240deg) scale(.95)}75%{transform:rotate(320deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.to-roll-modifier{position:absolute;left:calc(50% + 42px + .5rem);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-heading);font-weight:700;font-size:var(--text-2xl);min-width:3ch;text-align:center}.to-roll-modifier-stat{margin-left:.3rem;font-size:var(--text-base);font-variant:small-caps;letter-spacing:.03em}.to-roll-modifier.is-positive{color:#2ecc71}.to-roll-modifier.is-negative{color:var(--crimson-banner)}.to-roll-success{display:inline-flex;align-items:center;justify-content:center;min-height:2.2em;font-size:var(--text-xs);font-weight:700;text-align:center;line-height:1.25;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:24px}.to-roll-success.is-pass{color:var(--crimson-shadow)}.to-roll-success.is-fail{color:var(--crimson-banner)}.to-roll-close{margin-top:.5rem}.enemy-list{list-style:none;display:flex;flex-direction:column;gap:.25rem;margin:.4rem 0}.enemy-row{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);background:#2a150880;border-radius:var(--radius-sm);padding:.25rem .4rem;color:var(--parchment-mid)}.enemy-tag{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:3px;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.template-tag{background:#3484c74d;color:#5ab4e8}.deployed-tag{background:#8b1a1a4d;color:var(--crimson-light)}.enemy-name{flex:1;font-weight:500}.enemy-hp{font-size:var(--text-xs);color:var(--parchment-dark);white-space:nowrap}.exits-checklist{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.exit-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);cursor:pointer;padding:.25rem .4rem;border-radius:var(--radius-sm);background:#2a150866;color:var(--parchment-mid)}.exit-checkbox-label:hover{background:#2a150899}.exit-checkbox{width:1rem;height:1rem;cursor:pointer;flex-shrink:0}.player-card-slot{position:relative;flex-shrink:0}.intent-bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;display:flex;align-items:center;gap:.35rem;width:max-content;max-width:160px;background:#140a04d1;color:var(--parchment-light);border:1px solid var(--gold-accent);border-radius:var(--radius-md);padding:.3rem .5rem;font-size:var(--text-xs);box-shadow:0 2px 10px #00000080;animation:intentBubbleIn .15s ease-out;text-align:center;pointer-events:none}.intent-bubble-roll{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0;pointer-events:auto}@keyframes intentBubbleIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.label-hint{font-size:var(--text-xs);color:var(--parchment-dark);font-weight:400}