/* Shared live presentation. Record layouts and action handlers remain owned by each workspace. */
:root{color-scheme:dark;--bg:#10191b;--rail:#0c1417;--panel:#182427;--surface:#182427;--line:#304044;--border:#304044;--text:#f2eee5;--ink:#f2eee5;--muted:#a6b5b6;--accent:#dfac69;--orange:#dfac69;--gold:#dfac69;--cyan:#acd2c7;--mint:#acd2c7;--radius:12px}
html{background:var(--bg)}body[data-veilfall-page]{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
body[data-veilfall-page] *{box-sizing:border-box}
body[data-veilfall-page] :is(h1,h2,h3){color:var(--text);line-height:1.2}
body[data-veilfall-page] h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.5vw,48px);letter-spacing:-.025em}
body[data-veilfall-page] h2{font-size:23px;letter-spacing:-.02em}
body[data-veilfall-page] :is(p,span,small){overflow-wrap:break-word}
body[data-veilfall-page]>main{width:100%;max-width:1440px;margin:0 auto;padding:32px 40px 56px;min-width:0}
body[data-veilfall-page]>header{height:auto;min-height:80px;padding:20px 40px;background:var(--rail);border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}
body[data-veilfall-page]>header :is(.brand,.mark){color:var(--accent)}
body[data-veilfall-page] :is(button,.button-link,.play-link,.import,a.create){font:inherit;border-radius:7px;border:1px solid var(--border);background:#203033;color:var(--text);padding:10px 14px;text-decoration:none;cursor:pointer;max-width:100%}
body[data-veilfall-page] :is(button,.button-link,.play-link,.import,a.create):hover{border-color:var(--accent);background:#2a3b3c}
body[data-veilfall-page] :is(button.primary,button.save,a.create,.create,.primary-button,button.active,button[aria-pressed=true],.category-row button.active){background:var(--accent);border-color:var(--accent);color:#171d1d;font-weight:650}
body[data-veilfall-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border:1px solid #405356;border-radius:7px;background:#101b1e;color:var(--text);font:inherit;padding:10px 12px;max-width:100%;min-width:0}
body[data-veilfall-page] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body[data-veilfall-page] button:disabled{opacity:.5;cursor:not-allowed}
body[data-veilfall-page] :is(.card,.panel,.record-link,.article-reader,.article-list,.library-tools,.notice,.empty,.step,.creator-bridge,.setup,.choice-grid>label,.grid>article,.cards>article){background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}
body[data-veilfall-page] :is(.hero,.library-hero,.intro,.workbench-heading){padding:28px 0 32px;margin:0 0 28px;background:none;border:0;border-bottom:1px solid var(--border)}
body[data-veilfall-page] :is(.hero,.library-hero,.intro) h1{margin:8px 0 14px}
body[data-veilfall-page] :is(.hero,.library-hero,.intro) p{color:var(--muted);max-width:75ch}
body[data-veilfall-page] :is(.hero,.library-hero) :is(small,div>p:first-child){color:var(--accent)}
body[data-veilfall-page] :is(.actions,.top-actions,.toolbar,.category-row,.subnav){gap:10px;flex-wrap:wrap}
body[data-veilfall-page] :is(.workspace,.layout,.library-layout,.grid,.record-grid)>*{min-width:0}
body[data-veilfall-page] dialog{background:var(--panel);color:var(--text);border:1px solid #526263;border-radius:14px;padding:26px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto;box-shadow:0 24px 90px #0009}
body[data-veilfall-page] dialog::backdrop{background:#050c10bb;backdrop-filter:blur(4px)}
body[data-veilfall-page] .section-head{margin:30px 0 18px;gap:16px}
body[data-veilfall-page] .section-head p{color:var(--accent);letter-spacing:.13em;font-size:11px}
body[data-veilfall-page] .desktop-shell{width:100%;min-width:0}
body[data-veilfall-page] .desktop-shell>main{min-width:0}
body[data-veilfall-page] .desktop-shell .topbar{background:var(--rail);border-color:var(--border)}
body[data-veilfall-page=characters] .hero{background:radial-gradient(ellipse at 90% 20%,#2c4647,transparent 65%),var(--panel);border:1px solid var(--border);border-radius:12px;padding:36px}
body[data-veilfall-page=characters] .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:24px}
body[data-veilfall-page=characters] .grid>article{padding:24px;gap:18px;box-shadow:0 8px 30px #0002}
body[data-veilfall-page=characters] .grid .portrait{border:1px solid #65817b;border-radius:12px;background:linear-gradient(145deg,#304c4a,#15242c);color:var(--accent);font:28px Georgia,serif}
body[data-veilfall-page=characters] .card-copy h2{font:28px Georgia,serif;margin:8px 0}
body[data-veilfall-page=characters] .grid footer{gap:8px;border-top:1px solid var(--border);padding-top:18px;flex-wrap:wrap}
body[data-veilfall-page=characters] #characters footer>a:first-child{background:var(--accent);color:#10191b;border-color:var(--accent)}
body[data-veilfall-page=characters] #saved-drafts{margin-top:40px;padding-top:8px;border-top:1px solid var(--border)}
body[data-veilfall-page=characters] .creator-bridge{margin-top:40px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body[data-veilfall-page=characters] .creator-bridge h2{font-size:18px;margin:0 0 8px}
body[data-veilfall-page=party-journal]>main{display:block}
body[data-veilfall-page=party-journal]>main>aside{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 22px;background:none;border:0}
body[data-veilfall-page=party-journal]>main>section{padding:24px;background:var(--panel);border-radius:12px;border:1px solid var(--border)}
body[data-veilfall-page=party-journal] .record-link{padding:20px;background:#1d2c2f}
body[data-veilfall-page=party-journal] .subnav{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:20px}
body[data-veilfall-page] .library-tools{padding:24px;margin-bottom:24px}
body[data-veilfall-page] :is(.article-reader,.article-list){padding:24px}
body[data-veilfall-page] .article-list button{border-radius:8px;margin-bottom:8px}
body[data-veilfall-page=connected-player] #app{max-width:1280px}
body[data-veilfall-page] a{color:var(--mint)}
body[data-veilfall-page] button.active :is(small,span,strong,b){color:inherit}
body[data-veilfall-page=connected-player] .card,body[data-veilfall-page=connected-gm] .card{padding:24px}
body[data-veilfall-page=player-library] .library-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
body[data-veilfall-page=player-library] .library-tools label{margin:0;display:grid;gap:8px}
body[data-veilfall-page=player-library] .library-tools :is(#access,#count){margin:0;font-size:12px}
body[data-veilfall-page=player-library] #kinds{grid-column:1/-1;display:flex;margin:0}
body[data-veilfall-page=player-library] .library-tools #review{width:auto}
@media(max-width:760px){body[data-veilfall-page=player-library] .library-tools{grid-template-columns:minmax(0,1fr)}body[data-veilfall-page=connected-player] .card,body[data-veilfall-page=connected-gm] .card{padding:20px}}
@media(max-width:1000px){body[data-veilfall-page]>main{padding:24px}body[data-veilfall-page]>header{padding:20px 24px}body[data-veilfall-page] .library-layout{grid-template-columns:minmax(0,1fr)}body[data-veilfall-page] .article-list{max-height:320px}}
@media(max-width:760px){body[data-veilfall-page]>main{padding:20px 16px 40px}body[data-veilfall-page]>header{padding:16px;min-height:64px}body[data-veilfall-page] h1{font-size:32px}body[data-veilfall-page] :is(.hero,.library-hero,.intro){padding:20px 0}body[data-veilfall-page=characters] .hero{padding:24px}body[data-veilfall-page=characters] .topbar>.brand{display:none}body[data-veilfall-page=characters] .topbar .actions{display:flex;flex-wrap:wrap;gap:8px}body[data-veilfall-page=characters] .creator-bridge{align-items:start;flex-direction:column}body[data-veilfall-page=party-journal]>main>section{padding:16px}body[data-veilfall-page] :is(.library-tools,.article-reader,.article-list){padding:16px}body[data-veilfall-page] .section-head{align-items:start;flex-direction:column}body[data-veilfall-page] :is(.workspace,.layout){max-width:100%}}