@charset "UTF-8";
:root{color-scheme:dark;--bg:#141116;--surface:#1c181e;--surface-2:#231e25;--surface-3:#2d252d;--border:#372d37;--text:#e8e1da;--muted:#a79ba7;--dim:#766b78;--accent:#cb7585;--red:#96394c;--gold:#c2a278;--green:#98b49a;--radius:10px;--sidebar:248px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}input,textarea,select{color:var(--text);background:#19151b;border:1px solid var(--border);border-radius:6px;max-width:100%}input,textarea{padding:11px 12px}select{padding:9px 30px 9px 10px;min-height:41px;cursor:pointer}textarea{width:100%;resize:vertical;line-height:1.75}input::placeholder,textarea::placeholder{color:#776c7b}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #cb758530;outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1{font:46px/1.16 Georgia,"Times New Roman",serif;letter-spacing:-1.6px}h2{font-size:19px;line-height:1.35}p+p{margin-top:12px}small{font-size:11px}label{display:block}button,a{touch-action:manipulation}main{min-width:0;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:12px;top:-100px;background:var(--accent);color:#21151c;padding:10px 16px;border-radius:5px}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding:9px 15px;border:1px solid #51404d;border-radius:6px;background:transparent;font-weight:500;font-size:12px;line-height:1.5;text-align:center;transition:background .15s,border-color .15s}.button:hover{background:var(--surface-3);border-color:#876373}.button.primary{background:#9b4356;border-color:#ad5365;color:#fff4f2}.button.primary:hover{background:#b05164}.button.subtle{border-color:transparent;color:var(--muted);background:transparent}.button.subtle:hover{color:var(--text);background:var(--surface-2)}.text-button{padding:0;background:none;text-align:left;color:var(--accent);font-size:inherit}.text-button:hover{color:#f2b1bd;text-decoration:underline;text-underline-offset:3px}.icon-button,.compare-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:6px;background:none;color:var(--muted);font-size:23px;line-height:1}.compare-button{font-size:20px}.icon-button:hover,.compare-button:hover{background:var(--surface-3);color:var(--text)}.icon-button.on{color:var(--gold)}.compare-button.on{color:var(--accent);border-color:#714353;background:#452832}.eyebrow{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:2px;color:var(--gold)}.muted,.help{color:var(--muted)}.help{font-size:12px;line-height:1.75}.lede{color:var(--muted);font-size:14px;margin-top:14px;max-width:720px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 26px;gap:20px;border-bottom:1px solid var(--border);position:relative;z-index:20;background:#161218}.brand{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;letter-spacing:2px;line-height:1.4}.brand small{display:block;font-size:8px;letter-spacing:1.65px;color:var(--muted);font-weight:400;margin-top:5px}.brand-sigil{display:inline-flex;align-items:center;justify-content:center;border:1px solid #714658;border-radius:50%;color:var(--accent);width:42px;height:48px;font:29px Georgia,serif;position:relative;flex-shrink:0}.brand-sigil:before,.brand-sigil:after{content:"";position:absolute;left:10px;right:10px;top:5px;border-top:1px solid #c2a27866}.brand-sigil:after{top:auto;bottom:5px}.top-actions{display:flex;align-items:center;gap:22px}#sync-status{font-size:10px;color:var(--muted);letter-spacing:.2px}#sync-status:before{content:"";display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:7px}#sync-status.problem{color:#edac92}#sync-status.problem:before{background:#edac92}.mobile-menu{display:none}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 88px)}.sidebar{background:#18141a;border-right:1px solid var(--border);padding:29px 17px 20px;position:relative}.nav-label{color:#867887;font-size:9px;letter-spacing:1.8px;margin:0 12px 13px}.primary-nav,.discipline-nav{display:flex;flex-direction:column;gap:3px}.primary-nav a,.discipline-nav button{padding:9px 11px;display:flex;align-items:center;gap:11px;border-radius:5px;min-height:38px;color:var(--muted);background:transparent;line-height:1.3;text-align:left;font-size:12px;width:100%}.primary-nav a>span,.discipline-symbol{display:inline-flex;align-items:center;justify-content:center;width:17px;flex-shrink:0;color:#b297a9;font-size:18px}.primary-nav b,.discipline-nav b{font-size:10px;font-weight:400;color:var(--dim);margin-left:auto}.primary-nav a:hover,.discipline-nav button:hover{background:#231b25;color:var(--text)}.primary-nav a.current{background:#31212d;color:#f2d8df}.primary-nav a.current span{color:var(--accent)}.discipline-nav button.selected{color:#eab1bf;background:#30202a}.discipline-nav button.selected .discipline-symbol{color:var(--accent)}.nav-divider{height:1px;background:var(--border);margin:23px 11px}.sidebar-foot{padding:32px 12px 0;font-size:8px;letter-spacing:1.7px;color:var(--dim)}.sidebar-foot p{font-size:10px;letter-spacing:0;line-height:1.8;margin-top:8px}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:5px}main{padding:42px 42px 70px;max-width:1800px}.library-header{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:34px}.library-header h1,.page-header h1{margin-top:11px}.edition-stamp{display:flex;align-items:center;gap:13px;color:#7b626f;border:1px solid #47313e;border-radius:50%;width:93px;height:93px;justify-content:center;flex-shrink:0;transform:rotate(-5deg)}.edition-stamp>span{font:43px Georgia,serif}.edition-stamp small{font-size:7px;letter-spacing:1.5px;line-height:1.8}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:28px}.library-results{min-width:0}.search-wrap{position:relative;display:flex;align-items:center;gap:11px;background:#211b23;border:1px solid #5a3d4d;border-radius:7px;height:55px;padding:0 16px}.search-wrap>span{font:30px Georgia,serif;line-height:1;color:var(--accent);margin-top:-4px}.search-wrap input{background:none;border:0;box-shadow:none;outline:none;flex:1;min-width:0;padding:12px 0;height:100%;font-size:13px}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #96394c20}.search-wrap input:focus{outline:none}.search-wrap kbd{font:10px "Segoe UI",sans-serif;color:#8a7487;border:1px solid #53414f;border-radius:3px;padding:0 6px;line-height:19px}.category-tabs{display:flex;gap:21px;border-bottom:1px solid var(--border);margin-top:20px;overflow:auto;white-space:nowrap;scrollbar-width:thin}.category-tabs button{color:var(--muted);background:none;font-size:12px;padding:6px 0 14px;border-bottom:2px solid transparent;margin-bottom:-1px}.category-tabs button:hover{color:var(--text)}.category-tabs button.active{color:#f0c5ce;border-bottom-color:var(--accent)}.filter-bar{display:grid;grid-template-columns:105px minmax(100px,1.6fr) minmax(85px,1fr) 105px;gap:10px;margin-top:18px}.filter-bar label{font-size:9px;color:var(--dim);letter-spacing:.6px}.filter-bar select{width:100%;display:block;margin-top:4px;font-size:11px;letter-spacing:0;min-height:36px;padding:7px 21px 7px 9px}.toggle-filters{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:14px 0 21px;font-size:10px;color:var(--muted)}.toggle-filters label{display:flex;align-items:center;gap:6px;line-height:1.6}.toggle-filters input{accent-color:var(--red);margin:0;width:13px;height:13px}.toggle-filters .text-button{margin-left:auto;color:var(--muted);font-size:10px}.result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;margin-bottom:11px}.result-heading p{color:var(--muted)}.result-heading b{color:var(--text);font-weight:500}.result-heading>span{font-size:8px;color:var(--dim);letter-spacing:1.6px}.power-list{display:flex;flex-direction:column;gap:10px}.power-card{background:linear-gradient(115deg,#211b23,#1d181f);border:1px solid #382d38;border-radius:8px;padding:18px 18px 15px;display:flex;justify-content:space-between;gap:12px;transition:border-color .15s,background .15s}.power-card:hover{border-color:#6d475c;background:#261d27}.card-main{min-width:0}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:9px;color:var(--muted);line-height:1.5}.card-meta>span:first-child{color:#b7a2b6}.type-badge{display:inline-block;font-size:8px;color:#b7a6b9;background:#332834;border:1px solid #4b394b;border-radius:4px;padding:1px 6px;line-height:1.6;text-transform:uppercase;letter-spacing:.7px}.type-badge.ritual{color:#c2a882;border-color:#5b4736;background:#30281f}.type-badge.ceremony{color:#aa9ac0;border-color:#51415e;background:#292330}.type-badge.formula{color:#9eb9b0;border-color:#3c554e;background:#202d29}.type-badge.elder,.type-badge.methuselah{color:#dc9d9d;border-color:#693f43;background:#352124}.amalgam-mark{color:#b78c9f;font-size:7px;letter-spacing:1px}.power-card h2{margin-top:7px;font:22px/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.3px}.power-card h2 a:hover{color:#f0b0c0}.power-card p{font-size:12px;color:#b6aab6;line-height:1.7;margin-top:7px;max-width:650px}.card-tags{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}.card-tags>span{font-size:8px;color:#8f7f91;line-height:1.5}.card-tags>span+span:before{content:"·";padding-right:10px;color:#665466}.card-tags .has-note{color:var(--gold)}.card-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:20px;flex-shrink:0;min-width:67px}.dots{display:inline-flex;gap:4px;height:16px;align-items:center;white-space:nowrap}.dots i{width:6px;height:6px;border:1px solid #806d7e;border-radius:50%;display:block}.dots i.filled{border-color:#cfa77b;background:#cfa77b;box-shadow:0 0 6px #bd8d5f20}.unrated{color:#a17d86;font-size:9px;letter-spacing:.6px}.card-buttons{display:flex;gap:1px}.load-more{text-align:center;margin-top:25px}.load-more p{font-size:10px;color:var(--dim)}.context-rail{display:flex;flex-direction:column;gap:20px}.rail-card{border:1px solid var(--border);border-radius:8px;background:#1c171e;padding:22px 19px}.rail-card h2{font:23px/1.3 Georgia,serif;margin-top:10px}.rail-card p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted);margin-top:12px}.rail-card .button{width:100%;margin-top:21px;font-size:10px}.feature-card{background:radial-gradient(ellipse at top right,#48233155,transparent 68%),#211920;border-color:#553345;position:relative;overflow:hidden}.feature-card:after{content:"V";font:180px Georgia,serif;position:absolute;right:-18px;top:50px;color:#7a3b5212;pointer-events:none}.feature-card strong{font:64px/1 Georgia,serif;letter-spacing:-3px;display:block;margin:23px 0;color:#e4d0c0}.feature-card strong span{display:block;font:12px "Segoe UI",sans-serif;color:#bda7b5;letter-spacing:.2px;margin-top:9px}.mini-stats{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a795a6}.mini-stats b{color:#d6c7d2;display:inline-block;min-width:25px;font-weight:500}.feature-card>p:last-child{border-top:1px solid #48313e;padding-top:16px}.rail-note{display:flex;gap:12px;font-size:10px;line-height:1.9;color:var(--dim);padding:0 5px}.rail-note>span{color:var(--gold);font-size:24px}.rail-note p{flex:1}.empty-state{padding:60px 24px;text-align:center;background:#1b161d;border:1px dashed #493646;border-radius:9px}.empty-state>span{font:45px Georgia,serif;color:#9b647d;display:block;margin-bottom:15px}.empty-state h2{font:26px/1.3 Georgia,serif}.empty-state p{max-width:480px;margin:15px auto 20px;color:var(--muted);font-size:12px}.empty-state .button+.button{margin-left:10px}.notification{position:sticky;top:0;z-index:50;background:#3c2834;color:#f4d6d8;padding:13px 24px;border-bottom:1px solid #a4566a;font-size:12px}.notification[hidden]{display:none}.compare-tray{position:fixed;bottom:22px;left:calc(var(--sidebar) + 42px);right:42px;max-width:1500px;background:#392330f5;border:1px solid #895569;border-radius:9px;box-shadow:0 10px 35px #0009;z-index:30;padding:14px 18px;display:flex;align-items:center;gap:20px;backdrop-filter:blur(8px)}.compare-tray[hidden]{display:none}.compare-tray>div{flex:1;min-width:0;font-size:11px}.compare-tray b{color:#efc3cd;font-weight:500}.compare-tray>div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#bca1b3;margin-top:2px}.compare-tray .button{font-size:11px;flex-shrink:0}.with-tray main{padding-bottom:140px}.page-header{margin-bottom:32px}.back-link{display:inline-block;color:var(--muted);font-size:11px;margin-bottom:27px}.back-link:hover{color:var(--accent)}.detail-header{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--border)}.detail-header .card-meta{font-size:11px;gap:14px}.detail-header h1{font-size:48px;margin:16px 0}.detail-summary{font-size:16px;line-height:1.8;color:#c4b3c2;max-width:820px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.detail-actions .primary{margin-left:auto}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px}.panel{padding:25px;background:#1c171e;border:1px solid var(--border);border-radius:9px;margin-bottom:20px;min-width:0}.panel h2{margin:9px 0 16px;font:25px/1.25 Georgia,serif}.panel>p:not(.eyebrow),.panel>label{font-size:12px;color:var(--muted)}.fact-list{margin:10px 0 20px}.fact-list>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}dt{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.8px}dd{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.requirement+.requirement{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.requirement-label{color:var(--dim);font-size:10px}.requirement p{font-size:13px;margin-top:5px}.linked-powers{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.linked-powers a{display:flex;gap:16px;color:#deb6c3;font-size:11px;padding:7px 10px;border:1px solid #604154;border-radius:5px;background:#322130}.caution{background:#2a211e;border-color:#634a35}.caution p:not(.eyebrow){color:#c8b49e}.caution .eyebrow{color:#d9ad7a}.source-list{list-style:none;padding:0;margin:15px 0;display:flex;flex-direction:column;gap:9px;font-size:12px}.source-list li{padding-bottom:9px;border-bottom:1px solid #352a35}.detail-grid aside .button.primary{font-size:10px;width:100%;margin-top:15px}.stack{display:flex;flex-direction:column;gap:9px;margin-top:18px}.related>a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--border)}.related>a:hover{color:var(--accent)}.related small{display:block;color:var(--dim);font-size:10px;margin-top:3px}.eligibility{font-size:10px!important;border:1px solid #6f493b;background:#34251f;padding:7px 10px;border-radius:4px;margin-bottom:10px;color:#d8ae90!important}.eligibility.met{border-color:#405c45;background:#233027;color:#b6cbb5!important}.compare-controls{display:flex;gap:12px;margin-bottom:24px}.comparison-scroll{overflow-x:auto;padding-bottom:10px}.comparison-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:16px;min-width:fit-content}.comparison-grid.count-1{grid-auto-columns:minmax(250px,500px)}.comparison-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px;display:flex;flex-direction:column;max-width:450px}.comparison-panel h2{font:26px/1.2 Georgia,serif;margin:12px 0 8px;min-height:62px}.comparison-panel h2 a:hover{color:var(--accent)}.comparison-panel>.muted{font-size:11px;margin-bottom:8px}.compare-title{display:flex;align-items:center;justify-content:space-between}.comparison-summary{font-size:12px;color:#c7b8c5;line-height:1.8;margin-top:18px;min-height:90px}.comparison-panel dl{margin:20px 0}.comparison-panel dl>div{padding:14px 0;border-top:1px solid var(--border);min-height:95px}.comparison-panel dd{margin-top:7px}.comparison-panel>.button{margin-top:auto;font-size:10px}.comparison-panel>.help{margin:0 0 15px}.caution-text{color:#d5b68d}.planner-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}.character-list{padding:20px 15px}.character-list>.eyebrow{margin:0 4px 16px}.character-choice{display:flex;align-items:center;gap:11px;width:100%;padding:12px 8px;border-radius:5px;background:none;text-align:left;font-size:12px;margin-bottom:6px}.character-choice.selected{background:#33212f;color:#efc3d0}.character-choice:hover{background:#2d222e}.character-choice small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.avatar{display:flex;align-items:center;justify-content:center;width:31px;height:36px;font:20px Georgia,serif;border:1px solid #694454;color:var(--accent);border-radius:50%;flex-shrink:0}.character-list form{border-top:1px solid var(--border);margin:20px 4px 0;padding-top:18px}.character-list label{font-size:10px;color:var(--muted);margin-bottom:7px}.character-list input{width:100%;font-size:12px}.character-list .button{width:100%;margin-top:10px}.character-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.name-input{font:29px/1.3 Georgia,serif;width:100%;padding:5px 0;border-color:transparent;background:none;margin-top:6px}.danger{color:#cf8f91!important}.character-header>.button{font-size:10px;flex-shrink:0}.ratings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;margin:23px 0}.ratings-grid label{font-size:11px;color:#c3b3c3}.ratings-grid select{display:block;width:100%;margin-top:6px;font-size:11px}.planner-warning{padding:10px 12px;border-left:2px solid #bd8b69;background:#30231f;color:#d9b08f!important;margin-bottom:13px}.ratings-grid~.button{margin-top:18px}.plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.count{font:13px "Segoe UI",sans-serif;color:var(--dim);margin-left:8px}.plan-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--border)}.plan-list a{font-size:12px}.plan-list a:hover{color:var(--accent)}.plan-list small{display:block;color:var(--dim);font-size:9px;margin-top:3px}.plan-list .icon-button{font-size:20px;flex-shrink:0}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.prose{padding:32px}.prose p:not(.eyebrow){font-size:13px;line-height:1.9;color:#bfb1bd}.prose h2{margin-top:30px}.prose>.eyebrow+h2{margin-top:12px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.guide-grid aside .panel p{line-height:1.85}.guide-grid .source-list{font-size:11px}.guide-grid .source-list button{color:var(--muted)}.loading{padding:60px 0}.loading h1{margin:18px 0}.loading p{color:var(--muted)}.login-body{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:35px 20px;background:radial-gradient(ellipse at 65% 25%,#4b20383b,transparent 55%),#141116}.login-card{text-align:center;width:435px;max-width:100%;padding:45px 35px;border:1px solid #503343;border-radius:12px;background:#1c161ed9;box-shadow:0 25px 100px #0003}.brand-sigil.large{width:57px;height:67px;font-size:44px;margin-bottom:29px}.login-card h1{font-size:36px;margin:13px 0 17px;letter-spacing:-1px}.login-card>.muted{font-size:12px;line-height:1.85;margin-bottom:30px}.login-card form{text-align:left}.login-card label{font-size:11px;color:#b9a6b8;margin-top:17px}.login-card input{display:block;width:100%;margin-top:6px}.login-card .primary{width:100%;margin-top:22px}.login-card .help{font-size:11px;margin-top:12px}.error{color:#e4a1a7;font-size:12px;margin-top:15px}.login-foot{border-top:1px solid var(--border);padding-top:22px;margin-top:28px;font-size:8px;letter-spacing:1px;color:var(--dim);line-height:2.4}
@media(min-width:1700px){main{padding-left:55px;padding-right:55px}.library-layout{grid-template-columns:minmax(0,1fr) 255px;gap:35px}.power-card{padding:21px 23px}.power-card h2{font-size:24px}.power-card p{font-size:13px}}
@media(max-width:1250px){:root{--sidebar:220px}.sidebar{padding-left:12px;padding-right:12px}main{padding:34px 27px 65px}.library-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.rail-card{padding:20px 15px}.filter-bar{grid-template-columns:80px minmax(90px,1.5fr) minmax(80px,1fr)}.filter-bar label:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px}.filter-bar label:last-child select{width:120px;margin-top:0}.library-header h1{font-size:40px}.detail-grid,.guide-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.panel{padding:21px}.detail-actions .primary{margin-left:0}.planner-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.ratings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-columns{grid-template-columns:1fr}.compare-tray{left:calc(var(--sidebar) + 27px);right:27px}}
@media(max-width:1040px){.context-rail{display:none}.library-layout{grid-template-columns:1fr}.filter-bar{grid-template-columns:85px minmax(100px,1.5fr) minmax(85px,1fr) 100px}.filter-bar label:last-child{display:block;grid-column:auto}.filter-bar label:last-child select{width:100%;margin-top:4px}.detail-grid,.guide-grid{grid-template-columns:1fr}.detail-grid>aside,.guide-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.detail-grid>aside .panel,.guide-grid>aside .panel{margin-bottom:0}.detail-grid>aside>.related{grid-column:1/-1}.guide-grid>aside>.rail-note{grid-column:1/-1}.detail-header h1{font-size:41px}.planner-layout{grid-template-columns:1fr}.character-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.character-list>.eyebrow{width:100%;margin-bottom:0}.character-choice{width:auto;flex:1;min-width:160px;margin:0}.character-list form{margin:0;border:0;padding:0;flex:1;min-width:180px;display:flex;gap:6px;flex-wrap:wrap}.character-list form label{width:100%;margin:0}.character-list form input{width:50%;flex:1;min-width:90px}.character-list form .button{width:auto;flex:1;margin:0;white-space:nowrap}.plan-columns{grid-template-columns:1fr 1fr}.top-actions{gap:12px}}
@media(max-width:760px){:root{--sidebar:0px}.topbar{height:75px;padding:0 18px;gap:10px}.brand{font-size:10px;letter-spacing:1.4px;gap:10px}.brand small{font-size:6px;letter-spacing:.9px}.brand-sigil{width:32px;height:38px;font-size:24px}.top-actions{gap:4px}#sync-status{font-size:0;white-space:nowrap}#sync-status:before{margin:0;width:6px;height:6px}.top-actions .button{font-size:10px;padding:7px 8px;min-height:34px}.mobile-menu{display:inline-flex}.app-shell{display:block;min-height:calc(100dvh - 75px)}.sidebar{display:none;position:absolute;left:0;top:75px;width:265px;z-index:40;box-shadow:20px 10px 50px #0009;min-height:calc(100dvh - 75px);border-bottom:1px solid var(--border)}.sidebar.open{display:block}.sidebar-foot{padding-bottom:15px}main{padding:28px 20px 60px}.library-header{margin-bottom:25px}.library-header h1,.page-header h1{font-size:37px;letter-spacing:-1px}.library-header .eyebrow,.page-header .eyebrow{font-size:8px;letter-spacing:1.4px}.lede{font-size:12px;line-height:1.85;margin-top:12px}.edition-stamp{width:66px;height:66px;gap:7px}.edition-stamp>span{font-size:32px}.edition-stamp small{font-size:5px;letter-spacing:.7px}.search-wrap{height:51px;padding:0 13px;gap:8px}.search-wrap input{font-size:12px}.category-tabs{gap:23px;margin-top:17px}.category-tabs button{font-size:11px}.filter-bar{grid-template-columns:75px minmax(90px,1.5fr) minmax(80px,1fr);gap:10px 8px;margin-top:15px}.filter-bar label:last-child{display:flex;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:9px}.filter-bar label:last-child select{width:110px;margin-top:0}.toggle-filters{font-size:9px;gap:11px;margin:12px 0 18px}.toggle-filters .text-button{font-size:9px}.result-heading>span{font-size:6px;letter-spacing:.8px}.power-card{padding:16px 14px 13px;gap:10px}.power-card h2{font-size:22px}.power-card p{font-size:11px;line-height:1.8}.card-meta{font-size:8px;gap:6px}.type-badge{font-size:7px}.amalgam-mark{font-size:6px}.card-side{min-width:57px}.dots{gap:3px}.dots i{width:5px;height:5px}.card-buttons{gap:0}.icon-button,.compare-button{width:30px;height:34px}.card-tags{margin-top:10px}.card-tags>span{font-size:7px}.compare-tray{left:12px;right:12px;bottom:12px;padding:10px 12px;gap:8px}.compare-tray .button{padding:8px 10px;font-size:10px}.compare-tray .subtle{display:none}.compare-tray>div>span{max-width:210px;font-size:9px}.detail-header h1{font-size:38px;letter-spacing:-1px;overflow-wrap:anywhere}.detail-summary{font-size:14px}.detail-header .card-meta{font-size:10px;gap:10px}.detail-actions{gap:8px;margin-top:20px}.detail-actions .button{font-size:11px;flex:1}.detail-actions .primary{flex-basis:100%}.detail-grid>aside,.guide-grid>aside{display:block}.detail-grid>aside .panel,.guide-grid>aside .panel{margin-bottom:18px}.detail-header{margin-bottom:22px;padding-bottom:23px}.panel{padding:21px 19px}.panel h2{font-size:24px}.fact-list>div{grid-template-columns:70px minmax(0,1fr);gap:12px}.fact-list dt{font-size:9px}.fact-list dd{font-size:11px}.page-header{margin-bottom:25px}.character-list{padding:18px}.character-choice{min-width:130px}.character-list form{flex-basis:100%;border-top:1px solid var(--border);padding-top:13px;margin-top:5px}.ratings-grid{gap:15px 12px}.ratings-grid label{font-size:10px}.ratings-grid select{font-size:10px}.character-header{align-items:flex-start}.name-input{font-size:25px}.character-header>.button{font-size:8px;padding:6px}.plan-columns{grid-template-columns:1fr;gap:0}.comparison-grid{grid-auto-columns:260px;gap:12px}.comparison-panel{padding:19px}.comparison-panel h2{font-size:25px}.comparison-summary{font-size:11px}.prose{padding:24px 20px}.prose p:not(.eyebrow){font-size:12px}.login-card{padding:35px 25px}.notification{font-size:11px;padding:11px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.category-tabs{overflow-y:hidden}
[hidden]{display:none!important}
.login-switch{margin-top:12px;font-size:11px}
.brand-copy{min-width:0}.brand-title{display:block}
#owner-access{font-size:10px;white-space:nowrap}
@media(max-width:760px){.brand{font-size:9px;letter-spacing:.5px;gap:7px}.brand small{display:none}.brand-sigil{width:26px;height:32px}.top-actions{gap:2px}#owner-access{font-size:8px;padding:7px 5px}.top-actions .button{font-size:9px;padding:7px 5px}}
@media(max-width:760px){.brand-title{max-width:98px;line-height:1.4}}