/* Hero academy colors on the requested light foundation. */
:root{--accent:#1556a1}.brand,.brand span{color:#153c72}.brand small{color:#b0333b}.nav.active{background:#eaf1fb;border-color:#bfd1e8;color:#214d85}.primary{background:#184f91;border-color:#184f91}.primary:hover{background:#103d75}.tabs button.selected{color:#164e91;border-color:#d42d3d}.open-fan{color:#194f8c!important;border-color:#d4a52b!important}.hero-reference{border:2px solid #214e85;box-shadow:5px 5px 0 #ebc34422}.section-jump a{color:#194f8c;border-color:#bdcee2}.hero-reference .attribute-section{position:relative;background:radial-gradient(ellipse at center,#edf4fd 0%,#fff 68%);padding-top:24px;padding-bottom:24px}.attribute-section::before{content:'HERO STATUS';display:block;text-align:center;font:900 11px Arial,sans-serif;letter-spacing:4px;color:#18477b;margin-bottom:15px}.attribute-ring{height:355px;max-width:360px;margin:18px auto 35px;background:repeating-conic-gradient(from 0deg,#1b4f8520 0deg 1deg,transparent 1deg 60deg),radial-gradient(circle at center,transparent 30%,#b9cce3 30.5%,transparent 31.5%,transparent 36%,#d0ddeb 36.5%,transparent 37%)}.attribute-ring::before{content:'';position:absolute;inset:72px;border:1px solid #adc4e0;transform:rotate(30deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#d8e7f780,transparent 65%)}.attribute-ring .stat{width:86px;height:86px;border:3px solid #204d82;border-radius:16px;outline:2px solid #d7b449;outline-offset:3px;box-shadow:3px 4px 0 #17396021;background:linear-gradient(155deg,#fff 45%,#e3edfa);padding:12px 4px;transform:translate(-50%,-50%) rotate(-4deg)}.attribute-ring .stat:nth-child(even){border-color:#a32636;background:linear-gradient(155deg,#fff 45%,#fbe7e9);transform:translate(-50%,-50%) rotate(4deg)}.attribute-ring .stat label{color:#1d416e;font-weight:900;font-size:9px;text-transform:uppercase}.attribute-ring .stat:nth-child(even) label{color:#8c2736}.attribute-ring .stat input{font-size:29px;font-weight:900;font-family:Arial,sans-serif;font-style:italic;color:#163b69;padding:0;background:transparent}.attribute-ring .stat:nth-child(even) input{color:#9c2434}.attribute-ring .stat .hint{color:#61738e;font-size:9px}.attribute-ring .stat button{top:90px;background:#194a82;color:#fff;padding:3px 0;border:0;border-radius:2px;box-shadow:2px 2px 0 #dbc65f;font-size:9px;font-weight:700}.attribute-ring .stat:nth-child(even) button{background:#a62c3e}.attribute-ring .stat button:hover{background:#d3a629;color:#142d4e}.ring-center{width:118px;height:128px;border:0;border-radius:0;clip-path:polygon(50% 0,100% 15%,94% 72%,50% 100%,6% 72%,0 15%);background:linear-gradient(145deg,#245a99,#102e59);color:#fff;box-shadow:none;font:900 13px/1.2 Arial,sans-serif;letter-spacing:1px;text-shadow:1px 2px 0 #08213d;padding-bottom:5px;isolation:isolate}.ring-center::before{content:'★';position:absolute;top:17px;font-size:30px;color:#f1c54b;text-shadow:1px 2px 0 #796222}.ring-center::after{content:'PLUS ULTRA';position:absolute;bottom:24px;font-size:8px;letter-spacing:2px;color:#f8d66a}.hero-reference h3{color:#193f70;font-weight:900}.hero-reference .combat-section .stat{border-bottom:3px solid #1d4c82;background:#f1f5fb}.hero-reference .combat-section .stat:nth-child(even){border-bottom-color:#b32d3d}.resource-readout .stat{border-width:2px}.resource-readout .resource-0,.resource-readout .resource-1{border-color:#d3464c}.resource-readout .resource-2{border-color:#2f67a7;background:#e9f1fc}.resource-readout .resource-2 label,.resource-readout .resource-2 strong{color:#214f88}.hero-reference .identity-section input:focus{border-bottom-color:#c59528}.hero-reference>.powers-section,.hero-reference>.tree-section{border-top:3px solid #1c4d83}.hero-reference .attribute-section>.warning{color:#ad3434}.hero-emblem{background:#1b4a82;color:#f4ce5c;border:2px solid #d4ab3f;clip-path:polygon(50% 0,100% 15%,90% 75%,50% 100%,10% 75%,0 15%);border-radius:0}.hero-card{background:linear-gradient(145deg,#fff,#eaf1fb);border-color:#aac0dc;border-top:4px solid #1b4a82}.hero-card .open-hero{color:#a12b3d}.intro h1 em{color:#164e8d}.intro .eyebrow{color:#ad2b3c}.intro .sigil{color:#24548c;border-color:#d0ac45;outline-color:#b8cce5;background:radial-gradient(circle,#e7effb,transparent 70%)}@media(max-width:800px){.attribute-ring{margin:12px auto 30px}.attribute-ring .stat{width:80px;height:80px}.attribute-ring .stat input{font-size:26px}.attribute-ring .stat button{top:84px}.attribute-ring{transform:scale(.88)}}@media(max-width:600px){.attribute-ring{transform:scale(.95);height:355px;margin:15px auto 30px}.hero-reference .attribute-section{padding-top:20px}}
