:root{--bg: #15110c;--bg-elev: #1e1812;--panel: #241d15;--border: #4a3a24;--text: #ece3d2;--text-dim: #b3a488;--accent: #c9a24b;--accent-strong: #e4bf63;--danger: #b5483c;--ok: #5c8a4a;--radius: 8px;--shadow: 0 6px 24px rgba(0, 0, 0, .45);--accent-text: #1a140b;--page-bg: radial-gradient(1200px 600px at 50% -10%, #2a2015 0%, var(--bg) 60%);--map-bg: #0f0c08;--overlay: rgba(0, 0, 0, .45);color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif}:root[data-tema=classico],[data-tema=classico]{--bg: #0f2027;--bg-elev: #2a2a2a;--panel: #1e1e1e;--border: #444444;--text: #ffffff;--text-dim: #cccccc;--accent: #6dd5fa;--accent-strong: #6dd5fa;--accent-text: #1e1e1e;--danger: #f74949;--ok: #3ecf6a;--shadow: 0 6px 24px rgba(0, 0, 0, .5);--page-bg: linear-gradient(120deg, #0f2027, #203a43, #2c5364);--map-bg: #0b161b}:root[data-tema=sangue],[data-tema=sangue]{--bg: #000000;--bg-elev: #151010;--panel: #0b0b0b;--border: #3d1010;--text: #ffffff;--text-dim: #cfcfcf;--accent: #c00000;--accent-strong: #f21b1b;--accent-text: #ffffff;--danger: #f21b1b;--ok: #4cc78a;--shadow: 0 6px 24px rgba(0, 0, 0, .7);--page-bg: repeating-linear-gradient(0deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .02) 1px, transparent 1px, transparent 3px), linear-gradient(135deg, #000000, #120000 55%, #2a0000);--map-bg: #050000;--overlay: rgba(0, 0, 0, .7)}:root[data-tema=energia],[data-tema=energia]{--bg: #0b0a10;--bg-elev: #221e2b;--panel: #17141e;--border: #3b3447;--text: #ffffff;--text-dim: #c4bdd1;--accent: #a98bff;--accent-strong: #a98bff;--accent-text: #16141c;--danger: #ef5b62;--ok: #4cc78a;--shadow: 0 6px 24px rgba(0, 0, 0, .5);--page-bg: linear-gradient(135deg, #0b0a10, #17121f 55%, #221a2e);--map-bg: #0b0a10}:root[data-tema=morte],[data-tema=morte]{--bg: #000000;--bg-elev: #151515;--panel: #0a0a0a;--border: #3a3a3a;--text: #ffffff;--text-dim: #c2c2c2;--accent: #ffffff;--accent-strong: #ffffff;--accent-text: #000000;--danger: #ef5b62;--ok: #4cc78a;--shadow: 0 6px 24px rgba(0, 0, 0, .7);--page-bg: linear-gradient(135deg, #000000, #0d0d0d 60%, #1a1a1a);--map-bg: #000000;--overlay: rgba(0, 0, 0, .7)}:root[data-tema=conhecimento],[data-tema=conhecimento]{--bg: #faf7f0;--bg-elev: #f5ecd6;--panel: #fffcf5;--border: #d4b25c;--text: #2b2110;--text-dim: #6b5a35;--accent: #4a3300;--accent-strong: #4a3300;--accent-text: #ffffff;--danger: #7a1015;--ok: #1a7a43;--shadow: 0 6px 24px rgba(90, 70, 20, .25);--page-bg: linear-gradient(135deg, #faf7f0, #f1e9d8 60%, #e9dcc0);--map-bg: #2b2110;--overlay: rgba(40, 30, 0, .5);color-scheme:light}*{scrollbar-color:var(--accent) var(--bg-elev)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page-bg);background-attachment:fixed;color:var(--text)}a{color:var(--accent-strong)}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-elev);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:1px;color:var(--accent-strong)}.container{max-width:960px;margin:0 auto;padding:32px 20px;width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--text-dim)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.err{color:var(--danger);border-color:var(--danger)}.muted{color:var(--text-dim)}button.btn{background:var(--accent);color:var(--accent-text);border:none;padding:10px 16px;border-radius:var(--radius);font-weight:600;cursor:pointer}button.btn:hover{background:var(--accent-strong)}button.btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}ul.phase-list{line-height:1.8}.auth-wrap{display:flex;justify-content:center;padding:48px 20px}.auth-card{width:100%;max-width:380px}.auth-card h1{margin-top:0}label{display:block;margin:12px 0 4px;font-size:13px;color:var(--text-dim)}input{width:100%;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-card .btn{width:100%;margin-top:16px}@media (max-width: 520px){.topbar{flex-wrap:wrap;gap:6px}.container{padding:20px 14px}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.campaign-card{text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.campaign-card:hover{border-color:var(--accent)}.campaign-title{font-weight:700;font-size:18px;color:var(--accent-strong)}.member-list{list-style:none;padding:0;margin:8px 0 0}.member-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.member-list li:last-child{border-bottom:none}.member-list code{background:var(--bg-elev);padding:2px 8px;border-radius:6px;letter-spacing:2px}.badge.role-gm{color:var(--accent-strong);border-color:var(--accent)}.badge.role-player{color:var(--ok);border-color:var(--ok)}.badge.role-spectator{color:var(--text-dim)}button.btn.danger{background:var(--danger);color:#fff}.link-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px;text-decoration:underline;margin-left:auto}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}button.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.btn.ghost:hover{border-color:var(--accent);background:var(--bg-elev)}.map-editor{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--map-bg)}.map-hud{padding:6px 12px;font-size:12px;border-top:1px solid var(--border);background:var(--bg-elev)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:40}.dice-drawer{position:fixed;top:0;right:0;height:100vh;width:min(380px,92vw);z-index:50;overflow-y:auto;border-radius:0;border-left:1px solid var(--border);box-shadow:-8px 0 28px #00000080}.dice-panel{display:flex;flex-direction:column;gap:10px}.dice-buttons{display:flex;flex-wrap:wrap;gap:6px}.die-btn{padding:8px 10px;min-width:48px}.dice-form{display:flex;gap:6px}.dice-form input{flex:1}.dice-opts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.dice-opts label{display:flex;gap:5px;align-items:center;margin:0}.dice-opts select{margin-left:auto;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.roll-log-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px;margin-top:4px}.roll-log{list-style:none;padding:0;margin:4px 0 0;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.roll-line{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px}.roll-total{font-size:20px;font-weight:800;color:var(--accent-strong);min-width:34px;text-align:center}.roll-meta{font-size:12px;line-height:1.3}.roll-detail{display:block}button.btn.sm{padding:6px 10px;font-size:13px}.combat-tracker{display:flex;flex-direction:column;gap:10px}.combat-head{display:flex;align-items:center;gap:8px}.combat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.combatant{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev)}.combatant.current{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.combatant.dead{opacity:.5}.combatant .init{font-weight:800;color:var(--accent-strong);min-width:26px;text-align:center}.combatant-main{flex:1;min-width:0}.combatant-name{font-size:13px;display:flex;align-items:center;gap:6px}.turn-arrow{color:var(--accent-strong)}.hp-bar{position:relative;height:14px;background:#2a1a1a;border-radius:7px;overflow:hidden;margin-top:4px}.hp-fill{height:100%;background:linear-gradient(90deg,var(--danger),var(--ok))}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:14px;color:var(--text)}.conditions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cond{font-size:10px;padding:1px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--text-dim)}.combatant-ctl{display:flex;align-items:center;gap:4px}.combatant-ctl input{width:44px;padding:4px}.btn.ghost.sm{padding:4px 8px;min-width:28px}.combat-add{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:10px}.combat-add input{padding:6px 8px}.scene-workspace{position:relative;margin-top:14px}.scene-workspace .scene-map{width:100%}.library{position:absolute;top:0;left:0;z-index:20;width:260px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:8px;max-height:680px;overflow-y:auto;color:var(--text);box-shadow:0 8px 24px #00000073}@media (max-width: 860px){.library{width:calc(100% - 16px)}}.dice-3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .35s ease}.dice-3d.show{opacity:1}.dice-3d canvas{display:block}.lib-drawer{left:0;right:auto;border-left:none;border-right:1px solid var(--border);box-shadow:8px 0 28px #00000080}.lib-drawer .library{position:static;width:auto;max-height:none;overflow:visible;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.lib-section{margin-bottom:10px}.lib-section-head{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 4px;border-radius:6px;-webkit-user-select:none;user-select:none;font-weight:700}.lib-section-head:hover{background:var(--bg)}.lib-chevron{width:12px;color:var(--text-dim)}.lib-icon{font-size:15px}.lib-title{flex:1}.lib-head-actions,.lib-folder-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.lib-section-body{padding:2px 0 2px 6px}.lib-folder{margin:2px 0}.lib-folder-head{display:flex;align-items:center;gap:4px;padding:2px;border-radius:6px}.lib-folder-head:hover{background:var(--bg)}.lib-folder-toggle{flex:1;min-width:0;text-align:left;background:none;border:none;color:var(--text);cursor:pointer;font-size:13px;padding:3px 4px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-folder-toggle:hover{background:var(--bg)}.lib-folder-actions{opacity:0;transition:opacity .12s}.lib-folder-head:hover .lib-folder-actions{opacity:1}.lib-folder-body{padding-left:10px;border-left:1px dashed var(--border);margin-left:6px}.lib-item{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:5px}.lib-item:hover{background:var(--bg)}.lib-item.active{background:var(--bg);outline:1px solid var(--accent)}.lib-item-name{flex:1;display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;font-size:13px;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-thumb{width:20px;height:20px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.lib-mini{background:none;border:1px solid transparent;color:var(--text-dim);cursor:pointer;font-size:12px;line-height:1;padding:3px 5px;border-radius:5px}.lib-mini:hover{background:var(--bg);border-color:var(--border);color:var(--text)}.lib-mini.danger:hover{color:#e57373;border-color:#e5737355}.lib-empty{font-size:12px;padding:6px 4px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sel-ctl{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;width:fit-content}.sel-name{font-weight:600;font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-ctl .sel-active{border-color:#6db1e4!important;color:#6db1e4!important}.scene-toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(180deg,var(--bg-elev),var(--bg));border:1px solid var(--border);border-radius:12px;flex-wrap:wrap}.stb-back{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);text-decoration:none;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.stb-back:hover{background:var(--bg-elev);color:var(--text)}.stb-title{margin:0;font-size:18px;font-weight:700;color:var(--text);letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.stb-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.stb-live .stb-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.stb-live.on{color:#6fcf7f}.stb-live.on .stb-dot{background:#6fcf7f;box-shadow:0 0 6px #6fcf7f;animation:stb-pulse 1.8s ease-in-out infinite}.stb-live.off{color:var(--text-dim)}.stb-live.off .stb-dot{background:var(--text-dim)}@keyframes stb-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.stb-live.on .stb-dot{animation:none}}.stb-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.stb-snap{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);padding:4px 8px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.stb-snap:hover{color:var(--text)}.stb-snap,.stb-snap span{white-space:nowrap}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.drawer-head h3{margin:0;font-size:16px}.drawer-close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);cursor:pointer;font-size:14px;line-height:1;transition:background .15s,color .15s}.drawer-close:hover{background:var(--bg-elev);color:var(--text)}.combatant-remove{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;font-size:12px}.combatant-remove:hover{background:#e5737322;border-color:#e5737355;color:#e57373}.combat-add-all{margin-top:8px;width:100%}.combat-end{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important}.combat-end:hover{background:#a93226!important;border-color:#a93226!important;color:#fff!important}.round-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:600;color:var(--accent-strong, var(--text));background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:3px 10px;line-height:1.2}.combat-head{gap:8px;align-items:center}.lib-ico{display:inline-block;width:18px;text-align:center;flex-shrink:0}.fog-wrap{position:relative;display:inline-block}.fog-wrap .fog-on{border-color:#6db1e4!important;color:#6db1e4!important}.fog-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:240px;display:flex;flex-direction:column;gap:10px;padding:12px}.fog-group{display:flex;flex-direction:column;gap:6px}.fog-group-label{font-size:12px;font-weight:600;color:var(--text-dim)}.fog-row{display:flex;gap:6px}.fog-row .btn{flex:1}.fog-reset{border-top:1px solid var(--border);padding-top:10px}.fog-menu input[type=range]{width:100%}.fog-stop{width:100%;color:var(--accent-text)!important;font-weight:700}.fog-menu .btn:not(.ghost):not(.fog-stop){color:var(--accent-text)!important}.lib-item.off-map .lib-item-name{opacity:.5;font-style:italic}.lib-item.off-map .lib-item-name:hover{opacity:1}.theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px}.theme-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;font:inherit}.theme-option:hover{border-color:var(--accent)}.theme-option:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-swatch{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;height:34px;border-radius:6px;border:1px solid var(--border);background:var(--page-bg)}.theme-swatch-box{display:flex;align-items:flex-end;width:30px;height:20px;padding:3px;border-radius:4px;background:var(--panel)}.theme-swatch-accent{width:12px;height:6px;border-radius:2px;background:var(--accent)}.theme-text strong{display:block;font-size:14px}.theme-text small{color:var(--text-dim);font-size:12px}