@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap";:root{--ink:#1b1b2f;--ink-soft:#5a5466;--fog:#e0e2ee;--mist:#a09cb0;--peak:#f5f5f7;--earth:#3e2723;--umber:#5d4037;--moss:#4b5320;--danger:#7a2e2e;--surface:#f5f5f7db;--line:#1b1b2f24;--shadow:0 18px 50px #1b1b2f24;--radius:12px;color:var(--ink);background:var(--fog);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Figtree,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:var(--umber);text-decoration:none}a:hover{color:var(--earth)}button,input,textarea,select{font:inherit}.boot{min-height:100vh;color:var(--ink,#1b1b2f);background:#e0e2ee;place-items:center;font-family:Figtree,system-ui,sans-serif;display:grid}.sync-banner{color:#f5f5f7;text-align:center;background:#5d4037;padding:.55rem 1rem;font-size:.85rem}.sync-banner.ok{background:#3d4a28}.sync-banner code{font-size:.85em}.app-shell{isolation:isolate;min-height:100vh;position:relative}.atmosphere{z-index:-1;background:radial-gradient(90% 55% at 50% -5%,#f5f5f7e6,#0000 55%),radial-gradient(60% 45% at 85% 20%,#a09cb059,#0000 50%),radial-gradient(50% 40% at 10% 80%,#3e27231f,#0000 55%),linear-gradient(#e0e2ee 0%,#c8c6d4 42%,#b7b0b8 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.22;background-image:linear-gradient(#1b1b2f0a 1px,#0000 1px),linear-gradient(90deg,#1b1b2f0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#e0e2eeb8;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;transition:background .25s,border-color .25s;display:flex;position:sticky;top:0}.app-shell.home .topbar{background:#e0e2ee47;border-bottom-color:#1b1b2f14}.brand{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:700}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:#f5f5f7bf;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;margin-left:auto;padding:.45rem;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.app-shell.menu-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.app-shell.menu-open .nav-toggle span:nth-child(2){opacity:0}.app-shell.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop,.nav-drawer{display:none}.nav{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem 1rem;min-width:0;display:flex}.nav a{color:var(--ink-soft);font-size:.95rem;font-weight:500}.nav a.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--moss)}.session{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.session-desktop{margin-left:auto}.session-meta{flex-direction:column;align-items:flex-end;font-size:.85rem;line-height:1.2;display:flex}.session-meta em{color:var(--ink-soft);font-size:.75rem;font-style:normal}.main{width:min(960px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.app-shell.home .main{width:100%;max-width:none;margin:0;padding:0}.hero{flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - 4.25rem);padding:clamp(1.5rem,4vw,3rem);animation:1s both fade-in;display:flex;position:relative;overflow:hidden}.hero-media{background:linear-gradient(#1b1b2f38 0%,#1b1b2f4d 42%,#1b1b2fd6 100%),url(/hero-vestmarch.png) 50%/cover no-repeat;animation:18s ease-out both kenburns;position:absolute;inset:0;transform:scale(1.02)}.hero-content{z-index:1;width:min(40rem,100%);color:var(--peak);position:relative}.home-feed{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(22rem,100% - 2rem);max-height:min(42vh,22rem);color:var(--peak);background:#1b1b2f6b;border:1px solid #e0e2ee38;border-radius:.65rem;flex-direction:column;gap:.55rem;padding:.85rem 1rem;animation:1.1s .25s both fade-in;display:flex;position:absolute;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.home-feed-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.home-feed-head strong{letter-spacing:.02em;font-family:Fraunces,Georgia,serif;font-size:1rem}.home-feed-staff{color:#e0e2eed9;text-underline-offset:.15em;font-size:.78rem;text-decoration:underline}.home-feed-empty{opacity:.75;margin:0;font-size:.88rem}.home-feed-list{scrollbar-gutter:stable;gap:.35rem;margin:0;padding:0 .65rem 0 0;list-style:none;display:grid;overflow:auto}.home-feed-list a{color:inherit;border-bottom:1px solid #e0e2ee1f;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.35rem .35rem .35rem 0;font-size:.86rem;line-height:1.35;display:flex}.home-feed-list a:hover span{text-underline-offset:.12em;text-decoration:underline}.home-feed-list time{opacity:.7;flex-shrink:0;padding-right:.15rem;font-size:.72rem}.home-feed-list::-webkit-scrollbar{width:8px}.home-feed-list::-webkit-scrollbar-thumb{background:#e0e2ee59;border-radius:999px}.home-feed-list::-webkit-scrollbar-track{background:0 0}.feed-section-title{margin:1.5rem 0 .75rem;font-family:Fraunces,Georgia,serif;font-size:1.15rem}.news-announcements{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.news-card{border-top:1px solid #1b1b2f1f;padding:1rem 0}.news-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#f5f5f7c7;margin:0 0 .65rem;font-size:.75rem}.hero-brand{color:var(--peak);letter-spacing:.02em;text-shadow:0 1px 2px #1b1b2f8c;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.4rem,9vw,5.5rem);line-height:1.05}.hero-sub{color:#f5f5f7f2;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #1b1b2f73;margin:.55rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.2rem,3.5vw,2rem)}.lede{color:#f5f5f7eb;text-shadow:0 1px 2px #1b1b2f66;max-width:28rem;margin:1rem 0 1.4rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}@media (width>=721px){.hero-brand,.hero-sub,.lede,.cta-row{animation:.85s both rise}.hero-brand{animation-delay:.1s}.hero-sub{animation-delay:.18s}.lede{animation-delay:.26s}.cta-row{animation-delay:.34s}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;animation:.5s both rise}.panel.narrow{max-width:480px}.panel.nested{box-shadow:none;background:#e0e2ee73;margin-top:1.25rem}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.panel h1,.panel h2{color:var(--ink);margin:0 0 .35rem;font-family:Fraunces,Georgia,serif}.muted{color:var(--ink-soft);margin:0}.hint{max-width:22rem;color:var(--ink-soft);margin:0;font-size:.9rem}.btn{border:1px solid var(--earth);background:var(--earth);color:var(--peak);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1.15rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--umber);border-color:var(--umber);color:var(--peak);transform:translateY(-1px)}.btn.ghost{color:var(--ink);background:0 0;border-color:#1b1b2f47}.btn.ghost:hover{color:var(--ink);background:#a09cb033}.hero .btn.ghost{color:var(--peak);background:#1b1b2f38;border-color:#f5f5f78c}.hero .btn.ghost:hover{color:var(--peak);background:#1b1b2f66}.hero .btn:not(.ghost){background:var(--moss);border-color:var(--moss)}.hero .btn:not(.ghost):hover{background:#3a4219;border-color:#3a4219}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.form{gap:.9rem;margin:1rem 0;display:grid}.form label{gap:.35rem;font-size:.92rem;font-weight:500;display:grid}.form input,.form textarea,.form select,.table select{border:1px solid var(--line);color:var(--ink);background:#f5f5f7eb;border-radius:10px;padding:.7rem .85rem}.form textarea{resize:vertical;min-height:8rem}.field-label{font-size:.92rem;font-weight:500}.md-editor{gap:.45rem;display:grid}.md-toolbar{flex-wrap:wrap;gap:.35rem;display:flex}.md-tool{border:1px solid var(--line);min-width:2.15rem;height:2.15rem;color:var(--ink);font:inherit;cursor:pointer;background:#f5f5f7eb;border-radius:8px;padding:0 .55rem;font-size:.82rem;font-weight:600;line-height:1}.md-tool:hover{border-color:var(--moss);background:#4b53201a}.md-tool b,.md-tool i{font-size:.95rem}.md-textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;min-height:8rem;font:inherit;background:#f5f5f7eb;border-radius:10px;padding:.7rem .85rem;line-height:1.45}.md-hint{margin:0}.error{color:var(--danger);margin:0}.ok{color:var(--moss);margin:0}.linkish{color:var(--umber);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.article-list,.char-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.article-list a,.char-list>li{border:1px solid var(--line);background:#f5f5f7a6;border-radius:12px;justify-content:space-between;gap:1rem;padding:.95rem 1rem;display:flex}.article-list a:hover,.char-list>li{align-items:flex-start}.article-list time{color:var(--ink-soft);white-space:nowrap;font-size:.85rem}.char-list>li{flex-direction:column}.char-list p{margin:.35rem 0 0}.character-form{gap:1.25rem}.chargen-steps{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.chargen-steps li button{border:1px solid var(--line);color:var(--ink-soft);cursor:default;background:#f5f5f7b3;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.85rem;display:inline-flex}.chargen-steps li.reachable button,.chargen-steps li.done button{cursor:pointer;color:var(--ink);border-color:#4b532059}.chargen-steps li.reachable:not(.active):not(.done) button:hover,.chargen-steps li.done:not(.active) button:hover{background:#4b53201a}.chargen-steps li.locked button{opacity:.55;cursor:not-allowed}.chargen-steps li.active button{background:var(--earth);border-color:var(--earth);color:var(--peak);cursor:default;opacity:1}.chargen-steps li span{background:#1b1b2f14;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-grid}.chargen-steps li.active span{background:#f5f5f733}.chargen-rules{margin:0}.combat-preview,.chargen-summary{border:1px solid var(--line);background:#e0e2ee73;border-radius:10px;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.85rem;padding:.75rem .9rem;display:flex}.chargen-summary{flex-direction:column;gap:.25rem;margin-top:.5rem;margin-bottom:0}.origin-card{border:1px solid var(--line);background:#e0e2ee73;border-radius:10px;gap:.25rem;margin:.75rem 0 0;padding:.75rem .9rem;font-size:.92rem;display:grid}.origin-card p{margin:0}.form-section{border:0;border-top:1px solid var(--line);margin:0;padding:1rem 0 0}.form-section:first-of-type{border-top:0;padding-top:0}.form-section legend{color:var(--ink);margin-bottom:.75rem;padding:0;font-family:Fraunces,Georgia,serif;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.form-grid>label{align-content:start;min-width:0}.form-grid select,.form-grid input{align-self:start;width:100%;max-width:100%;height:auto}.field-stack{gap:.25rem;min-width:0;display:grid}.field-stack>label,.field-hint{margin:0}.method-row{gap:.65rem;margin-bottom:.85rem;display:grid}.form label.radio{flex-direction:row;align-items:flex-start;gap:.55rem;font-weight:500;line-height:1.35;display:flex}.form label.radio input[type=radio]{width:auto;accent-color:var(--earth);flex-shrink:0;margin:.2rem 0 0}.ability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.85rem 0 1.1rem;display:grid}.ability-cell{border:1px solid var(--line);text-align:center;background:#f5f5f7bf;border-radius:12px;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0;padding:.75rem .7rem;display:flex}.ability-cell-head{justify-content:center;align-items:center;gap:.35rem;display:flex}.ability-label{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:700;line-height:1}.asi-badge{background:var(--moss);min-width:1.5rem;color:var(--peak);border-radius:999px;justify-content:center;align-items:center;padding:.1rem .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.ability-cell select{text-align:center;text-align-last:center;width:100%;padding:.55rem .4rem}.ability-final{margin-top:.15rem;font-size:1.05rem}.asi-panel{border:1px solid var(--line);background:#e0e2ee80;border-radius:12px;gap:.65rem;padding:.95rem 1rem;display:grid}.asi-panel-title{color:var(--ink);margin:0;font-family:Fraunces,Georgia,serif;font-weight:700}.asi-origin-skills{gap:.2rem;font-size:.92rem;display:grid}.asi-origin-skills p{margin:0}.asi-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.asi-panel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.asi-mode-row{flex-wrap:wrap;gap:.85rem 1.25rem;display:flex}@media (width<=640px){.asi-panel-grid.three{grid-template-columns:1fr}}.asi-panel-grid>label{min-width:0}.asi-panel-grid select{width:100%}.pointbuy-legend{margin:0 0 .35rem}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;display:grid}.skill-chip{border:1px solid var(--line);cursor:pointer;background:#f5f5f7a6;border-radius:10px;align-items:flex-start;gap:.45rem;min-height:3.1rem;margin:0;padding:.55rem .65rem;font-size:.88rem;line-height:1.25;display:flex}.skill-chip input{flex-shrink:0;margin-top:.15rem}.skill-chip-body{gap:.1rem;min-width:0;display:grid}.skill-chip-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.skill-chip-mod{font-size:.78rem}.skill-chip.on{border-color:var(--moss);background:#4b53201f}.skill-chip.locked{opacity:.55;cursor:not-allowed}.inline-field{align-items:center;gap:.5rem;display:flex}.inline-field input{flex:1}.tiny{font-size:.82rem}.char-sheet{gap:.65rem;width:100%;display:grid}.char-pdf{gap:.4rem;padding-top:.25rem;display:grid}.char-sheet-head{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.char-name{font-family:Fraunces,Georgia,serif;font-size:1.25rem}.char-combat{flex-wrap:wrap;gap:.85rem;font-size:.92rem;display:flex}.ability-row{flex-wrap:wrap;gap:.45rem;display:flex}.ability-pill{border:1px solid var(--line);background:#e0e2ee8c;border-radius:8px;justify-items:center;min-width:3.4rem;padding:.35rem .45rem;font-size:.78rem;display:grid}.ability-pill b{font-size:1rem}.ability-pill em{color:var(--ink-soft);font-style:normal}.crumb{margin-bottom:.5rem;font-size:.9rem;display:inline-block}.preview{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem}.markdown{line-height:1.65}.markdown h1,.markdown h2,.markdown h3{color:var(--ink);font-family:Fraunces,Georgia,serif}.markdown p{margin:.75rem 0}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.75rem .5rem}.admin-user-list{gap:.85rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.admin-user-card{border-top:1px solid var(--line);gap:.85rem;min-width:0;padding:.95rem 0;display:grid}.admin-user-card:first-child{border-top:0;padding-top:0}.admin-user-info{gap:.2rem;min-width:0;display:grid}.admin-user-name{overflow-wrap:anywhere;font-family:Fraunces,Georgia,serif;font-size:1.1rem}.admin-user-email{overflow-wrap:anywhere;font-size:.9rem}.admin-user-you{margin-top:.15rem}.admin-user-actions{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.admin-user-role{flex:9rem;gap:.3rem;min-width:0;font-size:.92rem;font-weight:500;display:grid}.admin-user-role select{border:1px solid var(--line);width:100%;color:var(--ink);background:#f5f5f7eb;border-radius:10px;padding:.65rem .75rem}.admin-user-actions .btn{flex:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes kenburns{0%{transform:scale(1.06)}to{transform:scale(1.02)}}@media (width<=720px){.nav-desktop,.session-desktop{display:none}.nav-toggle{z-index:40;display:flex;position:relative}.topbar{z-index:40;flex-direction:row;align-items:center;gap:.75rem;padding:.65rem .85rem}.app-shell.home .topbar{background:#e0e2eee6;border-bottom-color:#1b1b2f1f}.brand{z-index:40;font-size:1.15rem;position:relative}.nav-backdrop{z-index:30;cursor:pointer;background:#1b1b2f73;border:0;margin:0;padding:0;display:block;position:fixed;inset:0}.nav-drawer{z-index:35;overscroll-behavior:contain;border-left:1px solid var(--line);background:#f5f5f7fa;flex-direction:column;gap:1.25rem;width:min(16.5rem,82vw);height:auto;max-height:100%;padding:4.1rem 1.15rem 1.5rem;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-12px 0 40px #1b1b2f2e}.nav-drawer.open{transform:translate(0)}.nav-drawer[hidden]{display:none}.nav-mobile{flex-flow:column;align-items:stretch;gap:.15rem}.nav-mobile a{color:var(--ink);box-shadow:none;border-radius:8px;padding:.7rem .55rem;font-size:1.05rem;display:block}.nav-mobile a.active{box-shadow:none;background:#4b53201f}.session-mobile{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.session-mobile .session-meta{align-items:flex-start}.session-mobile .btn{justify-content:center;width:100%}.panel-head{flex-direction:column}.app-shell.home{background:#1b1b2f;min-height:100dvh}.app-shell.home .main{min-height:calc(100dvh - 3.25rem)}.hero{justify-content:flex-end;gap:.85rem;min-height:calc(100dvh - 3.25rem);padding:1rem 1rem 1.1rem}.hero-media{background:linear-gradient(#1b1b2f59 0%,#1b1b2f73 38%,#1b1b2fe0 100%),url(/hero-vestmarch.png) 50%/cover no-repeat}.hero-content{flex-direction:column;flex:auto;justify-content:flex-end;min-height:0;padding-top:.5rem;display:flex}.hero-brand{text-shadow:0 1px 3px #000000a6;font-size:clamp(2.35rem,12vw,3.25rem);line-height:1.08}.hero-sub,.lede,.eyebrow{text-shadow:0 1px 3px #0000008c}.lede{margin:.85rem 0 1.1rem;font-size:.98rem}.cta-row{flex-direction:column;width:100%}.cta-row .btn{justify-content:center;width:100%}.home-feed{flex:none;width:100%;max-height:11.5rem;margin-top:0;position:relative;bottom:auto;right:auto}.form-grid{grid-template-columns:1fr}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asi-panel-grid{grid-template-columns:1fr}.chargen-steps li button{padding:.3rem .55rem;font-size:.78rem}.main{width:min(960px,100% - 1.25rem);padding:1.25rem 0 3rem;overflow-x:clip}.panel{padding:1.1rem;overflow-x:clip}.admin-user-actions{flex-direction:column;align-items:stretch}.admin-user-actions .btn{width:100%}.char-combat{gap:.5rem .75rem}}@media (prefers-reduced-motion:reduce){.hero,.hero-media,.hero-brand,.hero-sub,.lede,.cta-row,.home-feed,.panel,.nav-drawer{transition:none!important;animation:none!important}.hero-media{transform:none}}