:root{--bg:#101010;--panel:#151515;--line:#444;--text:#ededed;--accent:#7bb6fa;--muted:#aaa}body{font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;font-size:13px}aside{background:#111;border-right:1px solid #304e70}.brand{color:#ddd}.brand span{font-family:Georgia,serif}.primary{background:#3688e5;color:#fff}.tabs .selected{color:#98c8ff;border-bottom-color:#78b7ff}.card{background:#141414;border-color:#40474f;border-radius:2px}h2,h3{font-family:Georgia,'Times New Roman',serif}input,textarea,select{background:#111;color:#eee;border-color:#4c4c4c;border-radius:0}button,.button{border-radius:2px}input:focus-visible,textarea:focus-visible{outline-color:#7bb6fa}.reference-sheet main{max-width:1550px;padding:0 24px}.reference-sheet .sheet-head{padding:15px 0}.reference-sheet .sheet-head h2{font-size:26px}.reference-sheet .layout{grid-template-columns:1fr}.reference-sheet .dice{position:static;max-width:none;padding:15px;display:grid;grid-template-columns:1fr 100px 1fr;gap:12px;align-items:center}.reference-sheet .dice>.eyebrow,.reference-sheet .dice h3,.reference-sheet .dice .history{display:none}.reference-sheet .dice .die{grid-column:2;grid-row:1/3;margin:0;width:75px;height:75px;border-radius:0;background:#111b27;border-color:#4b82c0}.reference-sheet .dice #roll-label{grid-column:1;grid-row:1;max-height:60px}.reference-sheet .dice #dice-buttons{grid-column:3;grid-row:1}.reference-sheet .dice .roll-options{grid-column:1;margin:0}.reference-sheet .dice>.primary{grid-column:3}.hero-reference{display:grid;grid-template-columns:minmax(270px,1fr) minmax(280px,1fr);gap:14px;align-items:start;padding:16px;border:2px solid #4b90df;background:#0e0e0e}.hero-reference>.section-jump{grid-column:1/-1;padding:0;gap:5px}.section-jump a{border-radius:0;font-size:10px;color:#b3c8df;padding:6px 8px}.hero-reference>.card{margin:0;padding:14px;border:0;background:transparent}.hero-reference>.identity-section{grid-column:1/-1;border-bottom:1px solid #555}.identity-section>h3{display:none}.identity-section .fields{grid-template-columns:repeat(4,1fr);gap:8px 16px}.hero-reference label{font-size:10px;font-weight:700;color:#aaa;letter-spacing:0}.hero-reference input{padding:5px 0;margin-top:3px;border:0;border-bottom:1px solid #777;background:none;font-size:12px}.hero-reference .identity-section>.hint{font-size:10px}.resource-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.resource-readout .stat{padding:8px;border:1px solid #666;border-radius:0}.resource-readout .stat strong{font-size:18px;margin:6px 0 0}.resource-readout .resource-0{background:#891b20}.resource-readout .resource-1{background:#b8292e}.resource-readout .resource-2{background:#307ed8}.resource-readout .stat label{color:#eee}.attribute-section{grid-column:1;grid-row:auto}.attribute-section>h3{display:none}.attribute-ring{height:340px;position:relative;display:block;max-width:360px;margin:12px auto 25px;background:radial-gradient(circle at center,transparent 24%,#aaa 24.4%,transparent 25%,transparent 35%,#777 35.5%,transparent 36%)}.attribute-ring .stat{position:absolute;left:calc(50% + 118px * sin(var(--i) * 60deg));top:calc(50% - 118px * cos(var(--i) * 60deg));transform:translate(-50%,-50%);width:82px;height:82px;border:2px solid #eee;outline:3px dotted #999;outline-offset:4px;border-radius:50%;padding:12px 3px;background:#111;z-index:1}.attribute-ring .stat input{font-size:24px;border:0;text-align:center;margin:0;padding:2px}.attribute-ring .stat label{font-size:9px;color:#ddd;display:flex;flex-direction:column-reverse}.attribute-ring .stat .hint{font-size:9px;margin:0;min-height:0;color:#a1bedf}.attribute-ring .stat button{position:absolute;left:6px;right:6px;top:85px;border:0;padding:0;font-size:8px;background:#12171d;color:#ddd}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px double #ddd;background:#eaeaea;color:#171717;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900}.hero-reference>.skill-section{grid-column:2;grid-row:3 / span 3;border-left:1px solid #555}.skill-section>.fields{display:block}.skill-section .fields label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444;min-height:30px;font-size:11px;color:#eee;gap:12px}.skill-section .fields input{width:45px;text-align:center;color:#9dcbff;border-bottom:0}.hero-reference h3{text-transform:uppercase;font:700 15px 'Arial Narrow',Arial,sans-serif;text-align:center;margin:0 0 15px}.hero-reference .combat-section{grid-column:1}.combat-section .stats{grid-template-columns:repeat(3,1fr);gap:5px}.combat-section .stat{padding:8px 3px;border:0;border-radius:0}.combat-section strong{font-size:22px;margin:8px 0}.hero-reference>.quirk-section{grid-column:1}.quirk-section .quirk-grid{grid-template-columns:1fr 1fr;gap:8px}.quirk-section .stat{padding:8px;border-radius:0}.quirk-section h3{font-size:13px}.quirk-section .stat .hint{font-size:10px}.hero-reference>.powers-section,.hero-reference>.tree-section{grid-column:1/-1;border-top:1px solid #666;padding-top:18px}.hero-reference .powers-section h3,.hero-reference .tree-section h3{text-align:left}.hero-reference>.conditions-section,.hero-reference>.gear-section,.hero-reference>.knowledge-section,.hero-reference>.story-section{border-top:1px solid #555}.hero-reference>details{grid-column:1/-1}.hero-reference .card textarea{min-height:85px;font-size:12px}.hero-reference .hint{line-height:1.5}.hero-reference .section-top button{font-size:10px}.power-reference-card{display:block;width:100%;background:#151515;border:1px solid #83343e;padding:0;margin:14px 0;text-align:left;overflow:hidden}.power-title{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eee;color:#111;padding:8px 12px;font:20px Georgia,'Times New Roman',serif}.power-reference-card:nth-child(even) .power-title{background:#d8172c;color:#080808}.power-title strong{font-weight:500;text-transform:uppercase}.power-title>span{white-space:nowrap;font-size:15px}.power-excerpt{display:block;padding:12px;font:13px/1.6 Georgia,serif;color:#e2e2e2;max-height:90px;overflow:hidden}.power-reference-card:hover{border-color:#e52841;background:#211417}.power-list{max-width:850px}.ability-dialog{width:min(700px,94vw);max-height:90vh;overflow:auto;padding:40px;background:radial-gradient(ellipse at 0 100%,#45040d,#0a0a0a 65%);border:1px solid #b51930;color:#eee;box-shadow:0 0 80px #000;border-radius:0}.ability-dialog::backdrop{background:#000c;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:10px;right:12px;border:0;font-size:24px;padding:0 8px;color:#ddd}.ability-kicker{font-size:10px;letter-spacing:3px;color:#b3a4a4}.ability-dialog>h2{font:52px/1.1 Georgia,serif;text-transform:uppercase;color:#e21f39;margin:16px 0 8px;overflow-wrap:anywhere}.ability-subtitle{font:17px Georgia,serif;color:#aaa;margin-bottom:40px}.ability-detail{border:1px solid #942031;background:#131313}.ability-detail header{height:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eee;color:#111;padding:8px 12px;border:0}.ability-detail h3{font:23px Georgia,serif;text-transform:uppercase;margin:0}.ability-detail header span{white-space:nowrap;font:16px Georgia,serif}.ability-detail>p{padding:12px 18px;font:16px/1.75 Georgia,serif;margin:0}.ability-source{font-size:11px;color:#b5999e;margin:22px 0 0}.ability-dialog form label{margin:15px 0;display:block}.ability-dialog textarea{min-height:170px}.ability-dialog .primary{background:#c81b32;border-color:#e42e47;color:#fff}.ability-grade{color:#e74456}.chosen-ability summary{color:#ddd}.chosen-ability{border-color:#444}.tree-categories .chosen{background:#22364c!important;border-color:#7eb1ec!important}.skill-node.owned{background:#17212c;border-left-color:#84b4eb}.skill-actions button:last-child{background:#5d96d7;color:#fff}.skill-node{border-left-color:#506378}.branch-title{color:#b3ceec}@media(min-width:1500px){.hero-reference{grid-template-columns:1fr 1fr}.reference-sheet main{padding:0 50px}}@media(max-width:800px){.hero-reference{padding:10px;gap:10px;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr)}.identity-section .fields{grid-template-columns:repeat(2,1fr)}.attribute-ring{transform:scale(.85);transform-origin:center;margin:0 -15px;height:330px}.hero-reference .card{padding:8px}.reference-sheet main{padding:0 12px}}@media(max-width:600px){.hero-reference{display:flex;flex-direction:column}.hero-reference>*{width:100%}.hero-reference>.skill-section{border-left:0;border-top:1px solid #555}.attribute-ring{transform:scale(.95);max-width:340px;margin:0 auto 20px}.resource-readout{grid-template-columns:repeat(2,1fr)}.reference-sheet .dice{display:block}.reference-sheet .dice>*{margin:12px auto!important}.ability-dialog{padding:32px 20px}.ability-dialog>h2{font-size:36px}.ability-detail h3{font-size:18px}.ability-detail header span{font-size:12px}.power-title{font-size:17px}.power-title>span{font-size:12px}.hero-reference .attribute-section{padding-bottom:25px}}
.inspect-tree-ability{border:0;padding:0;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer}.inspect-tree-ability:hover{color:#a4ceff;background:none}
.skill-node{border:1px solid #703444;border-left:3px solid #a7334c;border-radius:0;padding:0;overflow:hidden}.skill-node .skill-heading{background:#eee;color:#111;padding:8px 12px}.skill-node:nth-of-type(even) .skill-heading{background:#ce1d37;color:#080808}.skill-node .skill-heading .tag{color:#555;font-size:8px}.skill-node .skill-heading h3{font:20px Georgia,serif;text-align:left;text-transform:uppercase;margin:4px 0}.skill-node .skill-heading .rank{color:#111;font:16px Georgia,serif}.skill-node .ability-effect,.skill-node .parent-link,.skill-node>.hint,.skill-node .hierarchy-review{margin:12px 15px}.skill-node .ability-effect{font:14px/1.65 Georgia,serif}.skill-node .skill-actions{margin:15px}.skill-node.owned{background:#25141b;border-color:#e04868}.skill-node .hierarchy-review{padding-bottom:10px}.skill-node .inspect-tree-ability:hover{color:#711429}
