:root{--bg: #f4ecdc;--surface: #fffaf0;--border: #d8c7a5;--text: #2b2118;--muted: #7a6a58;--accent: #8b1e1e;--accent-contrast: #fff;--ok: #3f7d3a;--warn: #c58a15;--danger: #b3261e;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #1b1714;--surface: #26201b;--border: #44392f;--text: #efe6d8;--muted: #a8998a;--accent: #d4554a}}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-height:100vh}h1,h2{font-family:Georgia,Times New Roman,serif;margin:0 0 .5rem}h2{font-size:1.1rem;color:var(--accent)}a{color:inherit}.muted{color:var(--muted);margin:0}.status{color:var(--muted);text-align:center;padding:2rem}.error{color:var(--danger);margin:0}.pre{white-space:pre-line;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.button{font:inherit;font-weight:600;border:0;border-radius:6px;padding:.6rem 1rem;background:var(--accent);color:var(--accent-contrast);cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.button-ghost{background:transparent;color:inherit;border:1px solid var(--border);padding:.35rem .75rem}.field{display:grid;gap:.25rem;font-weight:600}.field input{font:inherit;font-weight:400;padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.app-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.app-title{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--accent)}.app-user{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.app-main{width:100%;max-width:1100px;min-width:0;margin:0 auto;padding:1.5rem 1rem 3rem}.app-main:has(.campaign-combat-page){max-width:1600px}.back-link{display:inline-block;margin-bottom:1rem;color:var(--muted);text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(460px,100%);display:grid;gap:1rem;padding:1.75rem}.app-header{padding-inline:max(1rem,calc((100% - 1208px)/2))}.app-title{font-size:1.15rem}.app-user{min-width:0}.app-profile-link,h1,h2,h3{overflow-wrap:anywhere}.card{box-shadow:0 3px 12px #2b211807}:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button{transition:background-color .15s,border-color .15s}.button:not(.button-ghost):hover:not(:disabled){filter:brightness(1.06)}.field{min-width:0}.field>:is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-width:0}.editor-page{min-width:0}.campaign-editor-page{max-width:900px;margin-inline:auto}.editor-page .sheet-form{gap:1.5rem}.sheet-form fieldset.card{padding:1.25rem}.sheet-form legend{font-size:1rem}.editor-page .form-actions{padding-top:.5rem}.editor-page .form-actions .button,.profile .form-actions .button{min-height:44px}.profile .page-banner,.credits-page .page-banner{margin-bottom:0}.profile-form{padding:1.5rem}.profile-readonly{overflow-wrap:anywhere}.login-page{padding:2rem 1rem;background:radial-gradient(ellipse at top,#8b1e1e10,transparent 65%)}.login-card{gap:1.1rem;box-shadow:0 12px 45px #2b211815;overflow:hidden}.login-card>h1{margin:-1.75rem -1.75rem .2rem;padding:1.75rem;color:#fff4e2;background:radial-gradient(ellipse at top right,#79503966,transparent 65%),linear-gradient(120deg,#3c2224,#54292a);font:1.65rem/1.25 Georgia,serif}.login-card .muted{font-size:.85rem;line-height:1.7}.login-card .field{font-size:.85rem}.login-card input{min-height:44px}.login-card>.button{min-height:44px}.login-card .auth-switch{text-align:center}.credits-page{width:100%}.credits-page .card{padding:1.5rem;line-height:1.75}@media(max-width:520px){.app-header{gap:.75rem}.app-brand,.app-user{width:100%;justify-content:space-between}.app-nav{gap:.75rem;font-size:.8rem}.app-title{font-size:1rem}.profile-form{padding:1.25rem}.form-grid-texts{grid-template-columns:minmax(0,1fr)}.form-columns>*{min-width:0}}@media(prefers-reduced-motion:reduce){.button{transition:none}}.sheet-grid{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.sheet-card{display:grid;gap:.75rem;height:100%;text-decoration:none;transition:border-color .15s,transform .15s}.sheet-card:hover{border-color:var(--accent);transform:translateY(-2px)}.sheet-card h2{margin:0}.sheet-card-stats{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1rem;font-weight:600}.app-main:has(.character-list-page,.campaign-list-page){max-width:1240px}:is(.character-list-header,.campaign-list-header,.page-banner){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;margin-bottom:1.75rem;border:1px solid #87613e;border-radius:var(--radius);background:radial-gradient(ellipse at top right,#79503966,transparent 65%),linear-gradient(120deg,#3c2224,#54292a);color:#fff4e2}:is(.character-list-header,.campaign-list-header,.page-banner) h1{margin:0;font:2rem Georgia,serif}:is(.character-list-intro,.campaign-list-intro,.page-banner-description){margin:.7rem 0;font-size:.9rem;color:#e2cfbf}:is(.character-list-count,.campaign-list-count){display:inline-block;font-size:.7rem;color:#ddc19a;letter-spacing:.03em}:is(.character-create,.campaign-create){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#e6cfab;color:#3c2224;border:1px solid #eedcbe}:is(.character-create,.campaign-create):hover{background:#f1dfc2}:is(.character-list-grid,.campaign-list-grid){grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.25rem}:is(.character-list-grid,.campaign-list-grid)>li{min-width:0}:is(.character-list-card,.campaign-list-card){padding:0;gap:0;grid-template-rows:auto 1fr auto;overflow:hidden;border-color:var(--border);box-shadow:0 3px 12px #2b211807}:is(.character-list-card,.campaign-list-card):hover{box-shadow:0 8px 24px #2b211815}:is(.character-list-card,.campaign-list-card):focus-visible{outline:3px solid var(--accent);outline-offset:4px}:is(.character-card-banner,.campaign-card-banner){display:flex;gap:.8rem;align-items:center;padding:1rem 1.25rem;color:#ead5b6;background:linear-gradient(115deg,#3c2224,#613638)}:is(.character-card-crest,.campaign-card-crest){display:grid;place-items:center;flex:0 0 52px;height:58px;color:#e8ce9f;background:#ffffff07;border:1px solid #c3a16f77;border-radius:7px 7px 18px 18px}:is(.character-card-crest,.campaign-card-crest) .class-icon{color:inherit}.character-card-class{flex:1;min-width:0;font:1rem Georgia,serif;overflow-wrap:anywhere}.character-card-level{display:grid;justify-items:center;padding-left:.9rem;border-left:1px solid #c3a16f44}.character-card-level small{text-transform:uppercase;letter-spacing:.08em;font-size:.55rem}.character-card-level strong{font:1.65rem Georgia,serif;color:#fff4e2}:is(.character-card-body,.campaign-card-body){padding:1.25rem 1.25rem 1rem}:is(.character-card-body,.campaign-card-body) h2{font-size:1.3rem;line-height:1.3;color:var(--text);overflow-wrap:anywhere}.character-card-race{margin-top:.35rem;font-size:.8rem}.character-card-campaign{display:flex;align-items:center;gap:.45rem;margin:1rem 0 0;color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}.character-card-campaign svg{flex-shrink:0;color:var(--accent)}:is(.character-card-footer,.campaign-card-footer){padding:0 1.25rem}.character-card-health{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border)}.character-card-armor{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:.1rem .3rem;color:var(--muted)}.character-card-armor strong{color:var(--text);font:700 1.2rem Georgia,serif}.character-card-armor small{grid-column:1 / -1;text-align:center;font-size:.6rem}.character-card-health .hp-label{font-size:.8rem;margin-bottom:.35rem}:is(.character-card-open,.campaign-card-open){display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 0;border-top:1px solid var(--border);font-size:.7rem}:is(.character-card-open,.campaign-card-open)>span{color:var(--muted)}:is(.character-card-open,.campaign-card-open) strong{display:flex;align-items:center;gap:.4rem;color:var(--accent)}:is(.character-list-empty,.campaign-list-empty){display:grid;justify-items:center;gap:1rem;padding:3.5rem 1.5rem;text-align:center}:is(.character-list-empty,.campaign-list-empty)>svg{color:var(--accent)}:is(.character-list-empty,.campaign-list-empty) .muted{max-width:30rem;line-height:1.7}@media(max-width:520px){:is(.character-list-header,.campaign-list-header,.page-banner){padding:1.5rem 1.25rem;gap:1.25rem}:is(.character-list-header,.campaign-list-header,.page-banner) h1{font-size:1.7rem}:is(.character-create,.campaign-create){width:100%}}@media(prefers-reduced-motion:reduce){:is(.character-list-card,.campaign-list-card){transition:none}:is(.character-list-card,.campaign-list-card):hover{transform:none}}.campaign-card-role{flex:1;min-width:0;font:1rem Georgia,serif}.campaign-card-banner .badge{color:#f5e2c2;background:#ffffff0c;border:1px solid #c3a16f77;font-size:.65rem;margin:0}.campaign-card-banner .badge-gm{color:#3c2224;background:#e6cfab}.campaign-card-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.campaign-card-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.3rem}.campaign-card-details strong,.campaign-card-character strong{display:block;font-size:.85rem;overflow-wrap:anywhere}.campaign-card-players{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.1rem .35rem;padding-left:1rem;border-left:1px solid var(--border)}.campaign-card-players svg{color:var(--accent)}.campaign-card-players strong{font:700 1.25rem Georgia,serif}.campaign-card-players>span{grid-column:1 / -1;text-align:center;font-size:.65rem;color:var(--muted)}.campaign-card-character{display:flex;gap:.7rem;align-items:center;margin-top:1rem}.campaign-card-character>svg{flex-shrink:0;color:var(--accent)}.campaign-card-note{margin:1rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}.hp-label{font-size:.85rem;font-weight:600}.hp-temp{color:var(--muted);font-weight:400}.hp-track{height:8px;border-radius:4px;background:var(--border);overflow:hidden}.hp-fill{height:100%}.hp-ok{background:var(--ok)}.hp-warn{background:var(--warn)}.hp-danger{background:var(--danger)}.sheet{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.sheet>*{min-width:0}.sheet-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.sheet-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0}.sheet-meta dt{font-size:.75rem;text-transform:uppercase;color:var(--muted)}.sheet-meta dd{margin:0;font-weight:600}.combat{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.combat-hp{flex:1 1 200px}.stat{display:grid;text-align:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;text-transform:uppercase;color:var(--muted)}.abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.ability{display:grid;justify-items:center;padding:.75rem .5rem}.ability-name{font-size:.8rem;font-weight:700;color:var(--accent)}.ability-mod{font-size:1.75rem;font-weight:700}.ability-score{font-size:.85rem;border:1px solid var(--border);border-radius:999px;padding:0 .6rem}.sheet-columns{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:1rem;align-items:start}.sheet-texts{display:grid;gap:1rem}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}.check-list li{display:grid;grid-template-columns:12px 2.5rem 1fr;align-items:center;gap:.5rem}.check-value{font-weight:700;text-align:right}.dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--muted)}.proficient .dot{background:var(--accent);border-color:var(--accent)}@media(max-width:860px){.abilities{grid-template-columns:repeat(3,1fr)}.sheet-columns{grid-template-columns:1fr}}.app-main:has(.character-sheet){max-width:1240px}.character-sheet{gap:1.5rem}.character-sheet .card{box-shadow:0 3px 12px #2b211807}.character-hero{padding:1.75rem;color:#fff4e2;border-color:#87613e;background:radial-gradient(ellipse at top right,#79503966,transparent 65%),linear-gradient(120deg,#3c2224,#54292a)}.character-identity{display:flex;align-items:center;gap:1.25rem}.character-crest{flex:0 0 82px;height:90px;display:grid;place-items:center;border:1px solid #c3a16f;border-radius:10px 10px 30px 30px;color:#e8ce9f;background:#ffffff08;box-shadow:inset 0 0 0 5px #ffffff05}.character-crest .class-icon{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.character-portrait{flex:0 0 156px;width:156px;display:flex;flex-direction:column;gap:.45rem;align-self:flex-start}.character-portrait-frame{height:184px;overflow:hidden;border:1px solid #c3a16f;border-radius:12px;background:#ffffff08}.character-portrait-frame img{display:block;width:100%;height:100%;object-fit:contain}.character-portrait-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;color:#e8ce9f;text-align:center;font-size:.8rem}.character-portrait-placeholder svg{width:36px;height:36px}.character-portrait .button{width:100%;min-height:38px;padding:.45rem;display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.72rem;color:#432e26;background:#f3e7d2;border-color:#c3a16f}.character-portrait small{font-size:.7rem;overflow-wrap:anywhere}.character-portrait .muted{color:#e8dbc6}.character-portrait .error{color:#ffc5b8}@media(max-width:600px){.character-portrait{flex-basis:112px;width:112px}.character-portrait-frame{height:140px}}.character-heading{flex:1;min-width:0}.character-eyebrow{margin:0 0 .5rem;color:#ddc19a;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase}.character-heading h1{font:2.15rem/1.15 Georgia,serif;margin:0;overflow-wrap:anywhere}.character-subtitle{margin:.7rem 0 0;color:#e2cfbf;font-size:.9rem;overflow-wrap:anywhere}.character-level{flex-shrink:0;display:grid;justify-items:center;gap:.15rem;border-left:1px solid #c3a16f66;padding-left:1.5rem}.character-level span{color:#ddc19a;text-transform:uppercase;font-size:.65rem;letter-spacing:.1em}.character-level strong{font:2.5rem Georgia,serif}.character-hero-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #c3a16f44}.character-meta{flex:1;gap:1rem 1.5rem}.character-meta>div{min-width:0}.character-meta dt{color:#ddc19a;font-size:.65rem;letter-spacing:.06em}.character-meta dd{margin-top:.3rem;font-size:.85rem;overflow-wrap:anywhere}.character-actions{display:flex;flex-wrap:wrap;gap:.5rem}.character-actions .button{color:#fff4e2;border-color:#c3a16f77;font-size:.8rem;min-height:40px}.character-actions .button:hover:not(:disabled){background:#ffffff12}.character-actions .error{color:#ffc3b5}.character-context:empty{display:none}.character-context{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.8rem;overflow-wrap:anywhere}.character-context .muted{color:#e2cfbf}.character-context .badge{background:#ffffff0d;color:#fff4e2;border-color:#c3a16f77}.character-combat{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:1.75rem;padding:1.5rem}.character-vitality{border-right:1px solid var(--border);padding-right:1.5rem;min-width:0}.character-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;color:var(--accent)}.character-section-heading h2{margin:0}.character-section-heading>span{margin-left:auto;font-size:.7rem;color:var(--muted)}.character-vitality .hp-label{font-size:1.1rem;margin-bottom:.5rem}.character-vitality .hp-temp{display:block;font-size:.75rem;margin:.2rem 0}.character-vitality .hp-track{height:10px}.character-vitality>.muted{font-size:.7rem;margin-top:.5rem}.character-combat-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.character-combat-stats .stat{align-content:start;justify-items:center;gap:.3rem}.character-combat-stats .stat-value{font:700 1.65rem Georgia,serif}.character-combat-stats .stat-label{color:var(--muted);font-size:.62rem;line-height:1.5}.character-stat-icon{color:var(--muted);font-size:1rem}.character-sheet .abilities{gap:.85rem}.character-sheet .ability{position:relative;padding:1rem .4rem .8rem;gap:.4rem;border-top:3px solid var(--accent)}.character-sheet .ability-name{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.character-sheet .ability-mod{font:700 2.2rem Georgia,serif}.character-sheet .ability-score{min-width:2.4rem;text-align:center;color:var(--muted);background:var(--bg)}.character-details{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.5rem;align-items:start}.character-proficiencies,.character-content{display:grid;gap:1.25rem;min-width:0}.character-sheet .check-list{margin-top:.8rem;gap:0}.character-sheet .check-list li{padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.8rem;grid-template-columns:10px 2rem minmax(0,1fr)}.character-sheet .check-list li:last-child{border-bottom:0}.character-sheet .check-list .proficient .check-value{color:var(--accent)}.character-list-hint{display:flex;align-items:center;gap:.4rem;margin:.75rem 0 0;color:var(--muted);font-size:.65rem}.character-list-hint .dot{width:7px;height:7px;background:var(--accent);border-color:var(--accent)}.character-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.character-notes .card{min-height:155px}.character-notes .card:last-child{grid-column:1 / -1}.character-notes .pre{margin-top:.9rem;font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}.character-notes .muted{margin-top:.9rem}.character-sheet .spells{min-width:0}.character-sheet .spell-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:960px){.character-combat{grid-template-columns:200px minmax(0,1fr);gap:1rem}.character-details{grid-template-columns:260px minmax(0,1fr);gap:1rem}.character-notes{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.character-combat{grid-template-columns:minmax(0,1fr)}.character-vitality{border-right:0;padding:0 0 1.25rem;border-bottom:1px solid var(--border)}.character-details{grid-template-columns:minmax(0,1fr)}.character-proficiencies{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.character-heading h1{font-size:1.65rem}.character-hero{padding:1.25rem}.character-meta{flex-basis:100%}.character-actions{width:100%}.character-identity{gap:.8rem}.character-crest{flex-basis:58px;height:68px}.character-crest svg{width:34px}.character-level{padding-left:.7rem}}@media(max-width:520px){.character-proficiencies{grid-template-columns:minmax(0,1fr)}.character-identity{flex-wrap:wrap}.character-heading{flex-basis:calc(100% - 75px)}.character-level{grid-auto-flow:column;gap:.75rem;align-items:center;padding:0;border:0}.character-level strong{font-size:1.3rem}.character-combat-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1.25rem}.character-sheet .abilities{gap:.5rem}.character-sheet .ability-name{font-size:.6rem;letter-spacing:0}.character-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.page-header,.sheet-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.sheet-title{justify-content:flex-start}.sheet-title h1{margin:0}.button{display:inline-block;text-decoration:none}.sheet-form{display:grid;gap:1rem;margin-top:1rem}.sheet-form fieldset{margin:0;min-width:0}.sheet-form legend{font-family:Georgia,Times New Roman,serif;font-weight:700;color:var(--accent);padding:0 .4rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.75rem 1rem}.form-grid-texts{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.span-2{grid-column:span 2}.field select,.field textarea{font:inherit;font-weight:400;padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.field textarea{resize:vertical}.field [aria-invalid=true]{border-color:var(--danger)}.field small.error,.ability-input small.error{font-weight:400}.ability-input input{width:4.5rem;font:inherit;font-size:1.25rem;font-weight:700;text-align:center;padding:.25rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.ability-input .ability-mod{font-size:1rem;color:var(--muted)}.form-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;align-items:start}.checkbox-list{display:grid;gap:.35rem}.checkbox-list-2{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}.checkbox-list label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-list input{accent-color:var(--accent)}.form-error{padding:.75rem 1rem;border:1px solid var(--danger);border-radius:var(--radius)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}@media(max-width:860px){.form-columns{grid-template-columns:1fr}.span-2{grid-column:auto}}.form-grid .field{min-width:0}.form-grid .field input,.form-grid .field select,.form-grid .field textarea{width:100%}.button-danger{background:var(--danger)}.button-ghost-danger{color:var(--danger)}.dialog{width:min(440px,calc(100% - 2rem));color:var(--text);display:grid;gap:.75rem}.dialog:not([open]){display:none}.dialog::backdrop{background:#00000080}.dialog p{margin:0}.notice{margin:1rem 0 0;padding:.6rem 1rem;border:1px solid var(--ok);border-radius:var(--radius)}.app-brand{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem}.app-nav{display:flex;gap:1rem}.app-nav a{color:var(--muted);text-decoration:none;font-weight:600;padding-bottom:2px;border-bottom:2px solid transparent}.app-nav a.active{color:var(--text);border-bottom-color:var(--accent)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.badge{display:inline-block;width:fit-content;margin:.25rem 0 0;padding:.1rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.75rem;font-weight:700;color:var(--muted)}.badge-gm{border-color:var(--accent);color:var(--accent)}.sheet-card .muted+.muted{margin-top:-.5rem}.player-list{list-style:none;margin:0 0 1rem;padding:0;display:grid}.player-list li{display:grid;grid-template-columns:minmax(140px,1fr) 2fr auto;align-items:center;gap:.5rem 1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.player-list li:last-child{border-bottom:0}.player-name{font-weight:600}.inline-form{display:grid;gap:.35rem}.inline-form-row{display:flex;flex-wrap:wrap;gap:.5rem}.inline-form-row input,.inline-form-row select{flex:1 1 220px;font:inherit;font-weight:400;padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.form-grid-single{grid-template-columns:1fr}@media(max-width:640px){.player-list li{grid-template-columns:1fr auto}.player-character{grid-column:1 / -1;grid-row:2}}.players-add{display:grid;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.players-add>.button{width:fit-content}.player-search{display:grid;gap:.5rem}.search-results{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:6px}.search-results li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .75rem}.search-results li+li{border-top:1px solid var(--border)}.search-results .button{padding:.3rem .75rem}.auth-switch{text-align:center}.field small.muted{font-weight:400}.forgot-link{justify-self:end;font-size:.9rem;margin-top:-.5rem}.app-profile-link{font-weight:600;text-decoration:none}.app-profile-link:hover,.app-profile-link.active{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.profile{display:grid;gap:1rem;width:100%;max-width:760px;margin-inline:auto}.profile h1{margin:0}.profile-form{display:grid;gap:1rem}.profile-form h2{margin:0}.profile-readonly{margin:0;font-weight:400}.form-actions{align-items:center}.slot-inputs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.5rem;margin-top:.5rem}.slot-input input{width:100%;text-align:center}.spells{display:grid;gap:1rem}.spells h2,.spells h3{margin:0}.spells h3{font-size:1rem;font-family:Georgia,Times New Roman,serif}.spells-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.spell-stats{display:flex;flex-wrap:wrap;gap:2rem}.spell-slots{display:grid;gap:.5rem}.slot-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.slot-list li{display:flex;align-items:center;gap:.5rem}.slot-level{font-weight:700;font-size:.85rem}.slot-pips{display:flex;gap:.25rem}.slot-pip{width:18px;height:18px;padding:0;border:2px solid var(--accent);border-radius:50%;background:transparent;cursor:pointer}.slot-pip-used{background:var(--accent)}.slot-pip:disabled{cursor:default;opacity:.8}.spell-level{display:grid;gap:.35rem}.spell-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:6px}.spell-list li+li{border-top:1px solid var(--border)}.spell-list summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer}.spell-list summary .badge{margin:0}.spell-name{font-weight:600}.spell-prepared{display:flex;align-items:center;gap:.35rem;margin-left:auto;font-size:.9rem;cursor:pointer}.spell-prepared input{accent-color:var(--accent)}.spell-details{display:grid;gap:.5rem;padding:0 .75rem .75rem}.spell-details dl{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0}.spell-details dt{font-size:.75rem;text-transform:uppercase;color:var(--muted)}.spell-details dd{margin:0}.spell-details .form-actions{justify-content:flex-start}.spell-dialog{width:min(640px,calc(100% - 2rem))}.spell-form{display:grid;gap:1rem}.spell-form h2{margin:0}.spell-flags{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:640px){.slot-inputs{grid-template-columns:repeat(5,minmax(0,1fr))}}.picker-filters{display:flex;flex-wrap:wrap;gap:.5rem}.picker-filters input,.picker-filters select{flex:1 1 200px;font:inherit;padding:.5rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.picker-class-filter{display:flex;align-items:center;gap:.5rem;cursor:pointer}.picker-class-filter input{accent-color:var(--accent)}.picker-list{list-style:none;margin:0;padding:0;max-height:min(55vh,520px);overflow-y:auto;border:1px solid var(--border);border-radius:6px}.picker-list li+li{border-top:1px solid var(--border)}.picker-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem}.picker-name{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding:.25rem 0;font:inherit;text-align:left;color:inherit;background:none;border:0;cursor:pointer}.picker-name .badge{margin:0}.picker-row .button{padding:.3rem .75rem}.srd-note{font-size:.8rem;margin:0}.app-footer{max-width:1240px;margin:0 auto;padding:0 1rem 2rem;font-size:.75rem;color:var(--muted)}.app-footer{text-align:center}.srd-hints{display:grid;gap:.25rem;margin-top:.75rem}.srd-hints p{margin:0;font-size:.9rem}.spell-damage dl{padding:.5rem .75rem;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 6px 6px 0}.spell-damage dd{font-weight:600}.spell-damage-short{font-size:.85rem;color:var(--accent);font-weight:600}.game-icon{flex-shrink:0;vertical-align:middle}.class-icon{color:var(--accent)}.inline-icon{margin-right:.35rem}.damage-icon{color:inherit}.damage-roll{display:inline-flex;align-items:center;gap:.2rem}.damage-roll+.damage-roll:before{content:",";margin-right:.35rem}.spell-damage-short{display:inline-flex;flex-wrap:wrap;gap:0 .1rem}.app-footer a{color:inherit}.credits-page{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid;gap:1rem}.credits-page h1,.credits-page h2{margin:0}.credits-page .card{display:grid;gap:.75rem}.credits-page p{margin:0}.credits-page a{color:var(--accent)}.credits-attribution{margin:0;padding:.75rem 1rem;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 6px 6px 0;overflow-wrap:anywhere}.credits-link{margin-top:-.5rem;font-size:.8rem}.hp-auto{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;cursor:pointer}.hp-auto input{accent-color:var(--accent)}.hp-detail{margin-top:.35rem;font-size:.9rem}.field input[readonly]{opacity:.75;cursor:default}.campaign-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.app-main:has(.campaign-page):not(:has(.campaign-combat-page)){max-width:1240px}.campaign-page{gap:1.5rem}.campaign-hero>.character-identity>.badge{flex-shrink:0;margin:0;padding:.4rem .7rem;color:#f5e2c2;background:#ffffff0c;border:1px solid #c3a16f77}.campaign-hero>.character-identity>.badge-gm{color:#3c2224;background:#e6cfab}.campaign-page .campaign-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.campaign-page .campaign-tabs .button{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.75rem .6rem;border:1px solid var(--border);border-bottom:3px solid var(--border);font-size:.85rem}.campaign-page .campaign-tabs .button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 3px 10px #2b211812}.campaign-page .campaign-tabs .button[aria-pressed=false]{background:var(--surface);color:var(--muted)}.campaign-page .campaign-tabs .button[aria-pressed=false]:hover{border-color:var(--accent);color:var(--accent)}.campaign-page .campaign-tabs svg{flex-shrink:0;font-size:1.15rem}.campaign-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;align-items:start}.campaign-overview-gm{grid-template-columns:minmax(0,1fr)}.campaign-overview>*{min-width:0}.campaign-description{min-height:165px}.campaign-description .pre{margin-top:1rem;line-height:1.8;font-size:.95rem;overflow-wrap:anywhere}.campaign-character-picker h2{margin-bottom:1rem}.campaign-character-picker select{min-width:0;width:100%;font-size:.85rem}.campaign-roster .players-add{margin-top:1rem;padding-bottom:1.25rem}.campaign-roster .players-add>.muted{font-size:.8rem}.campaign-roster-empty{display:grid;justify-items:center;gap:.7rem;padding:2rem 1rem;text-align:center}.campaign-roster-empty>svg{color:var(--accent)}.campaign-roster-empty p{margin:0}.campaign-roster-empty .muted{font-size:.85rem}.campaign-player-grid{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1rem}.campaign-player-card{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.campaign-player-header{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.75rem}.campaign-player-header>svg{flex-shrink:0}.campaign-player-header .player-name{min-width:0;overflow-wrap:anywhere}.campaign-player-level{flex-shrink:0;margin-left:auto;padding:.2rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.65rem;color:var(--accent)}.campaign-player-character{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.campaign-player-crest{display:grid;place-items:center;flex:0 0 44px;height:52px;color:var(--accent);border:1px solid var(--border);border-radius:6px 6px 15px 15px;background:var(--surface)}.campaign-player-identity{min-width:0}.campaign-player-character a,.campaign-player-character strong{font:700 1.05rem/1.4 Georgia,serif;overflow-wrap:anywhere}.campaign-player-character a{color:var(--accent);text-underline-offset:3px}.campaign-player-character .muted{margin:.35rem 0 0;font-size:.75rem;line-height:1.6;overflow-wrap:anywhere}.campaign-player-actions{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--border)}.campaign-player-actions .button{min-height:36px;font-size:.75rem}@media(max-width:760px){.campaign-overview{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.campaign-page .campaign-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-hero>.character-identity>.badge{margin-left:0}}.combat-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem}.combat-entry,.combat-entry-heading{display:grid;grid-template-columns:minmax(0,1fr) 7rem 2.75rem;align-items:center;gap:.5rem}.combat-entry{padding:.75rem 0;border-bottom:1px solid var(--border)}.combat-entry-heading{margin-top:1rem;padding-bottom:.4rem;color:var(--muted);font-size:.8rem;font-weight:600}.combat-selection{grid-column:1;grid-row:1;display:flex;align-items:center;gap:.5rem;min-width:0;overflow-wrap:anywhere}.combat-selection input{flex-shrink:0}.combat-initiative{grid-column:2;grid-row:1;width:7rem}.combat-entry>button{grid-column:3;grid-row:1;justify-self:center}.combat-remove{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;color:var(--danger)}.combat-initiative input{width:100%;min-width:0;min-height:2.75rem}.combat-enemy-add{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem}.combat-enemy-add .field{flex:1;min-width:min(100%,12rem)}.combat-enemy-add select{width:100%}.campaign-combat{min-width:0}.combat-library-actions{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem}.combat-library-actions .field{flex:1;min-width:min(100%,14rem)}.combat-library-actions input,.combat-library-actions select{width:100%}.combat-name{margin-bottom:1rem}.initiative-panel{margin:1.5rem 0;padding:1.25rem;min-width:0;color:#f2e8d6;background:radial-gradient(ellipse at top,#34343b,#191b23 75%);border:1px solid #8f774c;border-radius:var(--radius);box-shadow:inset 0 0 0 3px #191b23,inset 0 0 0 4px #554832}.initiative-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.initiative-eyebrow{color:#cbb486;font-size:.65rem;letter-spacing:.18em}.initiative-heading h3{font:1.4rem Georgia,serif;margin:.4rem 0}.initiative-next{background:#ad8d50;color:#18171c;border:1px solid #d6bd86}.initiative-next:hover:not(:disabled){background:#dcc18b}.initiative-next-help{position:relative;display:inline-flex;max-width:100%}.initiative-next-help:has(:disabled){cursor:not-allowed}.initiative-next-help .initiative-next:disabled{pointer-events:none}.initiative-next-help:focus-visible{outline:2px solid #f2d393;outline-offset:3px;border-radius:6px}.initiative-tooltip{position:absolute;z-index:10;top:calc(100% + .5rem);right:0;width:max-content;max-width:min(22rem,calc(100vw - 5rem));max-height:15rem;overflow:auto;padding:.7rem .85rem;border:1px solid #a99061;border-radius:6px;color:#f2e8d6;background:#191b23;box-shadow:0 4px 16px #0006;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere;visibility:hidden}.initiative-next-help:hover .initiative-tooltip,.initiative-next-help:focus-within .initiative-tooltip{visibility:visible}.initiative-status{font-size:.9rem;color:#d3c6b0}.initiative-status strong{color:#f1d49a}.initiative-empty{padding:2rem .5rem;text-align:center;line-height:1.8;color:#c6bda9}.combat-order{display:flex;gap:.85rem;list-style:none;margin:0;padding:.8rem .25rem 1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-color:#8f774c #191b23}.initiative-card{--faction: #7dbcc9;flex:0 0 210px;min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid #56727e;border-top:3px solid var(--faction);border-radius:5px;background:#20252f}.initiative-card.initiative-enemy{--faction: #ec8f81;background:#2d2228;border-color:#87544f;border-top-color:var(--faction)}.initiative-card.initiative-current{border-color:#f2d393;outline:2px solid #f2d393;outline-offset:2px;box-shadow:0 0 18px #dbb96733}.initiative-portrait{position:relative;display:grid;place-items:center;width:100%;height:128px;padding:1rem;border:0;border-bottom:1px solid #ffffff18;color:var(--faction);background:radial-gradient(ellipse at center,#ffffff12,#0003),repeating-linear-gradient(135deg,transparent 0 14px,#ffffff03 14px 15px);cursor:pointer;font:inherit}.initiative-portrait:disabled{cursor:default}.initiative-portrait:hover:not(:disabled){background-color:#ffffff0a}.initiative-portrait:focus-visible,.combat-order:focus-visible{outline:2px solid #f2d393;outline-offset:-3px}.initiative-position{position:absolute;top:.6rem;left:.7rem;font:.75rem Georgia,serif;color:#c4b99f}.initiative-emblem{display:grid;place-items:center;width:72px;height:72px;border:1px solid currentColor;border-radius:50%;background:#00000026;box-shadow:0 0 0 4px #ffffff04}.initiative-emblem>svg{width:44px;height:44px}.initiative-emblem>img{width:100%;height:100%;min-height:0;border-radius:inherit;object-fit:cover}.initiative-score{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .3rem;background:#161820;border:1px solid #a99061;color:#f4d8a0;font:700 1.05rem Georgia,serif;border-radius:4px}.initiative-turn{position:absolute;bottom:.4rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.initiative-current .initiative-turn{color:#f2d393}.initiative-card-body{padding:.8rem}.initiative-card-body h4{margin:0;min-height:2.6em;overflow-wrap:anywhere;font-size:.9rem;line-height:1.3}.initiative-card .muted{color:#c5b9aa;font-size:.8rem}.initiative-card .error{color:#ffb6a7;font-size:.8rem}.initiative-card .combat-health-controls{gap:.35rem}.initiative-card .combat-health-controls button{padding:0;min-width:2rem;min-height:2.75rem;border:1px solid #7d7057;color:#f2e8d6;background:#ffffff06}.initiative-card .combat-health-controls button:hover:not(:disabled){background:#ffffff17}.initiative-card .hp-label{font-size:.72rem;text-align:center}.initiative-card .hp-temp{display:block;margin-left:0;color:#9ad7ed}.initiative-help{color:#c6bda9;font-size:.75rem;line-height:1.6;margin-bottom:0}@media(max-width:480px){.initiative-panel{padding:.9rem}.initiative-card{flex-basis:190px}}.combat-health{margin-top:.5rem;max-width:28rem}.combat-health-controls{display:flex;align-items:center;gap:.75rem}.combat-health-controls .hp{flex:1;min-width:0}.combat-health-controls button{flex-shrink:0;min-width:2.75rem;min-height:2.75rem}.enemy-list{display:grid;gap:1rem;margin-top:1rem}.enemy-form{margin-block:1.5rem}.enemy-form fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:1rem}.enemy-form label{display:grid;gap:.4rem}.enemy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.monster-autocomplete{display:grid;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border);min-width:0}.monster-suggestions{list-style:none;padding:0;margin:0;max-height:18rem;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius)}.monster-option{display:grid;gap:.3rem;width:100%;padding:.75rem;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer}.monster-option[aria-selected=true],.monster-option:hover{background:var(--bg);box-shadow:inset 3px 0 var(--accent)}.monster-option small{color:var(--muted);overflow-wrap:anywhere}.monster-autocomplete small{font-weight:400}.enemy-form .field{min-width:0}.enemy-form input,.enemy-form textarea{width:100%;min-width:0}.campaign-maps{min-width:0}.map-create-actions,.map-card-actions,.map-editor-heading,.map-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.map-create-actions{margin-block:1.25rem}.map-empty{text-align:center;padding:2rem 1rem;border:1px dashed var(--border);border-radius:var(--radius)}.map-empty>span{color:var(--accent);font-size:3rem}.map-empty h3{margin:.5rem 0}.map-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.map-library-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0}.map-library-icon{display:grid;place-items:center;min-height:88px;font-size:2rem;color:#575c4d;letter-spacing:.5rem;background:repeating-linear-gradient(90deg,transparent 0 23px,#53564e22 23px 24px),repeating-linear-gradient(0deg,#b5b3a3 0,#b5b3a3 23px,#53564e33 23px,#53564e33 24px)}.map-library-icon.world{background:linear-gradient(140deg,#b6c68b 0,#b6c68b 50%,#a4c1bc 50%,#a4c1bc 70%,#c8ba93 70%);color:#47624c}.map-library-info{padding:1rem}.map-library-info h3{margin:.6rem 0;overflow-wrap:anywhere}.map-library-info p{margin:.5rem 0}.map-card-actions{margin-top:1rem}.map-editor{display:grid;gap:1rem;margin-top:1.25rem;min-width:0}.map-settings,.map-dimensions{display:grid;grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) 120px auto;align-items:end;gap:.75rem;border:0;padding:0;margin:0;min-width:0}.map-editor .field{min-width:0}.map-editor .field input,.map-editor .field select,.map-editor .field textarea{width:100%;min-width:0}.map-grid-toggle{display:flex;align-items:center;gap:.5rem;padding-bottom:.6rem}.map-toolbar{border-block:1px solid var(--border);padding-block:.8rem}.map-toolbar-divider{border-left:1px solid var(--border);height:1.5rem;margin-inline:.3rem}.map-workspace{display:grid;grid-template-columns:165px minmax(0,1fr);gap:1rem;min-width:0;align-items:start}.map-palette h3{margin:0 0 .6rem;font-size:1rem}.map-palette-buttons{display:grid;gap:.35rem}.map-terrain{display:flex;align-items:center;gap:.6rem;padding:.4rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.85rem;cursor:pointer;border-radius:6px;text-align:left}.map-terrain[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.map-swatch{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:4px;font-size:1.3rem}.map-canvas-area{display:grid;gap:.6rem;min-width:0}.map-viewport{overflow:auto;max-height:580px;min-width:0;border:1px solid var(--border);background:#393d36;border-radius:6px;overscroll-behavior:contain}.map-canvas{display:block;max-width:none;margin-inline:auto}.map-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.map-dimensions{grid-template-columns:115px 115px auto minmax(120px,1fr)}.map-dimensions>small{grid-column:1 / -1}.map-zoom input{accent-color:var(--accent)}.map-layer-switch,.map-objects-panel,.map-marker-details,.map-object-buttons{display:grid;gap:.5rem}.map-layer-switch{margin-bottom:1rem}.map-layer-switch button{text-align:left}.map-layer-switch [aria-pressed=true],.map-object-buttons [aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.map-objects-panel{font-size:.85rem}.map-objects-panel h3{margin:0}.map-objects-panel select,.map-objects-panel input{width:100%;min-width:0}.map-objects-panel .button{font-size:.8rem}.map-marker-details{border-top:1px solid var(--border);padding-top:.75rem}@media(max-width:780px){.map-settings,.map-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.map-settings .map-name{grid-column:1 / -1}.map-workspace{grid-template-columns:minmax(0,1fr)}.map-palette-buttons{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.map-viewport{max-height:380px}.map-dimensions>button{grid-column:1 / -1}.map-toolbar-divider{display:none}.map-layer-switch,.map-object-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.map-objects-panel{grid-template-columns:minmax(0,1fr)}}.character-section-nav{display:flex;flex-wrap:wrap;gap:.65rem}.character-section-nav a{padding:.55rem .85rem;border:1px solid var(--border);border-radius:.5rem;font-weight:600}.character-features,#character-spells{scroll-margin-top:1.5rem}.feature-group+.feature-group,.feature-personal{margin-top:1.4rem}.feature-group h3{margin-bottom:.65rem}.feature-detail{border-top:1px solid var(--border)}.feature-detail summary{display:flex;align-items:baseline;gap:.75rem;justify-content:space-between;cursor:pointer;padding:.8rem 0;font-weight:600}.feature-detail summary:before{content:"+";flex:0 0 auto}.feature-detail[open] summary:before{content:"−"}.feature-detail summary span{flex:1}.feature-detail summary small{white-space:nowrap;color:var(--muted);font-weight:400}.feature-description{padding:0 0 1rem 1.2rem;line-height:1.7;overflow-wrap:anywhere}.feature-description p{margin-top:0}.feature-description a,.feature-source{font-size:.85rem}.map-templates{margin:1.5rem 0 2rem}.map-templates-heading{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.map-templates-heading>div:first-child{flex:1 1 320px}.map-templates-heading h3{margin:0 0 .4rem}.map-template-filters{display:flex;flex-wrap:wrap;gap:.4rem}.map-template-filters [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.map-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem}.map-template-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column}.map-template-preview{height:170px;background:#eadfc3;display:grid;place-items:center;overflow:hidden}.map-template-preview canvas{display:block;width:100%;height:170px;min-width:0;min-height:0;object-fit:contain}.map-template-info{padding:1rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.map-template-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.map-template-info h4{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.map-template-info p{flex:1}.map-template-info button{align-self:start}.character-creation-help{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 1.5rem}.character-creation-help>.inline-icon{color:var(--accent)}.character-creation-help>a{font-weight:600}.character-creation-help>.muted{font-size:.85rem}