.hcr-panel{--rank-color:#93b7a0;position:relative;isolation:isolate;border:1px solid #40544e;border-top:2px solid var(--rank-color);background:radial-gradient(ellipse at 8% 0%,#36574755,transparent 55%),linear-gradient(120deg,#111e1b,#101719);padding:26px;margin:12px 0 20px;color:#e4ebe7;overflow:hidden}.hcr-panel::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,#9ccba906 80px);pointer-events:none}.hcr-panel h2,.hcr-panel h3,.hcr-panel p,.hcr-result p,.hcr-result h3{margin:0}.hcr-top{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hcr-identity{display:flex;align-items:center;gap:20px;min-width:0}.hcr-identity h2{font-size:36px;letter-spacing:3px;margin:5px 0 8px}.hcr-eyebrow{display:block;font:10px/1.5 ui-monospace,monospace;letter-spacing:2px;color:var(--rank-color,#a9cfb8)}.hcr-insignia{flex:none;width:90px;color:var(--rank-color);filter:drop-shadow(0 0 18px #9acbaa25)}.hcr-insignia svg{display:block;width:100%;stroke:currentColor;stroke-width:2.4}.hcr-shield{fill:#20382a80}.hcr-star{fill:currentColor;stroke-width:1}.hcr-muted{color:#a7b6b0;font-size:12px;line-height:1.7}.hcr-growth{display:grid;grid-template-columns:1fr auto;gap:9px}.hcr-growth>strong{font-size:17px}.hcr-growth progress,.hcr-growth>small{grid-column:1/-1}.hcr-growth progress{appearance:none;width:100%;height:5px;border:0;background:#293d36;color:var(--rank-color)}.hcr-growth progress::-webkit-progress-bar{background:#293d36}.hcr-growth progress::-webkit-progress-value{background:var(--rank-color)}.hcr-growth progress::-moz-progress-bar{background:var(--rank-color)}.hcr-road{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;padding:20px 0 22px;margin:14px 0 0;gap:4px}.hcr-road li{display:grid;gap:8px;text-align:center;color:#6f827a;font-size:12px}.hcr-road i{height:3px;background:#2b3c35}.hcr-road .is-unlocked i{background:#526e5e}.hcr-road .is-current{color:var(--rank-color);font-weight:700}.hcr-road .is-current i{background:var(--rank-color);box-shadow:0 0 12px #add7ba44}.hcr-challenge{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;border-block:1px solid #35483f;padding:18px 0}.hcr-challenge strong{display:block;font-size:18px;margin:5px 0 8px}.hcr-select{display:grid;gap:5px;align-content:start}.hcr-select label{font-size:12px;color:#b9c8c0}.hcr-panel select{width:100%;min-height:40px;background:#192922;border:1px solid #50675b;color:#e1ede5;padding:8px 12px;font:inherit}.hcr-training-heading{display:flex;justify-content:space-between;gap:16px;margin:20px 0 12px;align-items:center}.hcr-points{color:#cfdfa0;font-size:13px}.hcr-training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hcr-training-card{min-width:0;padding:14px;background:#17261e88;border:1px solid #374c40}.hcr-training-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.hcr-training-card p{margin:8px 0 12px}.hcr-marks{display:flex;gap:4px;margin-bottom:12px}.hcr-marks i{height:4px;background:#36493e;flex:1}.hcr-marks .is-filled{background:#c1d998}.hcr-panel .hcr-training-card button{width:100%;min-height:36px;border:1px solid #829b68;background:#293b27;color:#d6eab6;font-size:12px;padding:8px}.hcr-panel .hcr-training-card button:disabled{opacity:.4;cursor:default}.hcr-panel button:focus-visible,.hcr-panel select:focus-visible{outline:2px solid #c1d998;outline-offset:3px}.hcr-footnote{display:block;color:#8da198;font-size:11px;margin-top:14px;line-height:1.7}.hcr-result{display:flex;align-items:center;gap:24px;border:1px solid #526549;border-left:3px solid var(--rank-color);background:linear-gradient(110deg,#253b2c,#142019);padding:22px;margin:18px 0;animation:hcr-reveal .8s cubic-bezier(.16,1,.3,1) both}.hcr-result .hcr-insignia{width:68px}.hcr-result h3{font-size:21px;margin:5px 0 10px}.hcr-result p{margin-bottom:5px}@keyframes hcr-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.hcr-panel{padding:18px}.hcr-top,.hcr-challenge{grid-template-columns:1fr;gap:18px}.hcr-identity h2{font-size:28px}.hcr-insignia{width:72px}.hcr-training-grid{grid-template-columns:1fr}.hcr-training-card{display:grid;grid-template-columns:1fr 110px;column-gap:15px}.hcr-training-card>div:first-child,.hcr-training-card p,.hcr-training-card .hcr-marks{grid-column:1}.hcr-training-card button{grid-column:2;grid-row:1/4;align-self:center}.hcr-training-card .hcr-marks{margin:0}.hcr-result{padding:16px;gap:14px}.hcr-result h3{font-size:17px}.hcr-road{gap:3px}.hcr-road li{font-size:11px}}@media(prefers-reduced-motion:reduce){.hcr-result{animation:none}}