:root{--font-family-display:"Comfortaa", cursive, sans-serif;--font-family-body:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--c-forest-dark:#0c1a11;--c-forest-base:#14281b;--c-forest-surface:#162c1ed9;--c-forest-border:#4ade8040;--c-emerald:#10b981;--c-gold:#facc15;--c-gold-glow:#facc1573;--c-wood:#854d0e;--c-wood-light:#a16207;--c-text-primary:#f8fafc;--c-text-secondary:#cbd5e1;--c-text-muted:#94a3b8;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--shadow-glow:0 0 25px #facc1559;--shadow-card:0 10px 30px -5px #0009}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-family-body);background-color:var(--c-forest-dark);color:var(--c-text-primary);touch-action:manipulation;min-height:100dvh;overflow-x:hidden}#app{width:100vw;height:100dvh;position:relative;overflow:hidden}:is(body.role-dm,body:not(.role-split):has(.dm-view)){-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:100dvh;height:auto!important;overflow:hidden auto!important}:is(#app.dm-mode,#app:not(.split-mode):has(.dm-view)){width:100%;min-height:100dvh;height:auto!important;overflow:hidden visible!important}.board-view{background:radial-gradient(circle at 50% 40%,#173822 0%,#0c1a11 100%);flex-direction:column;width:100%;height:100%;transition:background .8s;display:flex;position:relative;overflow:hidden}.board-view.cave{background:radial-gradient(circle at 50% 40%,#1e1b4b 0%,#0d1322 100%)}.board-view.lake{background:radial-gradient(circle at 50% 40%,#172554 0%,#08101e 100%)}.particle-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.board-header{z-index:10;background:linear-gradient(#0c1a11e6 0%,#0c1a1100 100%);justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:relative}.board-title-group{align-items:center;gap:14px;display:flex}.theme-icon{filter:drop-shadow(0 2px 8px #00000080);font-size:2.2rem}.board-title{font-family:var(--font-family-display);color:#fef08a;text-shadow:0 2px 10px #000c;letter-spacing:.5px;font-size:1.6rem;font-weight:700}.board-subtitle{color:#a7f3d0;opacity:.9;font-size:.88rem;font-weight:500}.board-controls{align-items:center;gap:14px;display:flex}.badge-button{color:#f0fdf4;border-radius:var(--radius-full);font-family:var(--font-family-body);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#166534b3;border:1.5px solid #86efac66;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.badge-button:hover{background:#22c55e59;border-color:#86efac;transform:translateY(-2px)}.icon-button{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .2s;display:flex}.icon-button:hover{background:#ffffff40;transform:scale(1.08)}.btn-wood{color:#fef3c7;border-radius:var(--radius-md);font-family:var(--font-family-display);cursor:pointer;background:linear-gradient(#92400e 0%,#78350f 100%);border:2px solid #b45309;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0006}.btn-wood:hover{background:linear-gradient(#b45309 0%,#92400e 100%);transform:translateY(-2px)}.btn-magic{color:#fff;border-radius:var(--radius-md);font-family:var(--font-family-display);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #6ee7b7;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 15px #10b98166}.btn-magic:hover{transform:translateY(-2px);box-shadow:0 0 25px #10b981b3}.btn-secondary{color:#fff;border-radius:var(--radius-md);font-family:var(--font-family-body);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#fff3}.board-playfield{z-index:5;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hex-svg{width:100%;height:100%;display:block}.hex-tile-group{cursor:pointer}.hex-polygon{stroke-width:3.5px;stroke-linejoin:round;transition:stroke .2s,stroke-width .2s,filter .2s}.hex-tile-group:hover .hex-polygon{stroke:#facc15!important;stroke-width:5.5px!important;filter:drop-shadow(0 0 12px #facc15b3)!important}.hex-tile-group:hover .hex-inner-ring{stroke:#fef08a80;stroke-width:2.5px}.hex-polygon.tile-grass{fill:#1b4332;stroke:#2d6a4f}.hex-polygon.tile-path{fill:#543310;stroke:#875024}.hex-polygon.tile-water{fill:#1e3a8a;stroke:#3b82f6}.hex-polygon.tile-lilypad{fill:#065f46;stroke:#10b981}.hex-polygon.tile-island{fill:#713f12;stroke:#ca8a04}.hex-polygon.tile-bridge{fill:#78350f;stroke:#b45309}.hex-polygon.tile-cave{fill:#1e1b4b;stroke:#6366f1}.hex-polygon.tile-crystal{fill:#3b0764;stroke:#a855f7}.hex-polygon.tile-glow-path{fill:#172554;stroke:#38bdf8}.hex-polygon.tile-goal{fill:#0f172a;stroke:#fbbf24;stroke-width:5px;filter:drop-shadow(0 0 12px #fbbf2499)}.hex-inner-ring{fill:none;stroke:#ffffff1f;stroke-width:1.5px;stroke-dasharray:6 4;transition:stroke .2s,stroke-width .2s}.hex-tile-group.pulse-active .hex-polygon{animation:.7s ease-out tileGlowAnim;stroke:#fde047!important;stroke-width:8px!important;filter:drop-shadow(0 0 24px #facc15)!important}@keyframes tileGlowAnim{0%{stroke-width:10px;filter:drop-shadow(0 0 30px #facc15)}50%{stroke-width:7px;filter:drop-shadow(0 0 18px #facc15)}to{stroke-width:3.5px}}.hex-coord-text{font-family:var(--font-family-body);fill:#ffffffa6;text-anchor:middle;pointer-events:none;font-size:11px;font-weight:700}.hex-walls-layer,.hex-wall-element{pointer-events:none}.wall-shadow-line{stroke:#090d16;stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 3px 6px #000000bf)}.wall-body-line{stroke:#475569;stroke-width:6.5px;stroke-linecap:round}.wall-highlight-line{stroke:#94a3b8;stroke-width:2px;stroke-linecap:round;stroke-dasharray:8 3}.wall-cap-stone{fill:#64748b;stroke:#334155;stroke-width:1.5px}.hex-door-element{pointer-events:auto;cursor:pointer;transition:transform .2s}.hex-door-element:hover{filter:brightness(1.15)}.wall-door-post{fill:#475569;stroke:#1e293b;stroke-width:2px}.wall-door-open-line{stroke:#22c55e;stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:5 4;filter:drop-shadow(0 0 6px #22c55e99)}.wall-door-wood-beam{stroke:#78350f;stroke-width:8.5px;stroke-linecap:round;filter:drop-shadow(0 2px 5px #000c)}.wall-door-rune-beam{stroke:#581c87;stroke-width:8.5px;stroke-linecap:round;filter:drop-shadow(0 0 8px #a855f7b3)}.wall-door-iron-bands{stroke:#1e293b;stroke-width:8.5px;stroke-linecap:round;stroke-dasharray:4 6}.wall-door-rune-glow{stroke:#c084fc;stroke-width:3px;stroke-linecap:round;stroke-dasharray:4 4}.door-center-badge{filter:drop-shadow(0 2px 6px #000000b3);transition:transform .2s}.door-badge-bg-closed{fill:#451a03;stroke:#fbbf24;stroke-width:2px}.door-badge-bg-open{fill:#15803d;stroke:#86efac;stroke-width:2px}.hex-fog-overlay{transition:opacity .5s,transform .5s}.fog-polygon{fill:#1e293b;stroke:#334155;stroke-width:3px;opacity:.94}.fog-icon{text-anchor:middle;dominant-baseline:middle;filter:drop-shadow(0 2px 6px #000000b3);font-size:26px;animation:3s ease-in-out infinite alternate fogFloat}@keyframes fogFloat{0%{opacity:.8;transform:translateY(0)scale(.95)}to{opacity:1;transform:translateY(-4px)scale(1.05)}}.entity-emoji{text-anchor:middle;dominant-baseline:middle;filter:drop-shadow(0 4px 8px #0009);pointer-events:none;font-size:32px}.entity-subtext{font-family:var(--font-family-display);fill:#fef08a;text-anchor:middle;letter-spacing:.5px;font-size:10px;font-weight:700}.entity-backdrop{fill:#00000059;stroke:#fff3;stroke-width:1.5px}.bear-back{fill:#92400e4d;stroke:#f59e0b66}.snore-bubble{font-family:var(--font-family-display);fill:#93c5fd;font-size:13px;font-weight:800;animation:2s ease-in-out infinite snoreAnim}@keyframes snoreAnim{0%{opacity:.3;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-5px)scale(1.1)}to{opacity:0;transform:translateY(-10px)scale(1.3)}}.door-frame.closed{fill:#78350f;stroke:#d97706;stroke-width:3px}.door-frame.open{fill:#10b9814d;stroke:#34d399;stroke-width:3px;stroke-dasharray:6 3}.goal-portal-pulse{fill:#3b82f633;stroke:#fbbf24;stroke-width:3px;animation:2.5s ease-in-out infinite portalPulse}.goal-portal-inner{fill:#10b9814d;stroke:#6ee7b7;stroke-width:2px}@keyframes portalPulse{0%{r:32px;opacity:.6}50%{r:38px;opacity:1}to{r:32px;opacity:.6}}.glow-gold{filter:drop-shadow(0 0 10px #facc15)}.item-bounce{animation:1.2s ease-in-out infinite alternate itemBounce}@keyframes itemBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.narrator-banner{z-index:100;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0f172aeb;border:2px solid #facc15;align-items:center;gap:16px;max-width:90%;padding:12px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:85px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 32px #0009,0 0 20px #facc154d}.narrator-banner.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.narrator-avatar{font-size:2.2rem;animation:1.5s ease-in-out infinite avatarBounce}@keyframes avatarBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)rotate(5deg)}}.narrator-author{font-family:var(--font-family-display);color:#fbbf24;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:700}.narrator-text{color:#fff;font-size:1.15rem;font-weight:600}.narrator-waves{align-items:center;gap:4px;display:flex}.narrator-waves span{background:#facc15;border-radius:4px;width:4px;height:18px;animation:.8s ease-in-out infinite alternate waveAnim}.narrator-waves span:nth-child(2){height:26px;animation-delay:.2s}.narrator-waves span:nth-child(3){animation-delay:.4s}@keyframes waveAnim{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.board-footer{z-index:10;color:var(--c-text-muted);background:linear-gradient(#0c1a1100 0%,#0c1a11f2 100%);justify-content:space-between;align-items:center;padding:12px 28px;font-size:.85rem;display:flex;position:relative}.footer-legend{gap:20px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:4px;width:12px;height:12px}.fog-dot{background:#334155}.goal-dot{background:#fbbf24}.chest-dot{background:#a855f7}.footer-sync{align-items:center;gap:8px;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px;display:inline-block}.status-indicator.ready{background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator.connected{background:#22c55e;box-shadow:0 0 10px #22c55e}.status-indicator.waiting{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-indicator.error{background:#ef4444}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-backdrop.hidden{display:none}.modal-card{border-radius:var(--radius-lg);text-align:center;background:#14281b;border:2px solid #2d6a4f;width:100%;max-width:440px;padding:32px;position:relative;box-shadow:0 20px 40px #000c,0 0 30px #2d6a4f66}.modal-close-btn{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;position:absolute;top:16px;right:18px}.modal-title{font-family:var(--font-family-display);color:#fef08a;margin-bottom:8px;font-size:1.35rem}.modal-desc{color:var(--c-text-secondary);margin-bottom:20px;font-size:.92rem;line-height:1.4}.qr-code-wrapper{border-radius:var(--radius-md);background:#fff;margin-bottom:18px;padding:14px;display:inline-block}.room-code-display{margin-bottom:22px}.code-label{color:var(--c-text-muted);margin-bottom:6px;font-size:.85rem;display:block}.room-digits{justify-content:center;gap:8px;display:flex}.digit-box{color:#fef08a;width:44px;height:52px;font-family:var(--font-family-display);border-radius:var(--radius-sm);background:#0c1a11;border:2px solid #4ade80;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex;box-shadow:0 0 10px #4ade804d}.modal-actions{flex-direction:column;gap:10px;display:flex}.dm-view{color:#f8fafc;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#0f172a;flex-direction:column;width:100%;min-height:100dvh;padding-bottom:100px;display:flex;overflow-y:visible}.dm-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af5;border-bottom:1.5px solid #ffffff1a;padding:12px 18px;position:sticky;top:0}.dm-header-main{justify-content:space-between;align-items:center;display:flex}.dm-role-badge{font-family:var(--font-family-display);color:#a78bfa;font-size:1.05rem;font-weight:700}.dm-room-pill{border-radius:var(--radius-full);background:#ffffff14;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.dm-header-sub{color:var(--c-text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:.8rem;display:flex}.btn-text-link{color:#60a5fa;cursor:pointer;background:0 0;border:none;font-size:.82rem;text-decoration:underline}.player-location-banner{background:linear-gradient(90deg,#1e3a8a 0%,#1e1b4b 100%);border-bottom:2px solid #60a5fa;align-items:center;gap:12px;padding:10px 18px;animation:.3s slideDown;display:flex}.player-location-banner.hidden{display:none}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.player-icon{font-size:1.5rem}.player-title{color:#93c5fd;text-transform:uppercase;font-size:.75rem;font-weight:700}.player-detail{color:#fff;font-size:.95rem;font-weight:700}.dm-main-content{flex-direction:column;gap:18px;width:100%;max-width:600px;margin:0 auto;padding:16px;display:flex}.dm-card{border-radius:var(--radius-lg);background:#1e293b;border:1px solid #ffffff1a;padding:16px;box-shadow:0 4px 16px #0006}.dm-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dm-card-title{font-family:var(--font-family-display);color:#f1f5f9;font-size:1.1rem;font-weight:700}.dm-map-name{color:#a78bfa;font-size:.8rem;font-weight:600}.dm-hint{color:var(--c-text-muted);margin-bottom:12px;font-size:.82rem}.dm-minimap-wrapper{border-radius:var(--radius-md);touch-action:pan-y;background:#090d16;border:1px solid #ffffff14;justify-content:center;align-items:center;margin-bottom:14px;padding:10px;display:flex}.dm-minimap-svg{touch-action:pan-y;width:100%;max-height:220px;display:block}.dm-hex-tile{cursor:pointer}.dm-hex-tile:active .dm-polygon{opacity:.7;stroke:#fbbf24;stroke-width:2.5px}.dm-polygon{stroke-width:1.5px}.dm-polygon.grass{fill:#1b4332;stroke:#2d6a4f}.dm-polygon.path{fill:#543310;stroke:#875024}.dm-polygon.water{fill:#1e3a8a;stroke:#3b82f6}.dm-polygon.bridge{fill:#78350f;stroke:#b45309}.dm-polygon.cave_floor,.dm-polygon.glowing_path{fill:#312e81;stroke:#6366f1}.dm-polygon.crystal{fill:#3b0764;stroke:#a855f7}.dm-polygon.island{fill:#713f12;stroke:#ca8a04}.dm-polygon.lilypad{fill:#065f46;stroke:#10b981}.dm-polygon.tile-goal{fill:#0284c7;stroke:#fbbf24;stroke-width:3px}.dm-hex-tile.is-fog .dm-polygon{opacity:.8;fill:#334155!important;stroke:#475569!important}.dm-walls-layer{pointer-events:none}.dm-wall-line{stroke:#f87171;stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #000000d9)}.dm-minimap-door{pointer-events:auto;cursor:pointer}.dm-minimap-door:hover{filter:brightness(1.25)}.dm-door-line.is-closed{stroke:#d97706;stroke-width:4px;stroke-linecap:round}.dm-door-line.is-open{stroke:#22c55e;stroke-width:3px;stroke-linecap:round;stroke-dasharray:3 3}.dm-door-badge.is-closed{fill:#451a03;stroke:#fbbf24;stroke-width:1px}.dm-door-badge.is-open{fill:#15803d;stroke:#86efac;stroke-width:1px}.dm-tile-icon{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:16px}.dm-player-pin{fill:#facc15;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 6px #facc15)}.dm-pin-text{text-anchor:middle;dominant-baseline:middle;font-size:11px}.dm-tools-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.dm-tool-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#334155;border:1.5px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;transition:all .2s;display:flex}.dm-tool-btn .tool-icon{font-size:1.4rem}.dm-tool-btn .tool-label{font-size:.78rem;font-weight:600}.dm-tool-btn.active{background:#4f46e5;border-color:#818cf8;box-shadow:0 0 12px #6366f166}.dm-subtool-panel{border-radius:var(--radius-md);background:#0f172a;border:1px solid #ffffff0f;padding:12px}.subtool-desc{color:var(--c-text-muted);margin-bottom:8px;font-size:.82rem;display:block}.subtool-btn-group{gap:8px;display:flex}.btn-subtool{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#334155;border:1px solid #ffffff26;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600}.btn-subtool:active{background:#475569}.action-activation-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.btn-action-trigger{color:#f8fafc;border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#1e293b;border:1.5px solid #ffffff26;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.btn-action-trigger:hover{background:#334155;border-color:#ffffff4d}.btn-action-trigger.move.active{background:#10b98133;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.btn-action-trigger.attack.active{background:#ef444433;border-color:#ef4444;box-shadow:0 0 12px #ef44444d}.action-btn-icon{flex-shrink:0;font-size:1.4rem}.action-btn-text{flex-direction:column;gap:2px;display:flex}.action-btn-text strong{color:#f1f5f9;font-size:.88rem}.action-btn-text span{color:var(--c-text-muted);font-size:.72rem}.item-selector-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.item-choice-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#334155;border:1.5px solid #0000;padding:8px;font-size:.85rem;font-weight:600}.item-choice-btn.selected{background:#059669;border-color:#34d399}.door-toggle-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.door-name{font-size:.9rem;font-weight:600}.btn-door-toggle{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 12px;font-size:.85rem;font-weight:700}.btn-door-toggle.door-closed{color:#fef3c7;background:#78350f}.btn-door-toggle.door-open{color:#d1fae5;background:#059669}.dm-event-buttons-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dm-event-btn{border-radius:var(--radius-md);cursor:pointer;text-align:left;border:none;flex-direction:column;align-items:flex-start;padding:14px 12px;transition:all .15s;display:flex;box-shadow:0 4px 12px #0000004d}.dm-event-btn:active,.dm-event-btn.btn-clicked{transform:scale(.95)}.dm-event-btn .event-icon{margin-bottom:4px;font-size:1.8rem}.dm-event-btn .event-title{font-family:var(--font-family-display);margin-bottom:2px;font-size:.95rem;font-weight:700}.dm-event-btn .event-desc{opacity:.85;font-size:.72rem}.btn-kobold{color:#fff;background:linear-gradient(135deg,#db2777 0%,#9d174d 100%)}.btn-forest{color:#fff;background:linear-gradient(135deg,#059669 0%,#065f46 100%)}.btn-quest{color:#78350f;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.btn-bear{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)}.quick-speech-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.speech-chip{color:#e2e8f0;border-radius:var(--radius-full);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;padding:6px 10px;font-size:.78rem;transition:all .15s}.speech-chip:hover{background:#fff3}.dm-speech-form{gap:8px;display:flex}.dm-text-input{border-radius:var(--radius-md);color:#fff;font-family:var(--font-family-body);background:#0f172a;border:1.5px solid #475569;outline:none;flex:1;padding:10px 14px;font-size:.95rem}.dm-text-input:focus{border-color:#818cf8}.dm-send-btn{padding:10px 16px;font-size:.9rem}.dm-maps-list{flex-direction:column;gap:8px;display:flex}.dm-map-card{border-radius:var(--radius-md);cursor:pointer;text-align:left;color:#fff;background:#0f172a;border:1.5px solid #ffffff1a;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.dm-map-card.active{background:#10b9811a;border-color:#10b981}.dm-map-card .map-icon{font-size:1.8rem}.dm-map-card .map-name{font-family:var(--font-family-display);font-size:.95rem;font-weight:700}.dm-map-card .map-sub{color:var(--c-text-muted);font-size:.75rem}.dm-map-card .map-badge{color:#000;border-radius:var(--radius-full);background:#10b981;margin-left:auto;padding:3px 8px;font-size:.72rem;font-weight:800}.split-view-container{background:#090d16;flex-direction:column;width:100vw;height:100vh;display:flex}.split-header{z-index:20;background:#0c1322;border-bottom:2px solid #334155;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.split-title{font-family:var(--font-family-display);color:#f8fafc;align-items:center;gap:14px;font-size:1rem;font-weight:700;display:flex}.room-tag{color:#34d399;border-radius:var(--radius-full);background:#10b98133;border:1px solid #10b981;padding:4px 10px;font-size:.85rem}.split-links{gap:10px;display:flex}.split-link-btn{color:#e2e8f0;border-radius:var(--radius-sm);background:#1e293b;border:1px solid #475569;padding:6px 12px;font-size:.8rem;text-decoration:none;transition:all .15s}.split-link-btn:hover{background:#334155;border-color:#818cf8}.split-grid{flex:1;grid-template-columns:1fr 380px;height:calc(100vh - 54px);display:grid;overflow:hidden}.split-column{height:100%;position:relative;overflow:hidden}.split-board{border-right:2px solid #334155}.split-dm{overflow-y:auto}.pane-badge{z-index:40;color:#cbd5e1;font-family:var(--font-family-display);border-radius:var(--radius-full);pointer-events:none;background:#000000b3;border:1px solid #fff3;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:14px}.split-mount{width:100%;height:100%}.floating-nav-bar{z-index:999;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.floating-nav-item,.floating-split-btn{color:#fef08a;font-family:var(--font-family-body);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae0;border:1.5px solid #facc1599;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 18px #00000080}.floating-nav-item:hover,.floating-split-btn:hover{background:#1e293bfa;border-color:#facc15;transform:translateY(-2px)scale(1.03);box-shadow:0 6px 20px #facc1540}.floating-editor-highlight{color:#e9d5ff;border-color:#a855f7b3}.floating-editor-highlight:hover{border-color:#c084fc;box-shadow:0 6px 20px #a855f74d}@media (width<=900px){.split-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}@media (width<=600px){.floating-nav-bar{transform-origin:100% 100%;gap:6px;bottom:8px;right:8px;transform:scale(.85)}}.board-action-bar{z-index:80;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;border:2px solid #facc1599;align-items:center;gap:12px;padding:8px 18px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0009,0 0 20px #facc1540}.board-action-bar.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-20px)}.board-action-bar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.action-bar-label{font-family:var(--font-family-display);color:#fde047;text-transform:uppercase;letter-spacing:.6px;font-size:.75rem;font-weight:700}.action-cards-container{gap:10px;display:flex}.action-card{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:8px;padding:6px 14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #0000004d}.action-card.active{animation:2s ease-in-out infinite actionCardBounce}@keyframes actionCardBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.action-card.boot{color:#d1fae5;background:#10b98140;border-color:#34d399}.action-card.hand{color:#fef3c7;background:#f59e0b40;border-color:#fbbf24}.action-card.sword{color:#fee2e2;background:#ef444440;border-color:#f87171}.action-card.shield{color:#dbeafe;background:#3b82f640;border-color:#60a5fa}.action-card.used{opacity:.45;filter:grayscale(.8);cursor:default}.action-card .action-icon{font-size:1.35rem}.action-card .action-name{font-family:var(--font-family-display);font-size:.85rem;font-weight:700}.action-card .action-hint{opacity:.8;font-size:.7rem;display:none}.action-check{color:#4ade80;font-size:.85rem;font-weight:800}.move-highlight-ring{fill:#22c55e26;stroke:#22c55e;stroke-width:4px;stroke-dasharray:8 4;filter:drop-shadow(0 0 10px #22c55e);animation:3s linear infinite moveRingSpin}@keyframes moveRingSpin{0%{stroke-dashoffset:0}to{stroke-dashoffset:48px}}.attack-highlight-ring{fill:#ef444433;stroke:#ef4444;stroke-width:4.5px;stroke-dasharray:6 3;filter:drop-shadow(0 0 14px #ef4444);animation:1.2s ease-in-out infinite attackRingPulse}@keyframes attackRingPulse{0%,to{stroke-width:3.5px;opacity:.7}50%{stroke-width:5.5px;opacity:1}}.tile-hop-badge,.tile-attack-badge{pointer-events:none;filter:drop-shadow(0 2px 6px #00000073);animation:1.4s ease-in-out infinite alternate tileBadgeHop}@keyframes tileBadgeHop{0%{transform:translateY(-3px)scale(.96)}to{transform:translateY(3px)scale(1.04)}}.hero-token-base{fill:#1e3a8ad9;stroke:#60a5fa;stroke-width:2.5px;filter:drop-shadow(0 0 12px #60a5fa99)}.hero-shield-aura{fill:#3b82f626;stroke:#93c5fd;stroke-width:2px;stroke-dasharray:5 3;animation:4s linear infinite shieldAuraRotate}@keyframes shieldAuraRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:32px}}.hero-shield-icon{font-size:14px}.hero-token-icon{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:26px}.health-bar-bg{fill:#0f172ad9;stroke:#fff3;stroke-width:1px}.health-bar-text{text-anchor:middle;dominant-baseline:middle;letter-spacing:-2px;font-size:9px}.monster-back{fill:#581c8766;stroke:#a855f780;stroke-width:2px}.shake-screen{animation:.4s cubic-bezier(.36,.07,.19,.97) both screenWobble}.shake-screen-heavy{animation:.5s cubic-bezier(.36,.07,.19,.97) both screenWobbleHeavy}@keyframes screenWobble{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(3px)}}@keyframes screenWobbleHeavy{10%,90%{transform:translate(-6px,2px)}20%,80%{transform:translate(7px,-3px)}30%,50%,70%{transform:translate(-8px,3px)}40%,60%{transform:translate(6px,-2px)}}.combat-overlay{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .3s;display:flex;position:absolute;top:0;left:0}.combat-overlay.hidden{opacity:0;pointer-events:none}.combat-overlay.visible{opacity:1;pointer-events:auto}.combat-card{border-radius:var(--radius-lg);text-align:center;background:#1e1b4b;border:2px solid #818cf8;width:100%;max-width:520px;padding:24px;animation:.4s cubic-bezier(.34,1.56,.64,1) combatCardPop;position:relative;box-shadow:0 20px 50px #000000e6,0 0 30px #818cf866}@keyframes combatCardPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.combat-close-btn{color:#f8fafc;cursor:pointer;z-index:25;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;transition:all .2s;display:flex;position:absolute;top:14px;right:16px}.combat-close-btn:hover,.combat-close-btn:active{color:#fca5a5;background:#ef444466;border-color:#ef4444;transform:scale(1.12)}.combat-badge{color:#fca5a5;font-family:var(--font-family-display);border-radius:var(--radius-full);background:#ef444440;border:1px solid #ef4444;padding:4px 12px;font-size:.8rem;font-weight:700}.combat-title{font-family:var(--font-family-display);color:#fef08a;margin:10px 0 18px;font-size:1.4rem}.combat-duel-arena{border-radius:var(--radius-md);background:#0f172a99;justify-content:space-around;align-items:center;margin-bottom:18px;padding:18px 12px;display:flex}.duel-fighter{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.fighter-avatar{background:#ffffff14;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.hero-side .fighter-avatar{border-color:#60a5fa}.monster-side .fighter-avatar{border-color:#a855f7}.fighter-avatar .avatar-icon{font-size:2.2rem}.shield-badge{color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:#2563eb;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;bottom:-6px}.fighter-name{font-family:var(--font-family-display);color:#fff;font-size:.95rem;font-weight:700}.fighter-hearts{gap:4px;font-size:1.3rem;display:flex}.health-seg{transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-block}.health-seg.heart-filled{filter:drop-shadow(0 0 6px #ef4444)}.health-seg.gem-filled{filter:drop-shadow(0 0 6px #10b981)}.duel-versus{flex-direction:column;align-items:center;padding:0 10px;display:flex}.vs-swords{font-size:2rem;animation:1.5s ease-in-out infinite vsSwordClash}@keyframes vsSwordClash{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(15deg)}}.vs-text{font-family:var(--font-family-display);color:#fbbf24;font-size:.72rem;font-weight:800}.combat-prompt{color:#e2e8f0;font-size:1rem;font-weight:600}.tablet-combat-action-picker{margin-top:14px}.combat-picker-title{font-family:var(--font-family-display);color:#fef08a;text-align:center;margin-bottom:10px;font-size:.95rem;font-weight:700}.tablet-combat-actions-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.btn-tablet-action-card{border-radius:var(--radius-md);color:#f8fafc;cursor:pointer;background:#0f172ad9;border:2px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #0006}.btn-tablet-action-card:hover,.btn-tablet-action-card:active{transform:translateY(-2px)scale(1.03)}.btn-tablet-action-card.atk{background:linear-gradient(#ef444447 0%,#0f172ae6 100%);border-color:#ef4444}.btn-tablet-action-card.atk:hover{box-shadow:0 0 20px #ef44448c}.btn-tablet-action-card.def{background:linear-gradient(#3b82f647 0%,#0f172ae6 100%);border-color:#3b82f6}.btn-tablet-action-card.def:hover{box-shadow:0 0 20px #3b82f68c}.btn-tablet-action-card.flee{background:linear-gradient(#a855f747 0%,#0f172ae6 100%);border-color:#a855f7}.btn-tablet-action-card.flee:hover{box-shadow:0 0 20px #a855f78c}.btn-tablet-action-card .action-icon{font-size:1.8rem}.btn-tablet-action-card .action-title{font-family:var(--font-family-display);color:#fef08a;font-size:.95rem;font-weight:700}.btn-tablet-action-card .action-sub{color:#cbd5e1;text-align:center;font-size:.72rem}.btn-tablet-big-dice{border-radius:var(--radius-lg);color:#fef08a;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border:2.5px solid #fde047;justify-content:center;align-items:center;gap:16px;width:100%;margin:14px 0;padding:16px 20px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 24px #0009,0 0 24px #facc1566}.btn-tablet-big-dice:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 30px #000000b3,0 0 30px #facc1599}.btn-tablet-big-dice:active{transform:scale(.98)}.btn-tablet-big-dice .dice-icon-huge{filter:drop-shadow(0 2px 8px #00000080);font-size:3rem;line-height:1}.btn-tablet-big-dice .dice-cta-col{text-align:left;flex-direction:column;gap:2px;display:flex}.btn-tablet-big-dice .dice-cta-col strong{font-family:var(--font-family-display);color:#fff;letter-spacing:.5px;font-size:1.25rem;font-weight:800}.btn-tablet-big-dice .dice-cta-col span{color:#fef08a;opacity:.9;font-size:.8rem}.btn-tablet-big-dice.rolling .dice-icon-huge{animation:.6s linear infinite diceRollSpin}@keyframes diceRollSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.combat-active-action-banner{border-radius:var(--radius-md);background:#0f172abf;border:1.5px solid #facc1566;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 14px;display:flex}.combat-active-action-banner .banner-text{font-family:var(--font-family-display);color:#fef08a;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.btn-change-combat-action{color:#cbd5e1;border-radius:var(--radius-full);cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.btn-change-combat-action:hover{color:#fff;background:#fff3;border-color:#facc15}.combat-showdown-box{border-radius:var(--radius-lg);background:#0f172ae6;border:2px solid #facc1566;justify-content:space-around;align-items:center;gap:12px;margin:14px 0;padding:14px 18px;animation:.3s ease-out fadeInScale;display:flex;box-shadow:0 4px 20px #00000080,inset 0 0 15px #facc1514}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.showdown-fighter-val{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.showdown-fighter-val .val-label{color:#cbd5e1;font-size:.82rem;font-weight:700}.showdown-fighter-val .val-calc{color:#94a3b8;font-size:.95rem;font-weight:600}.showdown-fighter-val .val-total-highlight{font-family:var(--font-family-display);letter-spacing:.5px;text-shadow:0 0 12px;font-size:1.65rem;font-weight:900;line-height:1.1}.showdown-fighter-val.hero-val .val-total-highlight{color:#4ade80}.showdown-fighter-val.mon-val .val-total-highlight{color:#f87171}.showdown-vs-col{flex-direction:column;align-items:center;gap:6px;min-width:90px;display:flex}.showdown-vs-icon{filter:drop-shadow(0 0 8px #facc1599);font-size:1.6rem}.showdown-compare-tag{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:9999px;padding:3px 8px;font-size:.72rem;font-weight:800}.showdown-compare-tag.hero-lead{color:#86efac;background:#22c55e40;border:1px solid #22c55e}.showdown-compare-tag.mon-lead{color:#fca5a5;background:#ef444440;border:1px solid #ef4444}.showdown-compare-tag.tie-lead{color:#fef08a;background:#eab30840;border:1px solid #eab308}.combat-suspense-box{text-align:center;background:#1e293be6;border:2px dashed #f59e0b;border-radius:14px;margin:12px 0;padding:20px 16px;animation:1s ease-in-out infinite alternate suspenseGlow}@keyframes suspenseGlow{0%{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}to{border-color:#fde047;box-shadow:0 0 25px #f59e0ba6}}.combat-dice-tumbler{flex-direction:column;align-items:center;gap:8px;display:flex}.dice-tumble-icon{font-size:2.8rem;animation:.5s linear infinite diceRollSpin;display:inline-block}.tumble-title{font-family:var(--font-family-display);color:#fde047;font-size:1.15rem;font-weight:800}.tumble-sub{color:#cbd5e1;font-size:.85rem}.combat-card-victory-screen,.combat-victory-box{text-align:center;background:linear-gradient(135deg,#14532df2 0%,#0f172afa 100%);border:2.5px solid #facc15;border-radius:16px;margin:12px 0;padding:24px 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) victoryCardPop;box-shadow:0 10px 40px #000000b3,0 0 30px #facc1566}@keyframes victoryCardPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.victory-trophy-bounce{filter:drop-shadow(0 4px 16px #facc1599);margin-bottom:8px;font-size:3.8rem;line-height:1;animation:1.2s ease-in-out infinite alternate trophyHop}@keyframes trophyHop{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.08)}}.victory-hero-title,.victory-title{font-family:var(--font-family-display);color:#fef08a;text-shadow:0 2px 10px #0009,0 0 20px #facc1580;margin-bottom:6px;font-size:1.5rem;font-weight:900}.victory-hero-subtitle,.victory-desc{color:#d1fae5;margin-bottom:14px;font-size:.92rem;line-height:1.4}.victory-loot-preview{color:#fde047;background:#0006;border:1.5px solid #facc1580;border-radius:9999px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 18px;font-size:.95rem;display:inline-flex}.victory-loot-preview .loot-icon{font-size:1.5rem;animation:1.5s ease-in-out infinite alternate chestGlow}@keyframes chestGlow{0%{filter:drop-shadow(0 0 2px #facc15);transform:scale(1)}to{filter:drop-shadow(0 0 10px #facc15);transform:scale(1.15)}}.btn-claim-loot-tablet,.btn-claim-loot{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:1.2rem;font-weight:900;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 24px #f59e0b80,0 0 25px #facc1566;color:#1e1b4b!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border:2.5px solid #fef08a!important}.btn-claim-loot-tablet:hover,.btn-claim-loot:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 32px #f59e0bb3,0 0 35px #facc1599;background:linear-gradient(135deg,#fbbf24 0%,#b45309 100%)!important}.btn-claim-loot-tablet:active,.btn-claim-loot:active{transform:scale(.97)}.combat-defend-desc{color:#cbd5e1;margin:12px 0;font-size:.88rem;line-height:1.4}.btn-fullscreen{color:#f1f5f9;cursor:pointer;background:#1e293bd9;border:1.5px solid #94a3b866;transition:all .2s}.btn-fullscreen:hover{color:#38bdf8;background:#334155f2;border-color:#38bdf8}.dice-input-block{margin-bottom:10px}.dice-label{color:#cbd5e1;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.dice-pips-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.btn-die-val{color:#fff;font-family:var(--font-family-display);border-radius:var(--radius-sm);cursor:pointer;background:#334155;border:1.5px solid #ffffff26;height:42px;font-size:1.15rem;font-weight:700;transition:all .15s}.btn-die-val.selected{color:#0f172a;background:#f59e0b;border-color:#fde047;transform:translateY(-2px);box-shadow:0 0 10px #f59e0b99}.dice-action-preview{border-radius:var(--radius-md);background:#00000059;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:12px;margin:10px 0;padding:8px 12px;display:flex}.preview-item{align-items:center;gap:6px;display:flex}.preview-icon{font-size:1.3rem}.preview-name{font-family:var(--font-family-display);color:#fde047;font-size:.88rem;font-weight:700}.preview-plus{color:var(--c-text-muted);font-size:1.1rem;font-weight:800}.btn-full-width{width:100%}.dm-combat-box{border-top:2px dashed #ffffff26;margin-top:14px;padding-top:12px}.dm-combat-title{font-family:var(--font-family-display);color:#f87171;margin-bottom:10px;font-size:.9rem;font-weight:700}.dm-hp-fudge-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.hp-fudge-col{border-radius:var(--radius-sm);background:#0000004d;padding:8px}.hp-fudge-col .col-name{color:#cbd5e1;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.hp-stepper{justify-content:space-between;align-items:center;gap:6px;display:flex}.btn-stepper{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:4px;width:28px;height:28px;font-size:1.1rem;font-weight:700}.btn-stepper:active{background:#64748b}.hp-count{letter-spacing:-2px;font-size:.95rem}.combat-roll-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.btn-combat-roll{border-radius:var(--radius-sm);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;transition:all .15s;display:flex}.btn-combat-roll:active{transform:scale(.94)}.btn-combat-roll .roll-val{font-family:var(--font-family-display);font-size:1.1rem;font-weight:800}.btn-combat-roll .roll-label{white-space:nowrap;font-size:.72rem;font-weight:700}.btn-combat-roll.hit{color:#fff;background:#dc2626}.btn-combat-roll.parry{color:#e2e8f0;background:#475569}.btn-combat-roll.crit{color:#fff;background:#d97706}.combat-override-buttons{flex-direction:column;gap:6px;display:flex}.btn-danger{color:#fff!important;background:#b91c1c!important}.btn-success{color:#fff!important;background:#059669!important}.turn-indicator-badge{border-radius:var(--radius-full);background:#0f172ad9;border:1.5px solid #facc1580;align-items:center;gap:8px;margin-top:4px;padding:4px 12px;display:inline-flex}.turn-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.turn-text{color:#f8fafc;font-size:.85rem}.footer-party-roster{align-items:center;gap:10px;display:flex}.footer-hero-chip{border-radius:var(--radius-full);background:#0f172ad9;border:1.5px solid #475569;align-items:center;gap:6px;padding:4px 10px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.footer-hero-chip.chip-active{background:#1e293bf2;transform:translateY(-3px)scale(1.05);box-shadow:0 4px 14px #00000080}.chip-icon{font-size:1.1rem}.chip-name{color:#f8fafc;font-size:.82rem;font-weight:700}.chip-hearts{letter-spacing:-2px;font-size:.8rem}.character-marker{transition:transform .25s}.character-marker.is-active-turn{animation:2s ease-in-out infinite activeTurnPulse}@keyframes activeTurnPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.figure-base-ring{filter:drop-shadow(0 0 8px)}.figure-shield-bubble{fill:#3b82f633;stroke:#60a5fa;stroke-width:1.5px;stroke-dasharray:4 2;animation:3s linear infinite shieldBubbleSpin}@keyframes shieldBubbleSpin{0%{stroke-dashoffset:0}to{stroke-dashoffset:24px}}.figure-icon{text-anchor:middle;dominant-baseline:middle;pointer-events:none}.setup-modal-card{max-height:90vh;overflow-y:auto;text-align:left!important;max-width:520px!important}.player-count-selector{border-radius:var(--radius-md);background:#0000004d;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.count-label{color:#fde047;font-size:.9rem;font-weight:700}.count-buttons{gap:8px;display:flex}.btn-count{border-radius:var(--radius-sm);color:#fff;width:36px;height:36px;font-family:var(--font-family-display);cursor:pointer;background:#334155;border:1.5px solid #0000;font-size:1.1rem;font-weight:700}.btn-count.active{background:#10b981;border-color:#34d399}.party-form-container{flex-direction:column;gap:12px;display:flex}.setup-player-card{border-radius:var(--radius-md);background:#1e293b;border:1px solid #ffffff1a;padding:12px}.setup-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.player-num{font-family:var(--font-family-display);color:#94a3b8;white-space:nowrap;font-size:.85rem;font-weight:700}.input-char-name{border-radius:var(--radius-sm);color:#fff;font-family:var(--font-family-body);background:#0f172a;border:1px solid #475569;flex:1;padding:8px 12px;font-size:.9rem;font-weight:600}.role-selection-pills{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px;display:grid}.role-pill{border-radius:var(--radius-sm);color:#cbd5e1;cursor:pointer;background:#0f172a;border:1.5px solid #ffffff1a;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;transition:all .15s;display:flex}.role-pill .role-icon{font-size:1.2rem}.role-pill .role-name{font-size:.72rem;font-weight:700}.role-pill.active{color:#f0fdf4;background:#10b98140;border-color:#34d399}.role-trait-preview{color:#a7f3d0;padding-left:2px;font-size:.74rem}.dm-turn-bar{background:#1e293b;border-bottom:2px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.turn-bar-info{align-items:center;gap:8px;display:flex}.turn-label{color:#94a3b8;font-size:.8rem}.turn-char-name{font-family:var(--font-family-display);color:#f8fafc;font-size:.95rem}.turn-role-tag{border-radius:var(--radius-full);border:1px solid;padding:2px 6px;font-size:.7rem;font-weight:700}.btn-next-turn{color:#fff;font-family:var(--font-family-display);border-radius:var(--radius-sm);cursor:pointer;background:#3b82f6;border:none;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .15s}.btn-next-turn:active{background:#2563eb;transform:scale(.95)}.dm-party-roster{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.roster-hero-item{border-radius:var(--radius-sm);cursor:pointer;background:#0f172a;border:1px solid #ffffff14;align-items:center;gap:10px;padding:8px 12px;display:flex}.roster-hero-item.is-turn{background:#facc1514;border-color:#facc15}.roster-icon{font-size:1.4rem}.roster-details{flex:1}.roster-name-row{align-items:center;gap:6px;font-size:.88rem;display:flex}.roster-sub{color:#94a3b8;justify-content:space-between;margin-top:2px;font-size:.75rem;display:flex}.key-badge{font-size:.85rem}.door-info-cell{flex-direction:column;display:flex}.door-rule-hint{margin-top:2px;font-size:.7rem;font-weight:600}.hint-ok{color:#34d399}.hint-locked{color:#f87171}.btn-door-toggle.btn-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.dm-combat-modal-card{text-align:left!important;max-width:480px!important}.dm-combat-header{margin-bottom:14px}.combat-step-box{border-radius:var(--radius-md);background:#0f172a;border:1px solid #ffffff1a;margin-bottom:12px;padding:12px}.step-title{font-family:var(--font-family-display);color:#fde047;margin-bottom:4px;font-size:.9rem;font-weight:700;display:block}.step-hint{color:#94a3b8;margin-bottom:8px;font-size:.74rem;display:block}.combat-pip-buttons{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.btn-combat-pip{border-radius:var(--radius-sm);cursor:pointer;background:#334155;border:1px solid #ffffff26;flex-direction:column;align-items:center;padding:8px 2px;transition:all .15s;display:flex}.btn-combat-pip:active{transform:scale(.92)}.pip-num{font-family:var(--font-family-display);color:#fff;font-size:1.2rem;font-weight:800}.pip-label{font-size:.65rem;font-weight:700}.btn-combat-pip.pip-hit{border-color:#22c55e}.btn-combat-pip.pip-hit .pip-label{color:#4ade80}.btn-combat-pip.pip-miss{border-color:#64748b}.btn-combat-pip.pip-miss .pip-label{color:#94a3b8}.btn-combat-pip.pip-crit{background:#f59e0b33;border-color:#f59e0b}.btn-combat-pip.pip-crit .pip-label{color:#fbbf24}.digital-roll-wrapper{flex-direction:column;gap:8px;display:flex}.btn-magic.rolling{animation:.3s linear infinite rollTumble}@keyframes rollTumble{0%{transform:rotate(0)}50%{transform:rotate(5deg)scale(.96)}to{transform:rotate(0)}}.monster-roll-result{border-radius:var(--radius-sm);background:#1e293b;align-items:center;gap:10px;padding:8px 12px;display:flex}.rolled-die-face{font-family:var(--font-family-display);color:#fde047;font-size:1.25rem;font-weight:800}.rolled-die-outcome{font-size:.85rem;font-weight:700}.text-red{color:#f87171}.text-green{color:#4ade80}.last-roll-badge{flex-direction:column;align-items:center;gap:2px;display:flex}.roll-number{font-family:var(--font-family-display);color:#fde047;font-size:1.3rem;font-weight:800}.roll-result-text{color:#f8fafc;font-size:.78rem;font-weight:700}.dm-campaign-card{background:linear-gradient(#142a1cf2 0%,#0f172af2 100%);border-color:#22c55e59}.campaign-header-title{align-items:center;gap:12px;display:flex}.campaign-icon{font-size:2rem;line-height:1}.campaign-subtitle{color:#86efac;text-transform:uppercase;letter-spacing:.5px;font-size:.76rem;font-weight:600}.dm-campaign-selector-box{border-radius:var(--radius-sm);background:#0f172abf;border:1.5px solid #ffffff1f;margin-top:12px;margin-bottom:12px;padding:12px;box-shadow:inset 0 2px 6px #0000004d}.dm-selector-label{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8rem;font-weight:700;display:flex}.dm-campaign-count-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:800}.dm-selector-row{align-items:center;gap:8px;display:flex}.dm-campaign-dropdown{color:#fff;border-radius:var(--radius-sm);font-size:.88rem;font-weight:700;font-family:var(--font-family-display,inherit);cursor:pointer;background:#1e293b;border:1.5px solid #fff3;outline:none;flex:1;padding:9px 12px;transition:all .2s}.dm-campaign-dropdown:focus,.dm-campaign-dropdown:hover{border-color:#38bdf8;box-shadow:0 0 10px #38bdf859}.btn-dm-open-editor{color:#fff;border-radius:var(--radius-sm);white-space:nowrap;background:#4f46e5;border:1px solid #818cf8;padding:8px 12px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .15s}.btn-dm-open-editor:hover{background:#6366f1;transform:translateY(-1px)}.dm-campaign-desc-text{color:#94a3b8;margin:8px 0 0;font-size:.76rem;line-height:1.4}.dm-start-campaign-container{margin-bottom:14px}.btn-dm-start-campaign{border-radius:var(--radius-md,10px);color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#047857 100%);border:2px solid #34d399;align-items:center;gap:12px;width:100%;padding:13px 16px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 18px #10b98173}.btn-dm-start-campaign:hover{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#059669 100%);transform:translateY(-2px);box-shadow:0 6px 24px #10b981a6}.start-btn-icon{filter:drop-shadow(0 2px 4px #0000004d);flex-shrink:0;font-size:2rem}.start-btn-text-col{flex-direction:column;flex:1;gap:2px;display:flex}.start-btn-headline{font-family:var(--font-family-display,inherit);letter-spacing:.3px;text-shadow:0 1px 2px #0006;font-size:1.05rem;font-weight:900}.start-btn-subline{color:#ecfdf5;opacity:.95;font-size:.74rem;font-weight:600}.btn-story-chime{color:#fde047;border-radius:var(--radius-sm);cursor:pointer;background:#eab30833;border:1px solid #eab30880;margin-left:auto;padding:3px 8px;font-size:.72rem;font-weight:700;transition:all .15s}.btn-story-chime:hover{background:#eab30859;transform:translateY(-1px)}.ch-action-col{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-ch-start-direct{color:#86efac;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#22c55e33;border:1px solid #22c55e80;padding:5px 10px;font-size:.75rem;font-weight:800;transition:all .15s}.btn-ch-start-direct:hover{color:#052e16;background:#22c55e;transform:scale(1.05)}.btn-ch-start-direct.is-active-btn{color:#fff;background:#16a34a;border-color:#4ade80}.dm-toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1.5px solid #38bdf8;border-radius:24px;max-width:90vw;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .25s;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #00000080}.dm-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.dm-chapter-story-box{border-radius:var(--radius-sm);background:#10b9811f;border:1px dashed #34d39966;margin-bottom:14px;padding:12px 14px}.story-title-row{color:#a7f3d0;align-items:center;gap:6px;margin-bottom:4px;font-size:.82rem;display:flex}.story-owl{font-size:1.1rem}.story-text{color:#f1f5f9;margin:0;font-size:.88rem;font-style:italic;line-height:1.45}.dm-chapter-nav-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.btn-chapter-step{color:#e2e8f0;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:#1e293b;border:1.5px solid #ffffff26;justify-content:center;align-items:center;padding:12px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-chapter-step:hover:not(:disabled){background:#334155;border-color:#ffffff4d;transform:translateY(-1px)}.btn-chapter-step:disabled{opacity:.45;cursor:not-allowed}.btn-step-primary{color:#fff;background:linear-gradient(135deg,#166534 0%,#15803d 100%);border-color:#4ade80}.btn-step-primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d 0%,#16a34a 100%);border-color:#86efac;box-shadow:0 4px 12px #22c55e4d}.dm-chapters-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.dm-chapter-card{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:#182234;border:1.5px solid #ffffff14;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.dm-chapter-card:hover{background:#1e293b;border-color:#ffffff40;transform:translate(2px)}.dm-chapter-card.active{background:#22c55e2e;border-color:#22c55e;box-shadow:0 0 14px #22c55e40}.dm-chapter-card.completed{background:#eab30814;border-color:#eab30859}.ch-number-badge{color:#fff;border-radius:var(--radius-full);width:24px;height:24px;font-family:var(--font-family-display);background:#334155;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.dm-chapter-card.active .ch-number-badge{background:#22c55e}.dm-chapter-card.completed .ch-number-badge{color:#000;background:#eab308}.ch-icon{flex-shrink:0;font-size:1.4rem}.ch-info{flex:1;min-width:0}.ch-desc{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.ch-status-pill{border-radius:var(--radius-full);color:#cbd5e1;background:#334155;flex-shrink:0;padding:4px 8px;font-size:.72rem;font-weight:700}.ch-status-pill.active-pill{color:#052e16;background:#22c55e}.ch-status-pill.done-pill{color:#422006;background:#eab308}.dm-workshop-notice{border-radius:var(--radius-sm);background:#a855f71f;border:1px solid #a855f759;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;display:flex}.notice-text strong{color:#e9d5ff;font-size:.85rem;display:block}.notice-text p{color:#c084fc;margin:2px 0 0;font-size:.74rem}.btn-goto-workshop{color:#fff;font-family:var(--font-family-display);border-radius:var(--radius-sm);white-space:nowrap;background:#7e22ce;border:1px solid #c084fc;align-items:center;padding:8px 12px;font-size:.76rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-goto-workshop:hover{background:#9333ea;transform:translateY(-1px);box-shadow:0 4px 12px #a855f766}.btn-link-editor{font-weight:700;color:#c084fc!important}.btn-wood-accent{color:#e9d5ff!important;border-color:#c084fc99!important}.btn-wood-accent:hover{border-color:#c084fc!important;box-shadow:0 0 10px #a855f766!important}.btn-highlight-editor{color:#f3e8ff!important;background:#7e22ce4d!important;border-color:#c084fc!important}.editor-app-wrapper{color:#f8fafc;width:100vw;height:100vh;font-family:var(--font-family-body);background:#090e17;flex-direction:column;display:flex;overflow:hidden}.editor-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172af2;border-bottom:1.5px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.editor-header-left{align-items:center;gap:16px;display:flex}.editor-logo{align-items:center;gap:12px;display:flex}.editor-logo-icon{filter:drop-shadow(0 2px 8px #a855f780);font-size:1.8rem;line-height:1}.editor-logo-text{flex-direction:column;display:flex}.editor-logo-title{font-family:var(--font-family-display);color:#f8fafc;letter-spacing:-.3px;font-size:1.15rem;font-weight:800}.editor-logo-sub{color:#a855f7;font-size:.74rem;font-weight:600}.editor-header-actions{align-items:center;gap:10px;display:flex}.btn-editor-primary{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:linear-gradient(135deg,#7e22ce 0%,#9333ea 100%);border:1.5px solid #c084fc;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 12px #7e22ce59}.btn-editor-primary:hover{background:linear-gradient(135deg,#9333ea 0%,#a855f7 100%);transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #a855f780}.btn-editor-secondary{color:#e2e8f0;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:#1e293b;border:1.5px solid #ffffff26;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-editor-secondary:hover{background:#334155;border-color:#ffffff4d;transform:translateY(-1px)}.btn-editor-accent{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:linear-gradient(135deg,#15803d 0%,#16a34a 100%);border:1.5px solid #4ade80;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 12px #16a34a59}.btn-editor-accent:hover{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #22c55e80}.file-upload-label{cursor:pointer}.editor-header-divider{background:#ffffff26;width:1px;height:24px;margin:0 4px}.editor-game-links{align-items:center;gap:6px;display:flex}.btn-editor-link{color:#94a3b8;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-editor-link:hover{color:#f8fafc;background:#ffffff1f}.editor-main-content{flex:1;position:relative;overflow:hidden}.campaign-hub{max-width:1200px;height:100%;margin:0 auto;padding:30px 40px;overflow-y:auto}.hub-hero{text-align:center;margin-bottom:30px}.hub-title{font-family:var(--font-family-display);color:#f8fafc;background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:2.2rem;font-weight:800}.hub-subtitle{color:#94a3b8;max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.5}.hub-section{margin-bottom:36px}.hub-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hub-section-header h2{font-family:var(--font-family-display);color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:700}.hub-badge-preset{color:#86efac;border-radius:var(--radius-full);background:#22c55e26;border:1px solid #22c55e66;padding:4px 10px;font-size:.75rem;font-weight:700}.btn-text-action{color:#c084fc;font-family:var(--font-family-display);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700;transition:all .2s}.btn-text-action:hover{color:#e9d5ff;text-decoration:underline}.campaign-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.campaign-card{border-radius:var(--radius-md);background:#111c2e;border:1.5px solid #ffffff1a;flex-direction:column;padding:20px;transition:all .25s;display:flex;box-shadow:0 4px 16px #0006}.campaign-card:hover{border-color:#a855f766;transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.is-preset-card{background:linear-gradient(#13241b 0%,#0f172a 100%);border-color:#22c55e59}.card-top{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.card-icon{font-size:2.2rem;line-height:1}.card-title-group{flex:1}.card-title{font-family:var(--font-family-display);color:#f8fafc;margin:0 0 4px;font-size:1.15rem;font-weight:700}.card-tag{border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.card-tag.official{color:#86efac;background:#22c55e33}.card-tag.custom{color:#d8b4fe;background:#a855f733}.card-desc{color:#94a3b8;flex:1;margin:0 0 16px;font-size:.85rem;line-height:1.45}.card-chapters-preview{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.preview-pill{border-radius:var(--radius-full);color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.btn-card-action{border-radius:var(--radius-sm);color:#f1f5f9;width:100%;font-family:var(--font-family-display);cursor:pointer;background:#1e293b;border:1.5px solid #ffffff26;padding:10px;font-size:.82rem;font-weight:700;transition:all .2s}.btn-card-action:hover{color:#4ade80;background:#334155;border-color:#4ade80}.card-actions-row{align-items:center;gap:8px;display:flex}.btn-card-edit{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:#7e22ce;border:1px solid #c084fc;flex:1;padding:8px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.btn-card-edit:hover{background:#9333ea;box-shadow:0 4px 12px #a855f759}.btn-card-play{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:#15803d;border:1px solid #4ade80;padding:8px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.btn-card-play:hover{background:#16a34a}.btn-card-export,.btn-card-copy,.btn-card-delete{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;background:#1e293b;border:1px solid #ffffff1f;padding:8px 10px;transition:all .2s}.btn-card-export:hover,.btn-card-copy:hover{color:#fff;background:#334155}.btn-card-delete:hover{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}.hub-empty-state{text-align:center;border-radius:var(--radius-md);background:#ffffff05;border:2px dashed #ffffff1f;grid-column:1/-1;padding:40px}.empty-icon{margin-bottom:12px;font-size:3rem;display:block}.hub-empty-state h3{font-family:var(--font-family-display);margin:0 0 6px;font-size:1.2rem}.hub-empty-state p{color:#94a3b8;margin:0 0 20px}.campaign-studio{width:100%;height:100%;display:flex;overflow:hidden}.studio-sidebar{background:#0f172a;border-right:1.5px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:16px;width:320px;padding:16px;display:flex;overflow-y:auto}.sidebar-campaign-box{border-radius:var(--radius-sm);background:#1e293b;border:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:12px;display:flex}.sidebar-box-header{align-items:center;gap:8px;display:flex}.sidebar-title-icon{font-size:1.2rem}.campaign-name-input{color:#f8fafc;font-family:var(--font-family-display);border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffffff26;flex:1;padding:6px 10px;font-size:.95rem;font-weight:700}.campaign-name-input:focus{border-color:#c084fc;outline:none}.campaign-desc-input{color:#cbd5e1;border-radius:var(--radius-sm);resize:vertical;min-height:48px;font-size:.78rem;font-family:var(--font-family-body);background:#00000040;border:1px solid #ffffff26;padding:6px 8px}.sidebar-chapters-box{border-radius:var(--radius-sm);background:#1e293b;border:1px solid #ffffff1a;flex-direction:column;flex:1;min-height:200px;padding:12px;display:flex}.chapters-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chapters-header h4{font-family:var(--font-family-display);color:#e2e8f0;margin:0;font-size:.88rem}.btn-small-icon{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:flex}.btn-small-icon:hover{background:#7e22ce;border-color:#c084fc}.btn-add-chapter-full{color:#e9d5ff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-family-display);cursor:pointer;background:#7e22ce33;border:1.5px dashed #c084fc80;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-add-chapter-full:hover{color:#fff;background:#7e22ce66;border-color:#c084fc;transform:translateY(-1px)}.chapters-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.chapter-item{border-radius:var(--radius-sm);cursor:pointer;background:#00000040;border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.chapter-item:hover{background:#ffffff0d;border-color:#fff3}.chapter-item.active{background:#7e22ce40;border-color:#a855f7}.chapter-info{align-items:center;gap:8px;min-width:0;display:flex}.ch-badge{color:#fff;border-radius:var(--radius-full);background:#334155;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:flex}.chapter-item.active .ch-badge{background:#a855f7}.ch-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.btn-ch-delete{color:#94a3b8;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:.8rem}.btn-ch-delete:hover{color:#ef4444;background:#ef444426}.sidebar-help-box{border-radius:var(--radius-sm);background:#0000004d;border:1px solid #ffffff0f;padding:10px 12px}.sidebar-help-box h5{color:#cbd5e1;margin:0 0 6px;font-size:.8rem}.sidebar-help-box ul{color:#94a3b8;margin:0;padding-left:16px;font-size:.72rem;line-height:1.45}.studio-workspace{flex-direction:column;flex:1;transition:background-color .4s;display:flex;position:relative;overflow:hidden}.map-settings-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172ad9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.settings-group{align-items:center;gap:8px;display:flex}.settings-group label{color:#94a3b8;font-size:.8rem;font-weight:600}.map-name-field{color:#f8fafc;font-family:var(--font-family-display);border-radius:var(--radius-sm);background:#1e293b;border:1px solid #ffffff26;min-width:180px;padding:4px 10px;font-size:.85rem;font-weight:700}.map-theme-dropdown{color:#f8fafc;border-radius:var(--radius-sm);background:#1e293b;border:1px solid #ffffff26;padding:4px 8px;font-size:.82rem;font-weight:600}.settings-actions{align-items:center;gap:8px;display:flex}.btn-toggle-preview{color:#cbd5e1;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;background:#1e293b;border:1.5px solid #fff3;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.btn-toggle-preview.active{color:#fff;background:#0284c7;border-color:#38bdf8}.btn-quick-util{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;padding:6px 10px;font-size:.75rem;transition:all .2s}.btn-quick-util:hover{color:#fff;background:#ffffff26}.map-story-bar{z-index:10;background:#00000059;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:8px 20px;display:flex}.story-owl-icon{font-size:1.3rem}.story-inputs{flex:1;align-items:center;gap:10px;display:flex}.story-inputs label{color:#cbd5e1;white-space:nowrap;font-size:.75rem}.map-intro-field{color:#f1f5f9;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #ffffff1f;flex:1;padding:4px 10px;font-size:.8rem}.studio-center-body{flex-direction:row;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.studio-canvas-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.hex-viewport-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:1;justify-content:center;align-items:center;padding:10px;display:flex;position:relative;overflow:hidden}.hex-viewport-container.is-panning{cursor:grabbing!important}.editor-hex-svg{filter:drop-shadow(0 12px 28px #00000080);pointer-events:auto;width:100%;height:100%;display:block;overflow:visible}.viewport-zoom-controls{z-index:25;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px}.btn-zoom-action{color:#f8fafc;border-radius:var(--radius-sm,6px);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1px solid #fff3;justify-content:center;align-items:center;min-width:34px;height:34px;padding:6px 10px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #0006}.btn-zoom-action:hover{color:#38bdf8;background:#1e293bfa;border-color:#38bdf8;transform:translateY(-1px)}.btn-zoom-level{color:#fde047;min-width:58px;font-size:.8rem;font-family:var(--font-family-display,inherit)}.pan-hint-pill{color:#94a3b8;border-radius:var(--radius-sm,6px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0f172ad1;border:1px solid #ffffff24;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 10px #0000004d}.editor-hex-tile{cursor:pointer}.editor-hex-tile .hex-polygon{transition:stroke .15s,stroke-width .15s,filter .15s}.editor-hex-tile:hover .hex-polygon{stroke:#c084fc!important;stroke-width:4.5px!important;filter:drop-shadow(0 0 10px #c084fcbf)brightness(1.15)!important}.editor-hex-tile:hover .hex-inner-ring{stroke-width:2.5px;stroke:#e9d5ff99!important}.editor-hex-tile.is-selected .hex-polygon{stroke:#facc15!important;stroke-width:5px!important;filter:drop-shadow(0 0 12px #facc15cc)!important}.editor-hex-tile.is-selected .hex-inner-ring{stroke-dasharray:4 2;stroke:#fde047!important;stroke-width:3px!important}.editor-tile-icon{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:18px}.editor-tile-coord{fill:#ffffffb3;text-anchor:middle;pointer-events:none;font-size:7px;font-weight:700}.editor-fog-indicator{text-anchor:middle;pointer-events:none;font-size:11px}.fog-preview-cover{fill:#334155;fill-opacity:.96;stroke:#64748b;stroke-width:1.5px}.fog-preview-text{text-anchor:middle;dominant-baseline:middle;font-size:18px}.editor-ghost-tile{cursor:pointer;opacity:.65}.editor-ghost-tile .ghost-polygon{fill:#ffffff14;stroke:#fff6;stroke-width:1.5px;stroke-dasharray:4 3;transition:all .2s}.editor-ghost-tile:hover{opacity:1}.editor-ghost-tile:hover .ghost-polygon{fill:#a855f740;stroke:#c084fc;stroke-width:2.5px;stroke-dasharray:none;filter:drop-shadow(0 0 8px #a855f799)}.ghost-plus-text{text-anchor:middle;dominant-baseline:middle;font-size:14px}.studio-inspector-sidebar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af5;border-left:1.5px solid #ffffff1f;flex-direction:column;flex-shrink:0;width:350px;min-width:310px;max-width:380px;min-height:0;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000059}.insp-sidebar-header{background:#1e293bbf;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.insp-sidebar-title-group{align-items:center;gap:8px;display:flex}.insp-sidebar-icon{font-size:1.1rem}.insp-sidebar-title{color:#c084fc;font-size:.95rem;font-weight:800;font-family:var(--font-family-display,inherit);letter-spacing:.2px;margin:0}.insp-header-badge{color:#fde047;white-space:nowrap;background:#facc1526;border:1px solid #facc1566;border-radius:12px;padding:2px 9px;font-size:.76rem;font-weight:800}.insp-sidebar-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.insp-sidebar-body::-webkit-scrollbar{width:6px}.insp-sidebar-body::-webkit-scrollbar-track{background:#0f172a99}.insp-sidebar-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.insp-sidebar-body::-webkit-scrollbar-thumb:hover{background:#c084fc66}.insp-empty-placeholder{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.insp-empty-placeholder .empty-icon{opacity:.85;margin-bottom:4px;font-size:2.2rem}.insp-empty-placeholder h4{color:#e2e8f0;margin:0;font-size:.92rem;font-weight:800}.insp-empty-placeholder p{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.45}.insp-card{background:#1e293b8c;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.insp-card.insp-card-monster{background:#ef44440f;border-color:#ef44444d}.insp-card.insp-card-interaction{background:#6366f10f;border-color:#6366f159}.insp-card-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.78rem;font-weight:800}.insp-field-row{color:#94a3b8;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex}.insp-field-row.insp-label-row{flex-direction:column;align-items:stretch;gap:5px}.insp-select{color:#f8fafc;border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-family-body);cursor:pointer;background:#1e293b;border:1px solid #ffffff38;outline:none;flex:1;max-width:190px;padding:4px 8px;font-weight:600;transition:all .2s}.insp-select:focus,.insp-select:hover{border-color:#a855f7;box-shadow:0 0 8px #a855f766}.insp-btn-fog{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .15s}.insp-btn-fog.fog-on{color:#cbd5e1;background:#64748b59;border-color:#64748b}.insp-btn-fog.fog-off{color:#fde047;background:#eab30833;border-color:#eab308}.insp-btn-fog:hover{transform:translateY(-1px)}.insp-content-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.insp-content-pill{border-radius:var(--radius-sm);flex:1;padding:4px 10px;font-size:.76rem;font-weight:700}.insp-content-pill.has-content{color:#e9d5ff;background:#a855f740;border:1px solid #a855f7}.insp-content-pill.is-empty{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.insp-btn-clear{color:#fca5a5;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ef444433;border:1px solid #ef444480;padding:4px 8px;font-size:.72rem;font-weight:700;transition:all .15s}.insp-btn-clear:hover{color:#fff;background:#ef444466}.insp-walls-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.insp-wall-pill{border-radius:var(--radius-sm);color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:all .15s;display:flex}.insp-wall-pill .wall-pill-icon{font-size:.85rem}.insp-wall-pill .wall-pill-name{font-size:.68rem;font-weight:700}.insp-wall-pill:hover{color:#fef08a;background:#facc1533;border-color:#facc15;transform:translateY(-1px)}.insp-wall-pill.active,.insp-wall-pill.has-wall{color:#fff;background:#ca8a04;border-color:#fde047;font-weight:800;box-shadow:0 0 8px #facc1599}.insp-wall-pill.has-door{color:#fef08a;background:#78350f;border-color:#fbbf24;font-weight:800;box-shadow:0 0 8px #f59e0b99}.editor-walls-layer{z-index:5}.editor-edge-item{cursor:pointer}.editor-edge-hitbox{stroke:#0000;stroke-width:16px;cursor:pointer;pointer-events:stroke}.editor-edge-hover-line{stroke:#0000;stroke-width:4px;stroke-linecap:round;pointer-events:none;transition:all .15s}.editor-edge-item:hover .editor-edge-hover-line{stroke:#facc15;stroke-width:5.5px;filter:drop-shadow(0 0 8px #facc15cc)}.editor-edge-item.walls-mode:not(.is-wall) .editor-edge-hover-line{stroke:#facc1540;stroke-dasharray:4 4;stroke-width:2.5px}.editor-edge-item.walls-mode:hover .editor-edge-hover-line{stroke:#facc15;stroke-dasharray:none;stroke-width:6px;filter:drop-shadow(0 0 10px #facc15e6)}.editor-edge-item.is-wall:hover .editor-wall-body{stroke:#ef4444;filter:drop-shadow(0 0 8px #ef4444cc)}.editor-wall-shadow{stroke:#090d16;stroke-width:8px;stroke-linecap:round;pointer-events:none}.editor-wall-body{stroke:#475569;stroke-width:5.5px;stroke-linecap:round;pointer-events:none;transition:stroke .15s,filter .15s}.editor-wall-highlight{stroke:#cbd5e1;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:6 3;pointer-events:none}.editor-wall-cap{fill:#64748b;stroke:#1e293b;stroke-width:1.5px;pointer-events:none}.editor-edge-item.is-door:hover .editor-door-wood-beam,.editor-edge-item.is-door:hover .editor-door-rune-beam{filter:drop-shadow(0 0 8px #fbbf24cc)}.editor-door-post{fill:#64748b;stroke:#1e293b;stroke-width:1.5px;pointer-events:none}.editor-door-open-line{stroke:#22c55e;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:4 3;pointer-events:none}.editor-door-wood-beam{stroke:#78350f;stroke-width:6px;stroke-linecap:round;pointer-events:none;transition:filter .15s}.editor-door-rune-beam{stroke:#6b21a8;stroke-width:6px;stroke-linecap:round;pointer-events:none;transition:filter .15s}.editor-door-iron-bands{stroke:#1e293b;stroke-width:6px;stroke-linecap:round;stroke-dasharray:4 5;pointer-events:none}.editor-door-rune-glow{stroke:#c084fc;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 3;pointer-events:none}.editor-door-badge{pointer-events:none}.editor-door-badge-bg-closed{fill:#451a03;stroke:#fbbf24;stroke-width:1.5px}.editor-door-badge-bg-open{fill:#15803d;stroke:#86efac;stroke-width:1.5px}.insp-label-edit{align-items:center;gap:6px;margin-left:auto;display:flex}.insp-label-edit input{color:#f8fafc;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid #ffffff26;width:140px;padding:3px 8px;font-size:.75rem}.insp-label-edit input:focus{border-color:#a855f7;outline:none}.editor-palette-dock{z-index:20;background:#0f172a;border-top:1.5px solid #ffffff1f;flex-direction:column;padding:8px 16px 12px;display:flex}.palette-category-tabs{border-bottom:1px solid #ffffff14;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.palette-tab{color:#94a3b8;border-radius:var(--radius-sm);font-family:var(--font-family-display);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.palette-tab:hover{color:#f8fafc;background:#ffffff1a}.palette-tab.active{color:#fff;background:#7e22ce;border-color:#c084fc}.palette-tools-container{align-items:center;gap:8px;padding-top:8px;display:flex;overflow-x:auto}.tool-btn{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#1e293b;border:1.5px solid #ffffff1f;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.tool-btn:hover{background:#334155;border-color:#ffffff40;transform:translateY(-2px)}.tool-btn.active{color:#fff;background:#2563eb;border-color:#60a5fa;box-shadow:0 0 10px #3b82f666}.tool-btn-danger{color:#fca5a5;border-color:#ef444466}.tool-btn-danger:hover{background:#7f1d1d;border-color:#ef4444}.tool-icon{font-size:1.1rem}.editor-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.editor-modal-card{border-radius:var(--radius-md);background:#0f172a;border:1.5px solid #ffffff26;width:100%;max-width:480px;overflow:hidden;box-shadow:0 12px 32px #0009}.modal-header{background:#1e293b;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-family:var(--font-family-display);margin:0;font-size:1.1rem}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.modal-body{padding:20px}.play-options-grid{flex-direction:column;gap:10px;margin-top:16px;display:flex}.play-option-btn{border-radius:var(--radius-sm);color:#f8fafc;background:#1e293b;border:1.5px solid #ffffff1f;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.play-option-btn:hover{background:#334155;border-color:#a855f7;transform:translate(4px)}.opt-icon{font-size:1.8rem}.opt-text strong{margin-bottom:2px;font-size:.95rem;display:block}.opt-text span{color:#94a3b8;font-size:.76rem}.editor-toast{color:#f8fafc;border-radius:var(--radius-full);font-family:var(--font-family-display);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#0f172af2;border:1.5px solid #a855f7;padding:10px 20px;font-size:.88rem;font-weight:700;transition:opacity .4s;animation:.3s cubic-bezier(.34,1.56,.64,1) slideToastUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.editor-toast.fade-out{opacity:0}@keyframes slideToastUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.sidebar-danger-zone{border-top:1px solid #ffffff14;margin-top:auto;padding-top:12px}.btn-sidebar-delete{color:#fca5a5;border-radius:var(--radius-sm);width:100%;font-family:var(--font-family-display);cursor:pointer;background:#ef44441f;border:1.5px solid #ef444459;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.btn-sidebar-delete:hover{color:#fff;background:#dc2626;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.confirm-modal-card{border-color:#ef444466;max-width:420px}.confirm-modal-card .modal-header{background:#1e1b2e;border-bottom:1.5px solid #ef44444d}.confirm-modal-card .modal-header h3{color:#fca5a5}.btn-cancel-confirm{cursor:pointer}.btn-confirm-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666;background:#b91c1c!important}.footer-inventory-wrapper{flex:1;justify-content:center;align-items:center;max-width:500px;display:flex}.inventory-dock-container{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae0;border:1.5px solid #fbbf2473;align-items:center;gap:12px;padding:4px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 16px #0006,0 0 12px #fbbf2426}.inventory-dock-container:hover{border-color:#fbbf24cc;box-shadow:0 6px 20px #00000080,0 0 16px #fbbf244d}.inv-dock-header{white-space:nowrap;align-items:center;gap:6px;display:flex}.inv-backpack-icon{font-size:1.25rem;animation:3s ease-in-out infinite backpackJiggle;display:inline-block}@keyframes backpackJiggle{0%,85%,to{transform:rotate(0)}88%{transform:rotate(-10deg)scale(1.1)}92%{transform:rotate(10deg)scale(1.1)}96%{transform:rotate(-6deg)}}.inv-dock-title{font-family:var(--font-family-display);color:#fef08a;font-size:.82rem;font-weight:700}.inv-dock-title strong{color:#38bdf8}.inv-slots-list{align-items:center;gap:8px;max-width:320px;padding:2px 0;display:flex;overflow-x:auto}.inv-empty-slot{color:#94a3b8;white-space:nowrap;padding:2px 6px;font-size:.78rem;font-style:italic}.inv-item-slot{border-radius:var(--radius-full);background:#1e293be6;border:1px solid #ffffff26;align-items:center;gap:6px;padding:3px 10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 6px #0000004d}.inv-item-slot:hover{border-color:#fde047;transform:translateY(-2px)}.inv-item-slot.is-usable{background:#064e3b8c;border-color:#34d399}.slot-item-icon{font-size:1.15rem;line-height:1}.slot-item-info{align-items:center;gap:4px;display:flex}.slot-item-name{font-family:var(--font-family-body);color:#f8fafc;white-space:nowrap;font-size:.78rem;font-weight:700}.slot-item-count{color:#0f172a;border-radius:var(--radius-full);background:#f59e0b;padding:1px 6px;font-size:.72rem;font-weight:800;line-height:1.2}.btn-use-item{color:#fff;border-radius:var(--radius-full);font-family:var(--font-family-display);cursor:pointer;white-space:nowrap;background:#10b981;border:none;padding:2px 9px;font-size:.72rem;font-weight:800;transition:all .15s;box-shadow:0 2px 6px #10b98166}.btn-use-item:hover{background:#059669;transform:scale(1.06);box-shadow:0 4px 10px #10b98199}.btn-use-item:active{transform:scale(.95)}.chip-inv-preview{border-left:1px solid #fff3;align-items:center;gap:4px;margin-left:6px;padding-left:6px;display:inline-flex}.chip-inv-icon{align-items:center;font-size:.88rem;display:inline-flex;position:relative}.chip-inv-icon sup{color:#fef08a;margin-left:1px;font-size:.65rem;font-weight:800}.board-floating-notification{z-index:999;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0f172af0;border:2px solid #f59e0b;align-items:center;gap:12px;padding:10px 24px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #000000bf,0 0 24px #f59e0b59}.board-floating-notification.hidden{opacity:0;transform:translate(-50%)translateY(-24px)scale(.9)}.board-floating-notification.visible{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.board-floating-notification .notif-icon{font-size:1.6rem;line-height:1;animation:.5s notifBounce}@keyframes notifBounce{0%{transform:scale(.5)}60%{transform:scale(1.3)}to{transform:scale(1)}}.board-floating-notification .notif-text{font-family:var(--font-family-display);color:#fef08a;letter-spacing:.2px;font-size:.95rem;font-weight:700}.roster-inventory-row{border-top:1px dashed #ffffff1a;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;padding-top:4px;display:flex}.roster-inv-label{opacity:.85;font-size:.78rem}.roster-inv-chip{border-radius:var(--radius-full);color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:3px;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.roster-inv-empty{color:#64748b;font-size:.7rem;font-style:italic}.editor-header-db{border-radius:var(--radius-full,9999px);background:#10b9811f;border:1px solid #34d39966;align-items:center;gap:7px;margin-left:14px;padding:4px 12px;display:inline-flex}.db-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dbPulse;box-shadow:0 0 10px #34d399}@keyframes dbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.db-header-text{color:#a7f3d0;letter-spacing:.4px;text-transform:uppercase;font-size:.75rem;font-weight:700}.db-status-bar{border-radius:var(--radius-lg,16px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b9811f 0%,#0f172acc 100%);border:1.5px solid #34d39966;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;display:flex;box-shadow:0 8px 24px #00000059,0 0 16px #10b9811a}.db-status-info{flex:1;align-items:center;gap:14px;min-width:280px;display:flex}.db-status-info .db-indicator{background:#10b981;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:2.5s ease-in-out infinite dbPulse;box-shadow:0 0 14px #34d399}.db-info-text{flex-direction:column;gap:2px;display:flex}.db-title{font-family:var(--font-family-display,inherit);color:#f0fdf4;font-size:.95rem;font-weight:700}.db-subtitle{color:#94a3b8;font-size:.78rem}.db-subtitle code{color:#fef08a;background:#00000059;border-radius:4px;padding:1px 6px;font-family:monospace}.db-badge{color:#a7f3d0;border-radius:var(--radius-full,9999px);white-space:nowrap;background:#10b98140;border:1px solid #34d399;padding:3px 10px;font-size:.76rem;font-weight:800}.db-status-actions{align-items:center;gap:10px;display:flex}.btn-db-action{color:#f1f5f9;border-radius:var(--radius-md,8px);cursor:pointer;background:#1e293be6;border:1px solid #ffffff2e;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-db-action:hover{background:#334155f2;border-color:#34d39999;transform:translateY(-1px)}.btn-db-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-db-action.btn-db-backup:hover{border-color:#f59e0b}.dm-turn-points-bar{border-radius:var(--radius-md,12px);background:#0f172af2;border:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:6px 12px 10px;padding:8px 12px;display:flex}.points-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.point-pill{border-radius:var(--radius-full,9999px);color:#f8fafc;background:#1e293bcc;border:1.5px solid #ffffff24;align-items:center;gap:5px;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.point-pill.pill-bp{color:#86efac;background:#16653440;border-color:#22c55e80}.point-pill.pill-ap{color:#93c5fd;background:#1e40af40;border-color:#3b82f680}.point-pill.pill-kp{color:#fde047;background:#b4530940;border-color:#f59e0b80}.point-stepper{align-items:center;gap:3px;margin-left:2px;display:inline-flex}.btn-point-step{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex}.btn-point-step:hover{background:#ffffff59;transform:scale(1.1)}.btn-point-step:active{transform:scale(.92)}.combat-duel-dual-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.combat-side-card{border-radius:var(--radius-md,12px);background:#0f172ad9;border:1.5px solid #ffffff1f;flex-direction:column;gap:6px;padding:10px;display:flex}.combat-side-card.hero-side{border-color:#3b82f666}.combat-side-card.monster-side{border-color:#ef444466}.side-card-header{justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex}.side-kp-badge{color:#fde047;border-radius:var(--radius-full,9999px);background:#f59e0b33;border:1px solid #f59e0b80;padding:2px 7px;font-size:.74rem;font-weight:800}.side-loot-tag{color:#e9d5ff;background:#a855f733;border:1px solid #a855f766;border-radius:6px;align-items:center;gap:3px;margin-top:2px;padding:2px 6px;font-size:.72rem;display:inline-flex}.dice-pip-row-small{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.btn-pip-w6{border-radius:var(--radius-sm,6px);color:#fff;font-family:var(--font-family-display,inherit);cursor:pointer;background:#334155;border:1.5px solid #ffffff26;padding:6px 0;font-size:.95rem;font-weight:800;transition:all .15s}.btn-pip-w6:hover{background:#475569;border-color:#60a5fa}.btn-pip-w6.selected{background:#2563eb;border-color:#93c5fd;transform:scale(1.05);box-shadow:0 0 10px #2563eb99}.score-display-box{text-align:center;background:#00000059;border-radius:8px;margin-top:4px;padding:6px 8px}.score-calc{color:#94a3b8;font-size:.78rem}.score-total{font-family:var(--font-family-display,inherit);color:#f8fafc;font-size:1.15rem;font-weight:800}.combat-eval-banner{border-radius:var(--radius-md,12px);text-align:center;background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:2px solid #f59e0b;margin:10px 0;padding:12px}.combat-eval-banner.is-hit{border-color:#22c55e;box-shadow:0 0 16px #22c55e4d}.combat-eval-banner.is-crit{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b66}.combat-eval-banner.is-miss{border-color:#94a3b8}.eval-title{font-family:var(--font-family-display,inherit);margin-bottom:4px;font-size:1.05rem;font-weight:800}.eval-desc{color:#e2e8f0;font-size:.85rem}.btn-apply-combat-round{border-radius:var(--radius-sm,6px);color:#fff;width:100%;font-family:var(--font-family-display,inherit);cursor:pointer;background:#16a34a;border:1.5px solid #86efac;margin-top:8px;padding:9px 16px;font-size:.95rem;font-weight:800;transition:all .15s}.btn-apply-combat-round:hover{background:#15803d;transform:translateY(-1px)}.insp-monster-config,.insp-interaction-config{background:#0f172ab3;border:1px solid #ffffff24;border-radius:8px;grid-column:1/-1;margin-top:6px;padding:10px 12px}.insp-subhead{font-family:var(--font-family-display,inherit);color:#fde047;align-items:center;gap:6px;margin-bottom:6px;font-size:.84rem;font-weight:800;display:flex}.insp-help-text{color:#94a3b8;margin-bottom:8px;font-size:.74rem}.kp-stepper{align-items:center;gap:8px;display:inline-flex}.btn-kp-step{color:#fff;cursor:pointer;background:#334155;border:1px solid #fff3;border-radius:4px;width:26px;height:26px;font-size:1.05rem;font-weight:800}.btn-kp-step:hover{background:#475569}.kp-display{color:#fde047;font-size:.9rem;font-weight:800}.interaction-branch{border-radius:6px;margin-top:6px;padding:8px 10px}.interaction-branch.branch-success{background:#22c55e14;border:1px solid #22c55e4d}.interaction-branch.branch-failure{background:#ef444414;border:1px solid #ef44444d}.branch-tag{margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.branch-tag.success{color:#86efac}.branch-tag.failure{color:#fca5a5}.branch-options{flex-direction:column;gap:5px;display:flex}.check-label{color:#f1f5f9;cursor:pointer;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.loot-pick-row,.damage-pick-row{color:#cbd5e1;align-items:center;gap:8px;font-size:.76rem;display:flex}.insp-select-small{color:#fff;background:#0f172a;border:1px solid #475569;border-radius:4px;padding:3px 6px;font-size:.78rem}.insp-text-input{color:#fff;background:#0f172a;border:1px solid #475569;border-radius:4px;width:100%;padding:5px 8px;font-size:.78rem}.dm-turn-bar{background:linear-gradient(90deg,#1e293b 0%,#0f172a 100%);border-bottom:2px solid #3b82f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.turn-bar-info{align-items:center;gap:8px;font-size:.95rem;display:flex}.turn-dot{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 8px}.turn-char-name{color:#f8fafc;font-weight:800}.turn-role-tag{border-radius:var(--radius-full,9999px);color:#93c5fd;background:#3b82f61a;border:1px solid;padding:2px 8px;font-size:.75rem;font-weight:700}.btn-next-turn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #2563eb66}.btn-next-turn:hover{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);transform:translateY(-1px)}.dm-turn-points-bar{background:#111827;border-bottom:1px solid #1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.dm-turn-points-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.point-pill{color:#f1f5f9;background:#1f2937;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.82rem;display:inline-flex}.point-pill.bp-pill{border-color:#34d39966}.point-pill.ap-pill{border-color:#60a5fa66}.point-pill.kp-pill{background:#facc1514;border-color:#facc1566}.point-pill.hp-pill{border-color:#f8717166}.point-label{opacity:.85;font-size:.72rem;font-weight:800}.point-val{color:#fff;font-size:.88rem;font-weight:800}.btn-pt-adjust{color:#fff;cursor:pointer;background:#374151;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.85rem;font-weight:800;line-height:1;display:inline-flex}.btn-pt-adjust:hover{background:#4b5563}.btn-reset-points{color:#cbd5e1;cursor:pointer;background:#374151;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .15s}.btn-reset-points:hover{color:#fff;background:#4b5563}.dm-interaction-card{background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%);border:1.5px solid #6366f1;border-radius:8px;margin-top:10px;padding:12px;box-shadow:0 4px 14px #00000059}.dm-interaction-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dm-interaction-title{color:#c7d2fe;font-size:.92rem;font-weight:800}.dm-interaction-cost{color:#93c5fd;background:#3b82f633;border-radius:10px;padding:2px 7px;font-size:.75rem;font-weight:700}.dm-interaction-bonus-hint{color:#a5f3fc;background:#06b6d41a;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:.78rem}.dm-interaction-dice-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.btn-interaction-pip{color:#fff;cursor:pointer;background:#1e293b;border:1.5px solid #475569;border-radius:6px;width:32px;height:32px;font-size:.95rem;font-weight:800;transition:all .15s}.btn-interaction-pip.selected{background:#4f46e5;border-color:#818cf8;box-shadow:0 0 8px #6366f180}.btn-combat-dice-pip{color:#f8fafc;cursor:pointer;background:#1e293b;border:2px solid #64748b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:46px;min-width:46px;height:52px;min-height:52px;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 3px 8px #0006}.btn-combat-dice-pip:hover,.btn-combat-dice-pip:active{border-color:#facc15;transform:translateY(-2px)scale(1.05)}.btn-combat-dice-pip.selected{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);border-color:#fef08a;transform:translateY(-2px)scale(1.08);box-shadow:0 0 16px #facc1599,0 4px 12px #00000080}.dice-pip-glyph{font-size:1.45rem;line-height:1}.dice-pip-num{font-family:var(--font-family-display);font-size:.76rem;font-weight:800;line-height:1}.btn-exec-interaction{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;width:100%;padding:9px 12px;font-size:.88rem;font-weight:800;box-shadow:0 2px 10px #10b9814d}.btn-exec-interaction:hover{filter:brightness(1.1)}.dm-combat-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.combat-combatant-card{text-align:center;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;padding:10px}.combatant-header-row{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;font-size:.95rem;font-weight:800;display:flex}.combatant-kp-tag{color:#fde047;background:#facc1526;border:1px solid #facc1566;border-radius:12px;margin-bottom:6px;padding:2px 8px;font-size:.76rem;font-weight:800;display:inline-block}.combatant-loot-tag{color:#cbd5e1;margin-top:3px;font-size:.72rem;display:block}.combat-phase-box{text-align:left;background:#182234;border:1px solid #ffffff14;border-radius:8px;margin-bottom:12px;padding:12px}.combat-phase-title{color:#93c5fd;align-items:center;gap:6px;margin-bottom:6px;font-size:.86rem;font-weight:800;display:flex}.combat-roll-preview-row{background:#0b111e;border:1px solid #1e293b;border-radius:6px;justify-content:space-around;align-items:center;margin:8px 0;padding:8px 10px;font-size:.85rem;display:flex}.combat-score-badge{border-radius:4px;padding:2px 8px;font-weight:800}.score-hero{color:#86efac;background:#22c55e26}.score-mon{color:#fca5a5;background:#ef444426}.combat-result-banner{text-align:center;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:.88rem;font-weight:800}.result-hit{color:#86efac;background:#22c55e33;border:1px solid #22c55e}.result-parry{color:#fef08a;background:#eab30833;border:1px solid #eab308}.result-defended{color:#e2e8f0;background:#94a3b833;border:1px solid #64748b}.result-hero-hit{color:#fca5a5;background:#ef444433;border:1px solid #ef4444}.combat-round-tag{color:#fde68a;background:#f59e0b33;border:1px solid #f59e0b;border-radius:9999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.combat-next-round-box{flex-direction:column;gap:8px;margin-top:14px;animation:.3s ease-out fadeIn;display:flex}.btn-next-round{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:1.05rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 0 16px #f59e0b73;color:#1e1b4b!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border:2px solid #fde68a!important}.btn-next-round:hover{transform:translateY(-2px);box-shadow:0 0 24px #f59e0bb3;background:linear-gradient(135deg,#fbbf24 0%,#b45309 100%)!important}.btn-next-round:active{transform:scale(.97)}.tablet-combat-defend-box{text-align:center;background:#1e293bd9;border:1px solid #ffffff1f;border-radius:12px;margin-top:10px;padding:16px}