:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131009;--bg-elevated:#1b160e;--bg-card:#221b12;--bg-card-hover:#2a2116;--bg-inset:#0e0b07;--border:#4a3a24;--border-soft:#362a1a;--text:#ece1c8;--text-muted:#b2a284;--text-dim:#7c7159;--accent:#c9a227;--accent-strong:#e6c34a;--accent-soft:#c9a22726;--danger:#b23a3a;--danger-strong:#d85454;--danger-soft:#b23a3a2e;--success:#5f8a4f;--success-strong:#7ab266;--arcane:#5c7fb0;--arcane-strong:#7fa3d6;--shadow-deep:0 10px 30px #0000008c;--radius:8px;--font-display:"Cinzel", Georgia, serif;--font-body:"Crimson Pro", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(ellipse at top, #1a1510 0%, var(--bg) 55%, #0d0a06 100%);color:var(--text);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent-strong);margin:0 0 .5em;font-weight:600}a{color:var(--arcane-strong);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 .75em}button,input,select,textarea{font-family:var(--font-body);font-size:1rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:30;background:linear-gradient(#1e1810 0%,#171209 100%);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #0006}.topbar-brand{font-family:var(--font-display);color:var(--accent-strong);white-space:nowrap;align-items:center;gap:.6rem;font-size:1.15rem;display:flex}.topbar-brand .die{filter:drop-shadow(0 0 6px #c9a22780);font-size:1.4rem}.topbar-nav{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.topbar-user{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.page{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin-bottom:.15em}.subtitle{color:var(--text-muted);font-size:.95rem}.card{background:linear-gradient(160deg, var(--bg-card) 0%, var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-deep);padding:1.25rem;position:relative}.card:before,.card:after{content:"";border:2px solid var(--accent);opacity:.55;width:10px;height:10px;position:absolute}.card:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.card:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.card+.card{margin-top:1rem}.card-title{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;display:flex}.grid{gap:1rem;display:grid}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.btn{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(160deg, var(--accent) 0%, #a8811c 100%);border-color:var(--accent-strong);color:#1a1410;font-weight:700}.btn-primary:hover:not(:disabled){color:#1a1410;box-shadow:0 0 16px #c9a22773}.btn-danger{background:linear-gradient(160deg, var(--danger) 0%, #7a2626 100%);border-color:var(--danger-strong);color:#fbeaea}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){border-color:var(--border)}.btn-block{width:100%}.btn-lg{padding:.9rem 1.5rem;font-size:1rem}.btn-roll{font-family:var(--font-display);border:2px solid var(--accent);color:var(--accent-strong);cursor:pointer;background:radial-gradient(circle at 30% 20%,#3a2e18,#1c160c 70%);border-radius:12px;padding:1.3rem 2rem;font-size:1.3rem;transition:all .2s;box-shadow:0 0 24px #c9a22740,inset 0 0 20px #00000080}.btn-roll:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 32px #c9a22773,inset 0 0 20px #00000080}.btn-roll:disabled{opacity:.6;cursor:wait}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8rem}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{background:var(--bg-inset);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.6rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select{background:var(--bg-inset);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.6rem .75rem}select option{background:var(--bg-inset);color:var(--text)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.checkbox-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;display:inline-flex}.badge-dm{border-color:var(--accent);color:var(--accent-strong)}.badge-player{border-color:var(--arcane);color:var(--arcane-strong)}.stat-block{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;min-width:64px;padding:.6rem .4rem;display:flex}.stat-block .stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.65rem}.stat-block .stat-value{font-family:var(--font-display);color:var(--accent-strong);font-size:1.4rem}.stat-block .stat-sub{color:var(--text-muted);font-size:.75rem}.hp-bar-track{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:999px;width:100%;height:10px;display:flex;overflow:hidden}.hp-bar-fill{background:var(--success-strong);height:100%;transition:width .3s,background-color .3s}.hp-bar-fill.hp-bloodied{background:var(--accent-strong)}.hp-bar-fill.hp-critical{background:var(--danger-strong)}.hp-bar-fill.hp-temp{background:var(--arcane-strong)}.divider{border:none;border-top:1px solid var(--border-soft);margin:1rem 0}.error-text{color:var(--danger-strong);font-size:.9rem}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:1.4rem;height:1.4rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.roll-result{font-family:var(--font-display);color:var(--accent-strong);text-shadow:0 0 20px #c9a22780;font-size:3rem}@keyframes rollPop{0%{opacity:0;transform:scale(.4)rotate(-15deg)}60%{opacity:1;transform:scale(1.1)rotate(5deg)}to{transform:scale(1)rotate(0)}}.roll-result.animate{animation:.4s ease-out rollPop}.drawer-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.drawer{border-left:1px solid var(--border);z-index:91;background:linear-gradient(#1c160d 0%,#120e08 100%);width:min(420px,100vw);padding:1.25rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px #0009}.fab-quickstats{z-index:80;border:2px solid var(--accent);width:60px;height:60px;color:var(--accent-strong);cursor:pointer;background:radial-gradient(circle at 35% 30%,#3a2e18,#1c160c 70%);border-radius:999px;justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 6px 24px #00000080,0 0 18px #c9a2274d}.mono{font-family:Courier New,monospace}.text-center{text-align:center}.flex-row{align-items:center;gap:.5rem;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:.4rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:2rem}.info-tip{margin-left:.3rem;display:inline-flex;position:relative}.info-tip-trigger{color:var(--text-dim);cursor:help;background:0 0;border:none;padding:0;font-size:.85em;line-height:1}.info-tip-trigger:hover,.info-tip-trigger:focus{color:var(--accent-strong);outline:none}.info-tip-bubble{background:var(--bg-inset);border:1px solid var(--accent);width:max-content;max-width:260px;font-size:.8rem;font-family:var(--font-body);text-transform:none;letter-spacing:normal;color:var(--text);box-shadow:var(--shadow-deep);z-index:200;pointer-events:none;border-radius:6px;padding:.6rem .75rem;position:fixed;transform:translate(-50%)}.table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:.9rem}table.data-table th,table.data-table td{text-align:left;white-space:nowrap;padding:.55rem .75rem}table.data-table thead th{background:var(--bg-inset);color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);font-size:.75rem}table.data-table tbody tr{border-bottom:1px solid var(--border-soft)}table.data-table tbody tr:last-child{border-bottom:none}table.data-table tbody tr:hover{background:var(--bg-card-hover)}.pagination{justify-content:center;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.pagination-status{color:var(--text-muted);font-size:.85rem}.build-layout{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=900px){.build-layout{grid-template-columns:1fr 320px;align-items:start}.build-preview{position:sticky;top:80px}}.preview-highlight{color:var(--accent-strong);font-weight:700}@media (width<=640px){.page{padding:1rem .85rem 5rem}.topbar{padding:.6rem .85rem}.roll-result{font-size:2.2rem}}.badge-friendly{border-color:var(--success);color:var(--success-strong)}.badge-neutral{border-color:var(--border);color:var(--text-muted)}.badge-hostile{border-color:var(--danger);color:var(--danger-strong)}.badge-live{border-color:var(--success);color:var(--success-strong)}.encounter-layout{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}@media (width>=960px){.encounter-layout{grid-template-columns:minmax(0,1fr) 330px}}.section-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:.8rem}.card+.section-label,.empty-state+.section-label{margin-top:1.5rem}.combatant{border-left:4px solid var(--border);padding:1rem 1.1rem}.combatant-character{border-left-color:var(--arcane)}.combatant-monster{border-left-color:var(--danger)}.combatant-npc{border-left-color:var(--success)}.combatant.is-active{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong), 0 0 22px #c9a22740, var(--shadow-deep)}.combatant.is-down{opacity:.6}.combatant.is-targeted{opacity:1;border-color:var(--danger-strong);box-shadow:0 0 0 1px var(--danger-strong), 0 0 22px #d854544d, var(--shadow-deep)}.target-marker{color:var(--danger-strong);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.btn-target{padding:.15rem .6rem;font-size:.8rem}.btn-target.is-on{border-color:var(--danger-strong);color:var(--danger-strong);background:var(--danger-soft)}.fallen-bar{border-color:var(--danger)}.attack-bar{z-index:20;border-color:var(--danger-strong);position:sticky;top:4.5rem}.attack-target{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.attack-target-name{font-family:var(--font-display)}.attack-bar-title,.combatant-name{font-family:var(--font-display);color:var(--text);font-size:1.1rem}.combatant-sub{color:var(--text-muted);font-size:.85rem}.turn-marker{color:var(--accent-strong);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.stat-chips{flex-wrap:wrap;gap:.4rem;display:flex}.stat-chip{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:6px;align-items:baseline;gap:.35rem;padding:.2rem .55rem;font-size:.9rem;display:inline-flex}.stat-chip span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.65rem}.stat-chip b{color:var(--accent-strong);font-weight:600}.condition-chip{border:1px solid var(--danger);color:var(--danger-strong);background:var(--danger-soft);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.8rem;display:inline-flex}.condition-chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 .1rem;font-size:.85rem;line-height:1}.death-saves{border:1px solid var(--danger);background:var(--danger-soft);border-radius:6px;margin-top:.6rem;padding:.6rem .75rem}.death-saves.is-stable{border-color:var(--border);background:var(--bg-inset)}.death-tally{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.death-pips{gap:.25rem;display:inline-flex}.death-pip{border:2px solid var(--text-dim);background:0 0;border-radius:50%;width:.9rem;height:.9rem;padding:0}button.death-pip{cursor:pointer}.death-pip.is-success{border-color:var(--success-strong)}.death-pip.is-failure{border-color:var(--danger-strong)}.death-pip.is-success.is-filled{background:var(--success-strong)}.death-pip.is-failure.is-filled{background:var(--danger-strong)}.combatant-details{border-top:1px solid var(--border-soft);margin-top:.75rem;padding-top:.75rem;font-size:.92rem}.combatant-details p{margin:.3rem 0}.detail-row{justify-content:space-between;gap:.5rem;padding:.2rem 0;display:flex}.reward-row{border-bottom:1px solid var(--border-soft);padding:.55rem 0}.reward-row:last-child{border-bottom:none}.reward-row.is-awarded{color:var(--text-muted)}.textarea-block{resize:vertical;width:100%;display:block}.step-intro{color:var(--text-muted);margin:0 0 1rem}.build-steps{flex-wrap:wrap;gap:.4rem;display:flex}.build-steps .badge.is-done{border-color:var(--accent);color:var(--accent-strong)}.build-steps .badge.is-current{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.choice-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;display:grid}.choice-card{text-align:left;font-family:var(--font-body);color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.4rem;padding:.9rem 1rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.choice-card:hover{border-color:var(--accent);transform:translateY(-1px)}.choice-card:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.choice-card.is-selected{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong), 0 0 18px #c9a22740;background:linear-gradient(160deg, var(--bg-card-hover) 0%, var(--bg-inset) 100%)}.choice-card-title{font-family:var(--font-display);color:var(--accent-strong);justify-content:space-between;align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.choice-card-blurb{color:var(--text-muted);font-style:italic}.choice-card-facts{color:var(--text-muted);font-size:.85rem}.step-footer{border-top:1px solid var(--border-soft);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;display:flex}.stat-block.is-key{border-color:var(--accent)}.key-marker{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.fab-dice{z-index:80;border:2px solid var(--accent);width:60px;height:60px;color:var(--accent-strong);cursor:pointer;background:radial-gradient(circle at 35% 30%,#3a2e18,#1c160c 70%);border-radius:999px;justify-content:center;align-items:center;font-size:1.6rem;transition:transform .15s;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;box-shadow:0 6px 24px #00000080,0 0 18px #c9a2274d}.fab-dice:hover{transform:translateY(-2px)rotate(-8deg)}.dice-panel{z-index:85;border:1px solid var(--accent);border-radius:var(--radius);width:min(340px,100vw - 2.5rem);max-height:calc(100vh - 8rem);box-shadow:var(--shadow-deep);background:linear-gradient(#1c160d 0%,#120e08 100%);padding:1rem;position:fixed;bottom:calc(2rem + 60px);left:1.25rem;overflow-y:auto}.dice-choices{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.die-btn{font-family:var(--font-display);border:1px solid var(--border);background:var(--bg-inset);color:var(--text);cursor:pointer;border-radius:6px;padding:.55rem 0;font-size:.95rem;transition:border-color .15s,color .15s}.die-btn:hover{border-color:var(--accent);color:var(--accent-strong)}.die-btn.is-selected{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.dice-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.7rem}.dice-result{text-align:center;background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;min-height:6.5rem;margin:.75rem 0;padding:.5rem;display:flex}.roll-result.is-crit{color:var(--success-strong);text-shadow:0 0 20px #7ab26699}.roll-result.is-fumble{color:var(--danger-strong);text-shadow:0 0 20px #d8545480}.dice-callout{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--success-strong);font-size:.8rem}.dice-callout.is-fumble{color:var(--danger-strong)}.dice-breakdown{color:var(--text-muted);word-break:break-word;font-size:.85rem}.dice-history-row{border-top:1px solid var(--border-soft);padding:.25rem 0;font-size:.9rem}.dice-history-dice{color:var(--text-dim);font-size:.8rem}.pick-group{border-top:1px solid var(--border-soft);padding:.75rem 0}.pick-group:first-of-type{border-top:none}.pick-group-label{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}.pick-chips{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.pick-chip{font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-inset);color:var(--text);cursor:pointer;border-radius:999px;padding:.35rem .8rem;font-size:.95rem;transition:border-color .15s,color .15s}.pick-chip:hover:not(:disabled){border-color:var(--accent)}.pick-chip.is-selected{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.pick-chip:disabled{opacity:.45;cursor:not-allowed}.pick-detail{color:var(--text-muted);margin:.4rem 0 0;font-style:italic}.granted-ability{border-bottom:1px solid var(--border-soft);padding:.4rem 0}.granted-ability:last-child{border-bottom:none}.composed-text{white-space:pre-wrap;margin:0}.topbar-links{align-items:center;gap:.25rem;display:flex}.topbar-link{color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.topbar-link:hover{color:var(--accent-strong);border-color:var(--border);text-decoration:none}.topbar-link.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.topbar-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.bottom-nav{display:none}.jump-nav{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.jump-link{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);background:var(--bg-inset);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-size:.75rem}.jump-link:hover{border-color:var(--accent);color:var(--accent-strong)}[data-jump]{scroll-margin-top:4.5rem}table.data-table td.cell-title,table.data-table td.cell-wide{white-space:normal;min-width:12rem}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,#root,.app-shell{min-height:100dvh}input,select,textarea{min-width:0;max-width:100%}@media (width<=900px){:root{--bottom-nav-height:calc(3.6rem + env(safe-area-inset-bottom,0px));--dice-slot:4.2rem}body{overflow-wrap:break-word}.page{padding:1rem .85rem calc(var(--bottom-nav-height) + 1.5rem)}.topbar{gap:.5rem;padding:.5rem .85rem}.topbar-brand{text-overflow:ellipsis;min-width:0;font-size:1rem;overflow:hidden}.topbar-links,.topbar-name{display:none}.topbar-nav{flex-wrap:nowrap}.bottom-nav{z-index:70;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:linear-gradient(#1e1810 0%,#120e08 100%);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000073}.bottom-nav-link{min-width:0;color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border-top:2px solid #0000;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.1rem;font-size:.68rem;display:flex}.bottom-nav-link:hover{text-decoration:none}.bottom-nav-link .nav-icon{font-size:1.25rem;line-height:1.2}.bottom-nav-link.is-active{color:var(--accent-strong);border-top-color:var(--accent-strong);background:var(--accent-soft)}.bottom-nav{padding-right:var(--dice-slot)}.fab-dice{z-index:71;width:var(--dice-slot);height:var(--bottom-nav-height);padding:0 0 env(safe-area-inset-bottom,0px);box-shadow:none;color:var(--text-muted);background:0 0;border:none;border-top:2px solid #0000;border-radius:0;flex-direction:column;gap:.1rem;font-size:1.25rem;line-height:1.2;bottom:0;left:auto;right:0}.fab-dice:after{content:"Dice";font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.fab-dice:hover{transform:none}.dice-panel{left:.85rem;bottom:calc(var(--bottom-nav-height) + .6rem);width:calc(100vw - 1.7rem);max-height:calc(100dvh - var(--bottom-nav-height) - 5rem)}.fab-quickstats{z-index:31;width:40px;height:40px;box-shadow:none;font-size:1.15rem;top:.3rem;bottom:auto;right:6.4rem}.app-shell:has(.fab-quickstats) .topbar-brand{max-width:calc(100vw - 11rem)}.drawer{width:100vw;padding:1rem .85rem calc(var(--bottom-nav-height) + 1rem);z-index:95}.drawer-backdrop{z-index:94}h1{font-size:1.5rem}.card{padding:.9rem .85rem}.card-title{flex-wrap:wrap}.page-header{margin-bottom:1rem}.flex-row,.flex-between,.detail-row{flex-wrap:wrap}.flex-row>*,.flex-between>*{max-width:100%}.flex-row>input,.flex-row>select,.flex-row>textarea,.flex-row>a,.flex-between>a{min-width:min(100%,8rem)!important}.btn{white-space:normal;padding:.6rem .9rem}.grid-cols-2{grid-template-columns:minmax(0,1fr)}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.choice-grid{grid-template-columns:1fr}.btn-roll{max-width:100%;padding:1.1rem 1.25rem;font-size:1.1rem}.step-footer>*{flex:auto}input[type=checkbox],input[type=radio]{flex:none;width:22px;height:22px}.death-pip{width:1.5rem;height:1.5rem}.btn-target{padding:.4rem .75rem}.condition-chip{padding:.3rem .6rem}.condition-chip button{padding:.15rem .35rem;font-size:1rem}.info-tip-trigger{padding:.2rem;font-size:1.05em}.pick-chip{padding:.5rem .9rem}.jump-link{padding:.5rem .8rem}.attack-bar{max-height:55dvh;top:3.4rem;overflow-y:auto}[data-jump]{scroll-margin-top:3.8rem}.table-wrap{border:none;overflow:visible}table.data-table,table.data-table tbody{display:block}table.data-table thead{display:none}table.data-table tbody tr{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin-bottom:.6rem;padding:.7rem .75rem;display:flex}table.data-table tbody tr:last-child{border-bottom:1px solid var(--border-soft);margin-bottom:0}table.data-table tbody tr:hover{background:var(--bg-inset)}table.data-table td{white-space:normal;align-items:center;gap:.4rem;min-width:0;padding:0;display:flex}table.data-table td:empty{display:none}table.data-table td.cell-title,table.data-table td.cell-wide{flex:100%;min-width:0;display:block}table.data-table td.cell-title{font-size:1.05rem}table.data-table td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);flex:none;font-size:.65rem}table.data-table td.cell-actions{margin-left:auto}}@media (width<=380px){:root{--dice-slot:3.4rem}.bottom-nav-link,.fab-dice:after{letter-spacing:0;font-size:.58rem}}@media (width<=1080px){.topbar-name{display:none}.topbar-nav{flex-wrap:nowrap}}.badge-mine{border-color:var(--arcane-strong);color:var(--arcane-strong);background:#5c7fb02e}.mine-marker{color:var(--arcane-strong);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.combatant.is-mine{border-color:var(--arcane-strong);background:linear-gradient(160deg, #1d2431 0%, var(--bg-elevated) 100%);box-shadow:0 0 0 1px var(--arcane-strong), 0 0 20px #7fa3d638, var(--shadow-deep)}.combatant.is-mine.is-active{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong), 0 0 22px #c9a22740, var(--shadow-deep)}.combatant.is-mine.is-targeted{border-color:var(--danger-strong);box-shadow:0 0 0 1px var(--danger-strong), 0 0 22px #d854544d, var(--shadow-deep)}.jump-link.is-mine{border-color:var(--arcane-strong);color:var(--arcane-strong);background:#5c7fb02e}table.data-table tbody tr.is-mine,table.data-table tbody tr.is-mine:hover{box-shadow:inset 4px 0 0 var(--arcane-strong);background:#5c7fb029}.condition-chip.is-bonus{border-color:var(--success);color:var(--success-strong);background:#5f8a4f2e}.campaign-search{width:100%;margin-bottom:.75rem}.section-nav{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.section-nav .jump-link{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.jump-link.is-active{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.section-count{font-family:var(--font-body);color:var(--text-dim);font-size:.75rem}.section-block+.section-block{margin-top:2rem}.search-group+.search-group{margin-top:1.25rem}.entry-list{border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.entry-list:empty{display:none}.entry-row{border:none;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.entry-row:last-child{border-bottom:none}.entry-row:hover,.entry-row:focus-visible{background:var(--bg-card-hover);outline:none;text-decoration:none}.entry-row-main{flex-direction:column;flex:auto;min-width:0;display:flex}.entry-row-name{font-family:var(--font-display);color:var(--accent-strong)}.entry-row-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.entry-row-badges{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.3rem;max-width:45%;display:flex}.entry-row-chevron{color:var(--text-dim);flex:none;font-size:1.3rem;line-height:1}.modal-backdrop{z-index:96;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;justify-content:center;align-items:flex-start;padding:5vh 1rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius);width:min(620px,100%);max-height:90dvh;box-shadow:var(--shadow-deep);background:linear-gradient(#1c160d 0%,#120e08 100%);flex-direction:column;display:flex}.modal:focus{outline:none}.modal.is-wide{width:min(860px,100%)}.modal-head{border-bottom:1px solid var(--border-soft);flex:none;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem .6rem .75rem 1.2rem;display:flex}.modal-title{overflow-wrap:anywhere;margin:0;font-size:1.2rem}.modal-body{padding:1rem 1.2rem 1.25rem;overflow-y:auto}.modal-body .field input,.modal-body .field select{width:100%}.modal-foot{border-top:1px solid var(--border-soft);justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;display:flex}.spell-slots{border-top:1px solid var(--border-soft);margin-top:.75rem;padding-top:.6rem}.slot-row{align-items:center;gap:.6rem;padding:.3rem 0;display:flex}.slot-level{width:2.2rem;font-family:var(--font-display);color:var(--accent-strong)}.slot-pips{flex-wrap:wrap;flex:1;gap:.3rem;min-width:0;display:inline-flex}.slot-pip{border:2px solid var(--accent);background:0 0;border-radius:3px;width:1rem;height:1rem;margin:.15rem;padding:0;transform:rotate(45deg)}.slot-pip.is-filled{background:var(--accent-strong)}button.slot-pip{cursor:pointer}button.slot-pip:disabled{cursor:default}.slot-count{color:var(--text-muted)}.slot-row .btn{padding:.25rem .7rem}.rest-dice{padding-left:1.75rem}.level-step{border-bottom:1px solid var(--border-soft);padding:.75rem 0}.level-step:last-of-type{border-bottom:none}.level-step p{margin:.4rem 0 0}.level-choice{align-items:flex-start;margin:.35rem 0}.level-choice input{margin-top:.25rem}.level-spells{border:1px solid var(--border-soft);border-radius:6px;max-height:14rem;margin-top:.4rem;padding:.2rem .6rem;overflow-y:auto}@media (width<=900px){.slot-pip{width:1.3rem;height:1.3rem}.rest-dice{padding-left:0}}.pagination .pagination-status>select{padding:.3rem .5rem;min-width:0!important}@media (width<=900px){.section-nav{scrollbar-width:none;flex-wrap:nowrap;margin:0 -.85rem 1rem;padding:0 .85rem .35rem;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav .jump-link{flex:none}.entry-row{padding:.75rem .7rem}.modal-backdrop{padding:0}.modal,.modal.is-wide{border:none;border-radius:0;width:100%;height:100dvh;max-height:none}.modal-head{padding:.7rem .4rem .6rem .85rem}.modal-body{padding:.9rem .85rem calc(1.5rem + env(safe-area-inset-bottom,0px));flex:1}}.added-bar{border:1px solid var(--success);border-radius:var(--radius);color:var(--success-strong);background:#5f8a4f24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}