:root{--rb-parchment:#f3eee3;--rb-card:#f8f4ea;--rb-red:#8c1d18;--rb-red-dark:#6e1512;--rb-text:#3a2a20;--rb-border:#a77b5a;--rb-radius:12px}.library-splash{background:#090604;border:1px solid #d4a44abf;border-radius:14px;width:100%;max-width:1280px;margin:0 auto 1.25rem;overflow:hidden;box-shadow:0 0 28px #000000a6}.library-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:1280px;margin:1rem auto 2rem;display:grid}.library-card{min-height:120px;padding:1rem}.library-card-title{font-size:1.25rem;line-height:1.1}.library-card-subtitle{font-size:.85rem;line-height:1.35}.library-card-action{margin-top:.75rem}.splash-click-zone,.splash-click-zone:hover,.splash-click-zone:focus,.splash-click-zone:active{appearance:none;cursor:pointer;display:block;position:absolute;color:#0000!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important}.library-splash{position:relative!important}.library-splash-image{width:100%;height:auto;display:block}.splash-click-zone{z-index:10!important;appearance:none!important;color:#0000!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;display:block!important;position:absolute!important}.splash-click-zone:hover{background:0 0!important;outline:none!important}.splash-psionics{width:16%;height:25%;top:40%;left:20%}.splash-vault{width:16%;height:25%;top:40%;left:40%}.splash-art{width:16%;height:25%;top:40%;left:59%}.splash-adventures{width:16%;height:25%;top:40%;left:79%}.splash-settings{width:22%;height:22%;top:68%;left:20%}.splash-rules{width:22%;height:22%;top:68%;left:46%}.splash-future{width:22%;height:22%;top:68%;left:72%}.side-home{width:14%;height:5%;top:13%;left:2%}.side-psionics{width:14%;height:6%;top:25%;left:2%}.side-vault{width:14%;height:6%;top:33%;left:2%}.side-art{width:14%;height:6%;top:41%;left:2%}.side-adventures{width:14%;height:6%;top:49%;left:2%}.side-settings{width:14%;height:6%;top:57%;left:2%}.side-rules{width:14%;height:6%;top:65%;left:2%}.side-future{width:14%;height:6%;top:72%;left:2%}@media (width<=1024px){.library-splash{max-width:100%}.library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));max-width:100%}}@media (width<=768px){.library-splash{border-radius:12px;margin-bottom:1rem}.library-grid{grid-template-columns:1fr}.library-card{width:100%}.splash-click-zone{min-height:36px}.splash-psionics,.splash-vault,.splash-art,.splash-adventures,.splash-settings,.splash-rules,.splash-future{min-height:44px}}@media (width<=480px){.library-splash{border-radius:10px}.splash-click-zone{min-height:32px}.splash-psionics,.splash-vault,.splash-art,.splash-adventures,.splash-settings,.splash-rules,.splash-future{min-height:38px}}*{box-sizing:border-box}:root{--bg-dark:#201a16;--bg-panel:#f5eddc;--bg-paper:#f8f3e7;--border-dark:#3a2418;--border-red:#7b1d18;--text-main:#24150f;--text-muted:#6f5a4c;--accent:#7b1d18;--accent-hover:#a12a22;--shadow:0 10px 28px #00000059;--phb-column-gap:42px}html,body,#root{background:var(--bg-dark);min-height:100%;color:var(--text-main);margin:0;font-family:Georgia,Times New Roman,serif}body{line-height:1.45}.app-shell{min-height:100vh;padding:24px}.app-header,.filter-bar,.export-controls,.empty-state,.status-box,.error-box,.page-toolbar{background:var(--bg-panel);border:2px solid var(--border-red);max-width:1600px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto 20px;padding:20px}.app-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.app-subtitle{color:var(--text-muted)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-weight:700}h1,h2,h3,h4{color:#31160f;margin-top:0}h1{font-size:42px}button,.upload-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700;transition:background .15s}button:hover,.upload-button:hover{background:var(--accent-hover)}.secondary-button{background:#57473f}.secondary-button:hover{background:#6a564d}.upload-button input{display:none}.section-nav{flex-wrap:wrap;gap:10px;max-width:1600px;margin:0 auto 20px;display:flex}.section-nav-button.active,.view-toggle button.active{background:#b43229}.filter-main-row,.filter-actions-row,.export-controls,.page-toolbar,.view-toggle{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filter-main-row{margin-bottom:14px}.filter-search{flex:1}.filter-buttons,.export-buttons,.export-mode-controls{flex-wrap:wrap;gap:10px;display:flex}.filter-result-count,.export-status{color:var(--text-muted)}label span{margin-bottom:4px;font-weight:700;display:block}input,select,textarea{background:#fffaf1;border:1px solid #a6947a;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:14px}.powers-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:22px;max-width:1600px;margin:0 auto;display:grid}.power-card{background:var(--bg-panel);border:2px solid var(--border-dark);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.power-card-header{color:#fff;cursor:pointer;background:linear-gradient(90deg,#51140f,#88221a);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.power-card-header h2{color:#fff;margin-bottom:4px}.power-card-header p{opacity:.9;margin:0}.power-card-summary,.power-card-body{padding:16px 18px}.power-select{align-items:center;gap:8px;display:flex}.power-select input{width:auto}.power-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.power-tag{background:#e4d2b3;border:1px solid #b99f78;border-radius:999px;padding:4px 10px;font-size:13px}.power-tag.muted{background:#d7c9b7}.power-rules-grid{gap:10px;display:grid}.power-rule-line{grid-template-columns:180px 1fr;gap:10px;display:grid}.power-rule-line strong{color:var(--accent)}.power-text-section{margin-top:22px}.power-text-section h3{border-bottom:2px solid var(--accent);padding-bottom:4px}.power-text-section ul{padding-left:24px}.power-text-section li{margin-bottom:6px}.handbook-view{justify-content:center;padding:20px;display:flex}.handbook-page{background:var(--bg-paper);color:#1c120d;width:8.5in;min-height:11in;padding:.7in .65in;box-shadow:0 12px 32px #00000073}.handbook-page-header{text-align:center;margin-bottom:28px}.handbook-page-header h1{margin-bottom:4px}.handbook-columns{column-count:2;column-gap:var(--phb-column-gap)}.handbook-group{break-inside:avoid;margin-bottom:28px}.handbook-group-title{border-bottom:2px solid #4a2418;margin-bottom:18px;padding-bottom:4px;font-size:20px}.handbook-entry{break-inside:avoid;margin-bottom:26px;font-size:14px}.handbook-entry-title{margin-bottom:2px;font-size:21px}.handbook-entry-subtitle{color:#5a4538;margin-top:0;margin-bottom:10px;font-style:italic}.handbook-field{margin:0 0 4px}.handbook-inline-heading{margin-bottom:6px}.handbook-paragraph{margin:0 0 10px}.handbook-list{margin-top:0;margin-bottom:10px;padding-left:22px}.handbook-list li{margin-bottom:5px}.empty-state,.status-box,.error-box{text-align:center}.error-box{border-color:#b00020}@media print{body{background:#fff}.no-print,.app-header,.section-nav,.filter-bar,.export-controls,.page-toolbar{display:none!important}.app-shell{background:#fff;padding:0}.handbook-view{padding:0}.handbook-page{box-shadow:none;width:100%;min-height:auto;padding:.5in .55in}.handbook-columns{column-gap:36px}.handbook-entry,.handbook-group{break-inside:avoid}}@media (width<=1200px){.powers-grid{grid-template-columns:1fr}.handbook-columns{column-count:1}.handbook-page{width:100%}}@media (width<=700px){.app-header,.page-toolbar{flex-direction:column;align-items:flex-start}.power-rule-line{grid-template-columns:1fr}}.library-shell{color:#f6ead3;background:radial-gradient(circle at 0 0,#8d63232e,#0000 34rem),radial-gradient(circle at 100% 100%,#532a6929,#0000 38rem),#15100e}.library-topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1600px;margin:0 auto 20px;display:flex}.library-topbar-actions{flex-wrap:wrap;gap:10px;display:flex}.home-button{color:#f6d98e;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#2a1b13,#5c391f);border:1px solid #e0b860b3}.home-button:hover{background:linear-gradient(135deg,#3a2418,#79512c)}.library-home{max-width:1600px;margin:0 auto}.library-hero{background-position:50%;background-size:cover;border:2px solid #e0b8608c;border-radius:24px;align-items:center;min-height:430px;margin-bottom:24px;padding:clamp(28px,6vw,72px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008c}.library-hero-content{max-width:660px}.library-kicker,.library-card-status{color:#e6c36d;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.library-hero h1{color:#ffe7a6;text-shadow:0 4px 22px #000000d9;margin:8px 0 12px;font-size:clamp(42px,7vw,86px);line-height:.95}.library-tagline{color:#f8d887;margin:0 0 16px;font-size:clamp(20px,3vw,32px)}.library-summary{color:#eadac1;max-width:620px;font-size:18px}.library-grid,.vault-category-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.library-card,.vault-category-card{text-align:left;color:#f5ead6;background:linear-gradient(155deg,#352318f5,#17100ef5),#24170f;border:1px solid #e0b86059;border-radius:18px;flex-direction:column;justify-content:space-between;gap:12px;min-height:190px;padding:22px;display:flex;box-shadow:0 18px 38px #00000059}.library-card:hover,.vault-category-card:hover{background:linear-gradient(155deg,#56371ffa,#201512fa),#2d1c13;border-color:#f8d887d9;transform:translateY(-2px)}.library-card-active{box-shadow:0 18px 38px #00000059,inset 0 0 0 1px #f8d8872e}.library-card-soon{opacity:.82}.library-card-title{color:#ffe2a0;font-size:28px;font-weight:800;line-height:1.05;display:block}.library-card-subtitle{color:#d8c7ad;font-size:15px;line-height:1.45;display:block}.library-card-action{color:#f8d887;font-weight:800}.psionics-module-header{max-width:1600px;box-shadow:var(--shadow);background:linear-gradient(135deg,#27123af2,#1b0f18f5);border:2px solid #bb78ff73;border-radius:20px;margin:0 auto 20px;padding:0;display:block;overflow:hidden}.psionics-banner{width:100%;height:auto;box-shadow:none;border-radius:0;display:block}.psionics-module-copy{display:none}.psionics-module-copy h1{color:#f5e6ff}.psionics-module-copy .app-subtitle{color:#d9c4e8}.vault-page,.coming-soon-page{max-width:1600px;margin:0 auto}.vault-page{color:var(--rb-text)}.vault-hero{width:min(1400px,100% - 2rem);margin:0 auto 1.25rem}.vault-hero-banner{object-fit:contain;width:100%;height:auto;max-height:360px;display:block}.vault-page .section-nav{justify-content:center;margin-bottom:1.25rem}.vault-page .section-nav-button{background:var(--rb-red);border-radius:var(--rb-radius);color:#fff8ea;border:1px solid #f8d8876b;box-shadow:0 8px 18px #00000038}.vault-page .section-nav-button:hover,.vault-page .section-nav-button.active{background:var(--rb-red-dark);border-color:#f8d887e6}.vault-overview{gap:22px;display:grid}.vault-panel{background:linear-gradient(90deg, #100a08e6, #100a086b), var(--vault-panel-banner), #17100d;border-radius:calc(var(--rb-radius) + 4px);color:#fff8ea;background-position:50%;background-size:cover;border:1px solid #f8d8878c;min-height:280px;position:relative;overflow:hidden;box-shadow:0 18px 46px #0000006b}.vault-panel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff2be1f}.vault-panel-copy{z-index:1;width:min(620px,100%);padding:clamp(24px,5vw,54px);position:relative}.vault-panel-copy .eyebrow{color:#f8d887}.vault-panel-copy h2{color:#ffe2a0;text-shadow:0 3px 18px #000c;margin-bottom:.6rem;font-size:clamp(2rem,4vw,4rem);line-height:1}.vault-panel-copy p{color:#fff5e0;text-shadow:0 2px 10px #000000d9;max-width:58ch;margin:0;font-size:1.05rem}.vault-section-preview{gap:18px;display:grid}.vault-category-card{isolation:isolate;border-radius:calc(var(--rb-radius) + 4px);background:linear-gradient(180deg, #0e08060a, #0e0806d1), var(--vault-card-banner), #17100d;color:#fff8ea;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #f8d88773;min-height:260px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s,filter .18s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 34px #00000057}.vault-category-card:hover{background:linear-gradient(180deg, #0e080605, #0e0806c7), var(--vault-card-banner), #17100d;filter:saturate(1.05);background-position:50%;background-size:cover;border-color:#f8d887f2;transform:translateY(-4px);box-shadow:0 22px 48px #00000075,0 0 0 1px #8c1d186b,0 0 28px #f8d8872e}.vault-card-overlay{z-index:-1;background:linear-gradient(#00000014 0%,#0000002e 36%,#000000db 100%),radial-gradient(circle at 0 0,#f8d88747,#0000 42%);position:absolute;inset:0}.vault-card-copy{text-align:left;flex-direction:column;justify-content:flex-end;gap:.55rem;min-height:260px;padding:18px;display:flex}.vault-card-copy strong{color:#ffe2a0;text-shadow:0 3px 16px #000000e6;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.05}.vault-card-copy small{color:#fff1d0;text-shadow:0 2px 12px #000000e6;font-size:.9rem;font-weight:700;line-height:1.35}.vault-status-pill{background:var(--rb-red);color:#fff8ea;letter-spacing:.12em;text-transform:uppercase;border:1px solid #f8d887ad;border-radius:999px;width:fit-content;margin-top:1.2rem;padding:.45rem .8rem;font-size:.78rem;font-weight:800;display:inline-flex}@media (width<=900px){.vault-hero{width:100%;margin-top:.25rem}.vault-page .section-nav{justify-content:flex-start}.vault-panel{min-height:240px}.vault-category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.vault-category-card,.vault-card-copy{min-height:230px}}.library-page-shell{background:radial-gradient(circle at 18% 12%,#e5b75b29,#0000 26rem),radial-gradient(circle at 82% 0,#7620192e,#0000 30rem),linear-gradient(#15100d 0%,#080605 100%);border:1px solid #e1b25b61;border-radius:12px;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:20px;min-height:calc(100vh - 48px);padding:clamp(14px,2vw,22px);display:grid;box-shadow:inset 0 0 0 1px #ffe6ab14,0 24px 70px #0000007a}.library-sidebar{background:linear-gradient(#241811f5,#0b0807fa),#120d0a;border:1px solid #e2b65c8c;border-radius:8px;gap:18px;max-height:calc(100vh - 36px);padding:16px;display:grid;position:sticky;top:18px;overflow:auto;box-shadow:inset 0 0 0 1px #ffeebe14,0 18px 46px #0000006b}.library-sidebar-brand{border-bottom:1px solid #e2b65c57;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding-bottom:14px;display:grid}.library-sidebar-brand strong,.library-sidebar-brand small{display:block}.library-sidebar-brand strong{color:#ffe4a2;font-size:1rem;line-height:1.05}.library-sidebar-brand small{color:#cbb487;letter-spacing:.16em;text-transform:uppercase;margin-top:2px;font-size:.78rem}.library-sidebar-mark,.library-sidebar-icon{color:#f3cf79;letter-spacing:.05em;background:radial-gradient(circle at 50% 20%,#ffe7a42e,#0000 58%),#16100d;border:1px solid #e2b65cad;place-items:center;font-weight:900;display:grid;box-shadow:inset 0 0 12px #e5b75b1a}.library-sidebar-mark{border-radius:50%;width:46px;height:46px;font-size:.9rem}.library-sidebar-nav{gap:8px;display:grid}.library-sidebar-link{color:#e7dcc2;text-align:left;background:#0a07066b;border:1px solid #e2b65c38;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 9px;line-height:1.15;display:grid}.library-sidebar-link:hover,.library-sidebar-link.active{color:#fff3cf;background:linear-gradient(135deg,#74481eb8,#32120fc7);border-color:#ffdc89db;box-shadow:0 0 22px #e5b75b29}.library-sidebar-icon{border-radius:6px;width:34px;height:34px;font-size:.68rem}.library-main-frame{background:linear-gradient(135deg,#ffe39a29,#0000 18%),#060404ad;border:1px solid #e2b65cad;border-radius:12px;min-width:0;padding:8px;box-shadow:inset 0 0 0 1px #ffeebe14}.library-main-panel{color:#efe1c2;background:linear-gradient(#18100df0,#0a0706fa),#100b09;border:1px solid #e2b65c52;border-radius:8px;min-height:calc(100vh - 94px);padding:clamp(16px,3vw,34px);overflow:hidden}.vault-entry-hero{background:linear-gradient(90deg, #080504eb 0%, #0805049e 42%, #08050433 100%), var(--vault-hero-image), #100b09;background-position:50%;background-size:cover;border:1px solid #ecbe5fb8;border-radius:8px;align-items:flex-end;min-height:clamp(320px,38vw,520px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffeebe1f,0 22px 52px #0000006b}.vault-entry-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#050303e0);height:42%;position:absolute;inset:auto 0 0}.vault-entry-copy{z-index:1;width:min(720px,100%);padding:clamp(24px,5vw,58px);position:relative}.vault-entry-copy h1{color:#ffe5a5;text-shadow:0 5px 22px #000000e6;margin:6px 0 10px;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.95}.vault-entry-copy p:not(.library-kicker),.vault-intro{color:#ead8b5;text-shadow:0 2px 12px #000000b3;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6}.vault-entry-copy p:not(.library-kicker){max-width:55ch;margin:0}.vault-intro{text-align:center;max-width:880px;margin:22px auto 8px}.section-divider{color:#f0cf7a;text-align:center;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center;gap:14px;margin:clamp(24px,4vw,42px) 0 clamp(18px,3vw,28px);display:grid}.section-divider span{background:linear-gradient(90deg,#0000,#f0cf7ad1,#0000);height:1px}.section-divider strong{letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 16px #000c;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.1;position:relative}.section-divider strong:before,.section-divider strong:after{content:"";background:#f0cf7a29;border:1px solid #f0cf7ad1;width:8px;height:8px;margin:0 10px 2px;display:inline-block;transform:rotate(45deg)}.launcher-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(16px,2vw,24px);display:grid}.launcher-card{color:#f7ead0;text-align:left;background:#100b09;border:1px solid #e5b75b8a;border-radius:8px;grid-template-rows:minmax(180px,1fr) auto 48px;min-height:360px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s,filter .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffeebe14,0 16px 34px #00000061}.launcher-card:hover,.launcher-card.active{filter:saturate(1.08);background:#100b09;border-color:#ffdc89f5;transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffeebe29,0 24px 50px #00000080,0 0 30px #e5b75b2e}.launcher-card-image{background:linear-gradient(180deg, #0402020f, #0402023d), var(--launcher-card-image), #17100d;background-position:50%;background-size:cover;min-height:190px}.launcher-card-shade{pointer-events:none;background:radial-gradient(circle at 0 0,#ffde9133,#0000 36%),linear-gradient(#0000 38%,#080504e0 72%);position:absolute;inset:0}.launcher-card-body,.launcher-card-cta{z-index:1;position:relative}.launcher-card-body{gap:8px;padding:18px;display:grid}.launcher-card-body strong{color:#ffe2a0;text-shadow:0 3px 15px #000000e6;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1}.launcher-card-body small{color:#f0dfbd;text-shadow:0 2px 10px #000000e6;font-size:.92rem;font-weight:700;line-height:1.35}.launcher-card-cta{color:#ffe3a2;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#681a14db,#331d10f0);border-top:1px solid #e5b75b66;align-items:center;min-height:48px;padding:0 18px;font-size:.78rem;font-weight:900;display:flex}@media (width<=980px){.library-page-shell{grid-template-columns:1fr}.library-sidebar{z-index:20;max-height:none;top:0}.library-sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (width<=640px){.library-page-shell{border-radius:10px;padding:10px}.library-main-frame,.library-main-panel,.vault-entry-hero,.launcher-card{border-radius:8px}.vault-entry-hero{background-position:62%;min-height:360px}.vault-entry-copy{padding:22px}.section-divider{grid-template-columns:1fr;gap:10px}.section-divider strong:before,.section-divider strong:after{display:none}.launcher-card{min-height:330px}}.library-placeholder{background:linear-gradient(135deg,#f5eddc,#efe1c4)}@media (width<=800px){.library-topbar,.app-header,.psionics-module-header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.library-hero{min-height:360px}.psionics-module-header{display:block}.psionics-banner{margin-bottom:16px}}.library-module-topbar,.psionics-module-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:1600px;margin:0 auto 20px;display:flex}.psionics-module-actions{justify-content:flex-start;margin:16px 0 0}.power-card,.power-card-summary,.power-card-body,.power-rule-line span,.power-text-section,.power-text-section p,.power-text-section li{color:var(--text-main)}.power-card-summary{background:#f5eddc}.power-card-body{background:#fff8ea;border-top:1px solid #3a241840}.power-card-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.power-edit-button{padding:7px 10px;font-size:13px}.power-select span{color:#fff5e8}.power-editor-overlay{z-index:1000;background:#100a08b8;padding:24px;position:fixed;inset:0;overflow:auto}.power-editor-panel{background:var(--bg-panel);max-width:1600px;color:var(--text-main);border:2px solid var(--border-red);border-radius:18px;margin:0 auto;padding:20px;box-shadow:0 24px 70px #0000008c}.power-editor-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.power-editor-actions{flex-wrap:wrap;gap:10px;display:flex}.power-editor-split{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start;gap:20px;display:grid}.power-editor-form{gap:12px;display:grid}.power-editor-form textarea{resize:vertical}.power-editor-preview{position:sticky;top:20px}.power-editor-preview-page{background:var(--bg-paper);color:#1c120d;border:1px solid #d4c2a4;border-radius:12px;padding:28px;box-shadow:inset 0 0 0 1px #3a241814}.power-editor-preview-page .handbook-entry{margin-bottom:0}@media (width<=1000px){.power-editor-split{grid-template-columns:1fr}.power-editor-preview{position:static}}.library-module-topbar{border:2px solid var(--border-red);box-shadow:var(--shadow);background:#f5eddcf5;border-radius:14px;padding:12px 16px}.library-module-topbar .upload-button,.library-module-topbar button{margin:0}.psionics-module-header{margin-top:0}.power-card,.power-card-summary,.power-card-body{color:var(--text-main)!important}.power-card-summary strong,.power-card-body strong,.power-rule-line strong{color:var(--accent)!important}.power-card-summary span,.power-card-body span,.power-card-body p,.power-card-body li,.power-tag,.export-controls,.export-controls label,.export-controls span,.export-controls p,.export-controls strong,.export-controls input+span,.export-mode-controls,.export-mode-controls label,.export-mode-controls span,.export-status{color:var(--text-main)!important}.export-controls label span,.export-mode-controls label span{margin-bottom:0;display:inline-block;color:var(--text-main)!important}.export-controls input[type=radio],.export-mode-controls input[type=radio]{width:auto;accent-color:var(--accent)}.export-controls button,.export-buttons button,.export-controls .secondary-button,.export-buttons .secondary-button{color:#fff!important}.class-viewer{color:#e8e0d0;max-width:1100px;padding:2rem}.class-viewer h1{color:#f0e6d2;margin-bottom:1rem;font-size:3rem}.class-viewer h2{color:#d7c39a;border-bottom:1px solid #d7c39a59;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.25rem}.class-viewer h3{color:#c8b284;margin-top:1.5rem}.class-viewer p,.class-viewer li{line-height:1.7}.class-viewer ul{padding-left:1.5rem}.class-viewer table{border-collapse:collapse;table-layout:auto;width:100%;margin:1.5rem 0}.class-viewer th,.class-viewer td{text-align:left;vertical-align:top;border:1px solid #d7c39a40;padding:.75rem}.class-viewer th{background:#ffffff0d}.class-viewer strong{color:#f3e4bf}.markdown-page{background:var(--bg-panel);border:2px solid var(--border-red);max-width:1600px;box-shadow:var(--shadow);color:var(--text-main);border-radius:16px;margin:0 auto;padding:24px}.markdown-page-header h1{color:var(--text-main)}.markdown-page-layout{grid-template-columns:240px minmax(0,1fr)}.markdown-sidebar{border:2px solid var(--border-dark);width:240px;box-shadow:var(--shadow);background:#fff8ea;border-radius:18px;align-self:start;padding:20px}.markdown-sidebar h2{color:var(--text-main);margin-top:0;margin-bottom:16px;font-size:1.8rem}.markdown-nav-button{text-align:left;background:var(--accent);color:#fff;border-radius:12px;width:100%;margin-bottom:10px;padding:12px 14px;font-weight:700;transition:background .15s,transform .15s;display:block}.markdown-nav-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.markdown-nav-button.active{background:#b43229}.markdown-page>div:has(.markdown-sidebar){grid-template-columns:240px minmax(0,1fr)!important;align-items:start!important;gap:72px!important;display:grid!important}.markdown-sidebar{width:240px}.markdown-page>div:has(.markdown-sidebar)>div:last-child{min-width:0}.markdown-viewer{background:var(--bg-paper);width:100%;max-width:100%;color:var(--text-main);border:2px solid var(--border-dark);box-shadow:var(--shadow);border-radius:16px;margin:0;padding:2rem;display:block;overflow-x:hidden}.markdown-viewer h1{color:var(--text-main);font-size:2.2rem;line-height:1.1}.markdown-viewer h2{color:var(--text-main);border-bottom:2px solid var(--accent);font-size:1.45rem}.markdown-viewer h3{color:var(--accent);font-size:1.1rem}.markdown-viewer p,.markdown-viewer li{color:var(--text-main);line-height:1.6}.markdown-viewer table{table-layout:fixed;white-space:normal;border-collapse:collapse;width:100%;min-width:0;max-width:100%;display:table}.markdown-viewer th,.markdown-viewer td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;color:var(--text-main);border:1px solid #b99f78}.markdown-viewer th{color:var(--accent);background:#ead8b8}.markdown-viewer td{background:#fff8ea}.art-gallery-page{color:#f4ead8;padding:2rem}.art-gallery-header{text-align:center;max-width:960px;margin:0 auto 2rem}.art-gallery-header h1{color:#f4ead8;margin:.25rem 0;font-size:3rem}.art-category-button{color:#2a100b;text-align:left;cursor:pointer;background:#f5efe3eb;border:1px solid #7a2b1d;border-radius:12px;padding:.85rem 1rem}.art-category-button.active{background:#d9b878;border-color:#f4d58d}.art-category-button span{opacity:.75;font-size:.75rem}.art-gallery-content h2{color:#f4ead8;margin:0 0 1rem}.art-card{background:#f4ead8;border:1px solid #7a2b1dd9;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #00000059}.art-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.art-card-body{color:#2a100b;padding:.75rem}.art-card-title{font-size:.9rem;line-height:1.2;display:block}@media (width<=800px){.art-gallery-layout{grid-template-columns:1fr}.art-category-sidebar{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));position:static}}.art-gallery-page{max-width:1800px;color:var(--rb-text);background:linear-gradient(180deg, #f8f4eae0, #f3eee3f5), var(--rb-parchment);border-radius:calc(var(--rb-radius) + 6px);border:1px solid #a77b5a6b;margin:0 auto;padding:0 2rem 2rem;box-shadow:0 18px 46px #24150f3d}.art-gallery-banner-wrap{width:min(1400px,100% - 2rem);margin:1rem auto 1.5rem}.art-gallery-banner{object-fit:contain;width:100%;height:auto;max-height:320px;display:block}.art-gallery-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.art-category-sidebar{gap:.55rem;display:grid;position:sticky;top:1rem}.art-category-button{border:1px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--rb-card);color:var(--rb-text);text-align:left;cursor:pointer;padding:.8rem .9rem;box-shadow:0 8px 18px #3a2a201f}.art-category-button:hover{border-color:var(--rb-red);background:#fff9ec}.art-category-button.active{background:var(--rb-red);color:#fff;border-color:var(--rb-red-dark)}.art-category-button strong{font-size:.95rem;display:block}.art-category-button span{opacity:.8;margin-top:.15rem;font-size:.72rem;display:block}.art-gallery-section-header{background:var(--rb-card);border:1px solid var(--rb-border);border-radius:var(--rb-radius);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 10px 24px #3a2a201f}.art-view-toggle{border:1px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--rb-parchment);padding:.25rem;display:inline-flex}.art-view-toggle button{color:var(--rb-text);white-space:nowrap;background:0 0;border-radius:9px;padding:.55rem .75rem}.art-view-toggle button:hover,.art-view-toggle button.active{background:var(--rb-red);color:#fff}.art-gallery-section-header h2{color:var(--rb-text);margin:0;font-size:2rem}.art-gallery-section-header p{color:#6b5444;margin:.15rem 0 0}.art-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:1.1rem;display:grid}.art-grid-compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.art-feature-card{border:1px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--rb-card);width:100%;color:var(--rb-text);text-align:left;cursor:zoom-in;grid-template-columns:minmax(280px,.65fr) minmax(220px,.35fr);align-items:stretch;gap:1.25rem;margin-bottom:1.25rem;padding:0;display:grid;overflow:hidden;box-shadow:0 16px 38px #3a2a2033}.art-feature-card:hover{border-color:var(--rb-red);transform:translateY(-3px);box-shadow:0 20px 46px #3a2a2047}.art-feature-image-frame{background:#e6dac8;min-height:clamp(320px,38vw,620px);display:block}.art-feature-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.art-feature-image-frame .art-image-placeholder{aspect-ratio:auto;height:100%}.art-feature-body{background:linear-gradient(180deg, #f8f4eadb, #f3eee3f5), var(--rb-parchment);border-left:1px solid #a77b5a6b;flex-direction:column;justify-content:end;gap:.4rem;padding:1.5rem;display:flex}.art-feature-body strong{color:var(--rb-text);font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.05}.art-feature-body span{color:var(--rb-red);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem}.art-card{border:1px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--rb-card);width:100%;color:var(--rb-text);text-align:left;cursor:zoom-in;padding:0;display:block;overflow:hidden;box-shadow:0 12px 28px #3a2a2029}.art-card:hover{border-color:var(--rb-red);transform:translateY(-3px);box-shadow:0 18px 38px #3a2a203d}.art-card img{aspect-ratio:3/4;object-fit:cover;object-position:center top;width:100%;display:block}.art-image-placeholder{aspect-ratio:3/4;background:linear-gradient(145deg,#a77b5a33,#8c1d1824),#e6dac8;width:100%;display:block}.art-card-body{background:var(--rb-card);border-top:1px solid #a77b5a57;min-height:78px;padding:.8rem;display:block}.art-card-title{color:var(--rb-text);font-size:.93rem;line-height:1.15;display:block}.art-card-category{color:var(--rb-red);margin-top:.35rem;font-size:.72rem;display:block}.art-empty-message{color:var(--rb-text)}.art-lightbox{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3a2a20e0;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.art-lightbox-frame{gap:.75rem;max-width:min(92vw,1400px);max-height:90vh;margin:0;display:grid}.art-lightbox-frame img{object-fit:contain;border-radius:14px;max-width:100%;max-height:78vh;box-shadow:0 26px 80px #000c}.art-lightbox-frame figcaption{color:#fff8ea;justify-content:space-between;gap:1rem;display:flex}.art-lightbox-frame figcaption span{color:#f0cfa5}.art-lightbox-close{background:var(--rb-red);color:#fff;border-radius:999px;width:44px;height:44px;padding:0;font-size:2rem;line-height:1;position:fixed;top:1.25rem;right:1.25rem}@media (width<=900px){.art-gallery-layout{grid-template-columns:1fr}.art-gallery-section-header{flex-direction:column;align-items:start}.art-category-sidebar{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));position:static}.art-feature-card{grid-template-columns:1fr}.art-feature-body{border-top:1px solid #a77b5a6b;border-left:0}.art-feature-image-frame{min-height:320px}.art-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.library-page-shell-art-gallery{background:radial-gradient(circle at 20% 10%,#ffe5a675,#0000 28rem),radial-gradient(circle at 84% 4%,#8623191f,#0000 30rem),linear-gradient(#2a1d14 0%,#120c09 100%)}.library-main-panel-art-gallery{color:#2e2118;background:linear-gradient(#fff9eaf5,#ecddc0fa),#efe1c2;border-color:#b17e3980;box-shadow:inset 0 0 0 1px #fffff699,inset 0 0 54px #70481c1a}.art-gallery-hero{background:linear-gradient(90deg, #26180ee6 0%, #472b188f 42%, #f6e7c514 100%), var(--art-gallery-hero-image), #dac9a8;background-position:50%;background-size:cover;border:1px solid #965e22bd;border-radius:8px;align-items:flex-end;min-height:clamp(320px,38vw,520px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff7de57,0 20px 48px #492f1c4d}.art-gallery-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#2c1a0fb8);height:42%;position:absolute;inset:auto 0 0}.art-gallery-hero-copy{z-index:1;width:min(760px,100%);padding:clamp(24px,5vw,58px);position:relative}.art-gallery-hero-copy .library-kicker{color:#f4d486;text-shadow:0 2px 12px #000000b8}.art-gallery-hero-copy h1{color:#fff0bd;text-shadow:0 5px 22px #000000c7;margin:6px 0 10px;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95}.art-gallery-hero-copy p:not(.library-kicker),.art-gallery-intro{color:#3d2b1e;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6}.art-gallery-hero-copy p:not(.library-kicker){color:#fff3d5;text-shadow:0 2px 12px #000c;max-width:56ch;margin:0}.art-gallery-intro{text-align:center;max-width:880px;margin:22px auto 8px}.library-main-panel-art-gallery .section-divider{color:#8b5d21}.library-main-panel-art-gallery .section-divider span{background:linear-gradient(90deg,#0000,#8b5d21ad,#0000)}.library-main-panel-art-gallery .section-divider strong{text-shadow:0 2px 16px #fffff6b3}.library-main-panel-art-gallery .section-divider strong:before,.library-main-panel-art-gallery .section-divider strong:after{background:#8b5d211f;border-color:#8b5d21ad}.library-main-panel-art-gallery .art-gallery-page{max-width:none;box-shadow:none;color:#2e2118;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:clamp(22px,3vw,34px);margin:0;padding:0;display:grid}.library-main-panel-art-gallery .art-category-sidebar{background:linear-gradient(#fffaecd6,#e2cfa9e6),#ead8b2;border:1px solid #a1703070;border-radius:8px;align-self:start;gap:10px;padding:14px;display:grid;position:sticky;top:18px;box-shadow:inset 0 0 0 1px #fffff685,0 14px 30px #5b3a1f24}.art-category-kicker{color:#7b1d18;letter-spacing:.14em;text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:900}.library-main-panel-art-gallery .art-category-button{color:#2e2118;background:linear-gradient(#fff8e5f0,#ecddc0f5);border:1px solid #a1703080;border-radius:8px;min-height:58px;padding:10px 12px;box-shadow:0 8px 18px #5b3a1f1a}.library-main-panel-art-gallery .art-category-button:hover,.library-main-panel-art-gallery .art-category-button.active{color:#fff5dc;background:linear-gradient(135deg,#ffefbdfa,#802d20e6);border-color:#8b5d21e6;box-shadow:0 14px 28px #5b3a1f2e,0 0 20px #ae7a302e}.library-main-panel-art-gallery .art-category-button strong{font-size:.98rem;line-height:1.05;display:block}.library-main-panel-art-gallery .art-category-button span{color:currentColor;letter-spacing:.08em;opacity:.74;text-transform:uppercase;margin-top:4px;font-size:.72rem;font-weight:800;display:block}.library-main-panel-art-gallery .art-gallery-content{min-width:0}.library-main-panel-art-gallery .art-gallery-section-header{background:linear-gradient(#fffbeeeb,#efe1c3eb);border:1px solid #a1703075;border-radius:8px;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(18px,3vw,30px);padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #fffff68f,0 14px 30px #5b3a1f1f}.library-main-panel-art-gallery .art-gallery-section-header h2{color:#2e2118;margin:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.library-main-panel-art-gallery .art-gallery-section-header p{color:#7f6446;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 0;font-size:.82rem;font-weight:900}.library-main-panel-art-gallery .art-view-toggle{background:#d6be926b;border:1px solid #a1703094;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.library-main-panel-art-gallery .art-view-toggle button{color:#3d2b1e;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 12px;font-size:.78rem}.library-main-panel-art-gallery .art-view-toggle button:hover,.library-main-panel-art-gallery .art-view-toggle button.active{color:#fff5dc;background:#7b1d18;border-color:#8b5d21d1}.library-main-panel-art-gallery .art-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:clamp(20px,2.4vw,32px);display:grid}.library-main-panel-art-gallery .art-grid-compact{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.library-main-panel-art-gallery .art-feature-card,.library-main-panel-art-gallery .art-card{color:#2e2118;background:linear-gradient(#fffbeef0,#ebdcbef0);border:1px solid #a1703080;border-radius:8px;box-shadow:inset 0 0 0 1px #fffff675,0 18px 36px #5b3a1f29}.library-main-panel-art-gallery .art-feature-card{grid-template-columns:minmax(300px,.72fr) minmax(230px,.28fr);gap:0;margin-bottom:clamp(22px,3vw,34px)}.library-main-panel-art-gallery .art-feature-card:hover,.library-main-panel-art-gallery .art-card:hover{border-color:#7b1d18db;transform:translateY(-4px);box-shadow:inset 0 0 0 1px #fffff68f,0 24px 46px #5b3a1f3d,0 0 28px #ae7a302e}.library-main-panel-art-gallery .art-feature-image-frame{background:#d8c49a;min-height:clamp(360px,42vw,680px)}.library-main-panel-art-gallery .art-feature-image-frame img{object-fit:contain}.library-main-panel-art-gallery .art-feature-body{background:linear-gradient(#fffaebd6,#e7d3b0eb);border-left:1px solid #a170305c;justify-content:end;padding:clamp(22px,3vw,34px)}.library-main-panel-art-gallery .art-feature-body strong{color:#2e2118;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1}.library-main-panel-art-gallery .art-feature-body span,.library-main-panel-art-gallery .art-card-category{color:#7b1d18;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:900}.library-main-panel-art-gallery .art-card{overflow:hidden}.library-main-panel-art-gallery .art-card img{aspect-ratio:4/5;object-fit:cover;object-position:center top;width:100%;display:block}.library-main-panel-art-gallery .art-card-body{background:linear-gradient(#fffaebe6,#ebdcbef5);border-top:1px solid #a170304d;min-height:94px;padding:15px}.library-main-panel-art-gallery .art-card-title{color:#2e2118;font-size:1.02rem;line-height:1.12}.library-main-panel-art-gallery .art-image-placeholder{background:linear-gradient(145deg,#ae7a303d,#7b1d181f),#d8c49a}.library-main-panel-art-gallery .art-empty-message{color:#3d2b1e;background:#fffaebbd;border:1px solid #a170306b;border-radius:8px;padding:24px}@media (width<=980px){.library-main-panel-art-gallery .art-gallery-page{grid-template-columns:1fr}.library-main-panel-art-gallery .art-category-sidebar{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));position:static}.art-category-kicker{grid-column:1/-1}.library-main-panel-art-gallery .art-feature-card{grid-template-columns:1fr}.library-main-panel-art-gallery .art-feature-body{border-top:1px solid #a170305c;border-left:0}}@media (width<=640px){.art-gallery-hero{background-position:58%;min-height:360px}.art-gallery-hero-copy{padding:22px}.library-main-panel-art-gallery .art-gallery-section-header{flex-direction:column;align-items:stretch}.library-main-panel-art-gallery .art-view-toggle{grid-template-columns:1fr 1fr;display:grid}.library-main-panel-art-gallery .art-view-toggle button{white-space:normal;width:100%}.library-main-panel-art-gallery .art-grid,.library-main-panel-art-gallery .art-grid-compact{grid-template-columns:1fr}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}.app-shell,.library-shell,.powers-page,.library-home,.vault-page,.coming-soon-page,.markdown-page,.art-gallery-page,.handbook-view,.power-editor-panel,.power-card,.library-card,.vault-category-card,.art-card{min-width:0}button,.upload-button,input,select,textarea{min-height:44px}button,.upload-button{touch-action:manipulation}.section-nav,.filter-main-row,.filter-actions-row,.export-controls,.page-toolbar,.view-toggle,.library-module-topbar,.library-topbar-actions,.power-card-header,.power-card-controls,.power-editor-header,.power-editor-actions,.art-gallery-section-header,.art-lightbox-frame figcaption,.filter-main-row>label,.filter-actions-row>*,.export-controls>*,.page-toolbar>*,.view-toggle>*,.power-card-header>*,.power-card-controls>*,.power-editor-header>*,.power-editor-actions>*{min-width:0}.markdown-viewer pre,.markdown-viewer code,.class-renderer pre,.class-renderer code,.power-card,.power-card-body,.handbook-entry,.art-card-title,.library-card-title,.library-card-subtitle,.vault-card-copy strong,.vault-card-copy small{overflow-wrap:anywhere}.markdown-viewer table,.class-renderer table,.class-viewer table{max-width:100%}@media (width<=1024px){.app-shell{padding:18px}.app-header,.filter-bar,.export-controls,.empty-state,.status-box,.error-box,.page-toolbar,.library-module-topbar,.psionics-module-header,.markdown-page,.art-gallery-page{border-radius:14px}.library-module-topbar,.section-nav,.page-toolbar,.filter-bar,.export-controls,.powers-grid,.handbook-view,.markdown-page,.vault-page,.coming-soon-page,.art-gallery-page{width:100%;max-width:100%}.section-nav{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.section-nav-button{white-space:nowrap;flex:none}.filter-main-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.filter-search{grid-column:1/-1}.filter-actions-row,.export-controls{justify-content:space-between;align-items:stretch}.filter-buttons,.export-buttons,.export-mode-controls,.view-toggle{width:100%}.filter-buttons button,.export-buttons button,.view-toggle button{flex:180px}.powers-grid,.library-grid,.vault-category-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.power-card-header{align-items:flex-start}.handbook-view{padding:12px 0}.handbook-page{width:100%;min-height:auto;padding:clamp(24px,5vw,48px)}.handbook-columns{column-count:1;column-gap:0}.markdown-page-layout{grid-template-columns:1fr!important;gap:20px!important}.markdown-page>div:has(.markdown-sidebar){grid-template-columns:1fr!important;gap:20px!important}.markdown-sidebar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;display:grid;position:static}.markdown-sidebar h2{grid-column:1/-1}.markdown-nav-button{margin-bottom:0}.class-renderer,.markdown-viewer{padding:1.5rem}.art-gallery-page{padding:0 1.25rem 1.5rem}.art-gallery-banner-wrap,.vault-hero{width:100%}}@media (width<=768px){.app-shell{padding:12px}h1{font-size:clamp(2rem,10vw,2.6rem);line-height:1.05}.app-header,.page-toolbar,.library-module-topbar,.library-topbar,.power-editor-header,.art-gallery-section-header,.art-lightbox-frame figcaption{flex-direction:column;align-items:stretch}.page-toolbar,.filter-bar,.export-controls,.library-module-topbar,.empty-state,.status-box,.error-box,.markdown-page{padding:16px}.section-nav{margin-bottom:16px}.section-nav-button,.filter-buttons button,.export-buttons button,.view-toggle button,.library-module-topbar button,.library-module-topbar .upload-button,.power-editor-actions button{flex:auto;width:100%}.filter-main-row{grid-template-columns:1fr}.filter-actions-row,.export-controls,.export-mode-controls{flex-direction:column;align-items:stretch}.filter-result-count,.export-status{margin:0}.powers-grid{grid-template-columns:minmax(0,1fr);gap:16px}.power-card-header,.power-card-controls{flex-direction:column;align-items:stretch}.power-card-controls{justify-content:flex-start}.power-select{min-height:44px;padding:8px 0}.power-rule-line{grid-template-columns:1fr;gap:2px}.power-card-summary,.power-card-body,.power-card-header{padding:14px}.handbook-page{border-radius:12px;padding:22px}.handbook-page-header{margin-bottom:20px}.handbook-page-header h1{font-size:clamp(1.8rem,9vw,2.4rem)}.handbook-entry-title{font-size:1.25rem}.power-editor-overlay{padding:10px}.power-editor-panel{border-radius:14px;padding:16px}.power-editor-split{grid-template-columns:1fr;gap:18px}.power-editor-form{order:1}.power-editor-preview{order:2;position:static}.power-editor-preview-page{padding:18px}.markdown-viewer,.class-renderer{border-radius:12px;padding:1rem}.markdown-viewer h1,.class-hero-title,.class-viewer h1{font-size:clamp(1.8rem,9vw,2.35rem)}.markdown-viewer table,.class-renderer table,.class-viewer table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.vault-panel{min-height:220px}.vault-panel-copy{padding:22px}.vault-category-grid,.library-grid,.art-grid,.art-grid-compact{grid-template-columns:1fr}.vault-category-card,.vault-card-copy{min-height:210px}.art-gallery-page{padding:0 1rem 1.25rem}.art-category-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.art-feature-image-frame{min-height:260px}.art-view-toggle,.art-view-toggle button{width:100%}.art-view-toggle{grid-template-columns:1fr 1fr;display:grid}.art-lightbox{padding:1rem}.art-lightbox-close{top:.75rem;right:.75rem}}@media (width<=480px){.app-shell{padding:8px}.page-toolbar,.filter-bar,.export-controls,.library-module-topbar,.empty-state,.status-box,.error-box,.markdown-page,.power-editor-panel{border-radius:12px;padding:12px}button,.upload-button,input,select,textarea{font-size:16px}.library-module-topbar,.filter-buttons,.export-buttons,.view-toggle,.power-editor-actions{gap:8px}.library-card,.vault-category-card{min-height:150px;padding:16px}.library-card-title{font-size:1.35rem}.psionics-module-header{border-radius:12px}.section-nav{gap:8px}.section-nav-button{padding:10px 12px}.power-card-header h2{font-size:1.45rem}.power-tag{border-radius:8px;font-size:12px}.handbook-page{padding:16px;box-shadow:0 8px 22px #00000059}.handbook-entry{font-size:13.5px}.handbook-group{margin-bottom:22px}.handbook-list{padding-left:18px}.power-editor-overlay{padding:6px}.power-editor-preview-page{padding:14px}.markdown-sidebar,.art-category-sidebar{grid-template-columns:1fr}.markdown-viewer,.class-renderer{padding:.85rem}.vault-panel-copy{padding:18px}.vault-panel-copy h2,.art-gallery-section-header h2{font-size:clamp(1.55rem,10vw,2rem)}.vault-card-copy,.art-card-body{padding:14px}.art-gallery-page{padding:0 .75rem 1rem}.art-feature-image-frame{min-height:220px}}@media (width<=1024px){.library-main-panel-art-gallery .art-gallery-page{width:auto;max-width:none;padding:0}}@media (width<=768px){.library-main-panel-art-gallery .art-gallery-page{padding:0}.library-main-panel-art-gallery .art-category-sidebar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=480px){.library-main-panel-art-gallery .art-gallery-page{padding:0}.library-main-panel-art-gallery .art-category-sidebar{grid-template-columns:1fr}}.class-renderer{background:var(--bg-paper);width:100%;max-width:1100px;color:var(--text-main);border:2px solid var(--border-dark);box-shadow:var(--shadow);border-radius:16px;margin:0 auto;padding:2rem;overflow-x:hidden}.class-hero{border-bottom:2px solid var(--accent);margin-bottom:1.75rem;padding-bottom:1rem}.class-hero-title{color:var(--text-main);margin:0 0 .35rem;font-size:2.4rem;line-height:1.05}.class-hero-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25rem;font-weight:700}.class-hero-subtitle{color:var(--text-muted);margin:0;font-size:1.05rem;font-style:italic}.class-heading-1{color:var(--text-main);border-bottom:2px solid var(--accent);margin-top:2rem;margin-bottom:.65rem;padding-bottom:.25rem;font-size:1.45rem;line-height:1.25}.class-heading-2{color:var(--accent);border-bottom:1px solid #7b1d1859;margin-top:1.25rem;margin-bottom:.45rem;padding-bottom:.2rem;font-size:1.05rem;line-height:1.25}.class-heading-3{color:var(--text-main);text-transform:uppercase;letter-spacing:.04em;margin-top:.9rem;margin-bottom:.35rem;font-size:.9rem;line-height:1.25}.class-divider{border:0;border-top:1px solid #3a24184d;margin:1.5rem 0}.class-paragraph{color:var(--text-main);margin:0 0 .85rem;line-height:1.62}.class-list{color:var(--text-main);margin-top:.35rem;margin-bottom:1rem;padding-left:1.5rem}.class-list li{margin-bottom:.25rem;line-height:1.55}.class-renderer strong{color:var(--accent)}.class-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;max-width:100%;color:var(--text-main);margin:1.25rem 0;display:table}.class-table th,.class-table td{text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border:1px solid #b99f78;padding:.55rem .65rem}.class-table th{color:var(--accent);background:#ead8b8;font-weight:700}.class-table td{background:#fff8ea}:is(.class-table:has(tr>:nth-child(6)) th:first-child,.class-table:has(tr>:nth-child(6)) td:first-child),:is(.class-table:has(tr>:nth-child(6)) th:nth-child(2),.class-table:has(tr>:nth-child(6)) td:nth-child(2)){width:7%}:is(.class-table:has(tr>:nth-child(6)) th:nth-child(3),.class-table:has(tr>:nth-child(6)) td:nth-child(3)){width:46%}:is(.class-table:has(tr>:nth-child(6)) th:nth-child(4),.class-table:has(tr>:nth-child(6)) td:nth-child(4),.class-table:has(tr>:nth-child(6)) th:nth-child(5),.class-table:has(tr>:nth-child(6)) td:nth-child(5),.class-table:has(tr>:nth-child(6)) th:nth-child(6),.class-table:has(tr>:nth-child(6)) td:nth-child(6)){width:13.33%}:is(.class-table:has(tr>:nth-child(2):last-child) th:first-child,.class-table:has(tr>:nth-child(2):last-child) td:first-child){width:14%}:is(.class-table:has(tr>:nth-child(2):last-child) th:nth-child(2),.class-table:has(tr>:nth-child(2):last-child) td:nth-child(2)){width:86%}.markdown-page{padding:24px}.markdown-page-header{margin-bottom:24px}.markdown-page-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.markdown-sidebar{flex-direction:column;display:flex}.markdown-sidebar h2{margin-bottom:12px}.markdown-nav-button{text-align:left;width:100%;margin-bottom:8px;padding:10px;display:block}.markdown-nav-button.active{font-weight:700}.markdown-content{min-width:0}@media (width<=900px){.markdown-page-layout{grid-template-columns:1fr}.markdown-sidebar{margin-bottom:20px}}