.hc-wrap{margin:2rem 0 4rem}.hc-intro{padding:2rem;border:1px solid #385c8c;border-radius:22px;background:linear-gradient(130deg,#122751,#29164a);margin-bottom:1.5rem}.hc-intro>span{color:#66d8f2;font-weight:800;letter-spacing:.13em;font-size:.75rem}.hc-intro h1{margin:.5rem 0;font-size:clamp(2rem,5vw,3.5rem)}.hc-intro p{color:#e8ebfa}.hc-intro small,.hc-hint{color:#b4c1df}.hc-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:1.2rem}.hc-panel{border:1px solid #34507e;background:#101e39;border-radius:20px;padding:1.5rem;min-width:0}.hc-panel h2{margin:0 0 1.2rem}.hc-ranking{list-style:none;margin:0;padding:0}.hc-ranking li{display:flex;align-items:center;gap:.8rem;padding:.9rem .3rem;border-bottom:1px solid #304363}.hc-ranking li>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.hc-ranking small{display:block;color:#afbad1;margin-top:.15rem}.hc-ranking b{font-size:.78rem;color:#82e0ff;white-space:nowrap}.hc-rank{background:#5838a4;border-radius:12px;min-width:2rem;padding:.5rem;text-align:center;font-weight:900}.hc-ranking li:first-child .hc-rank{background:#a06e1a}.hc-ranking li:nth-child(2) .hc-rank{background:#627494}.hc-ranking li:nth-child(3) .hc-rank{background:#915538}.hc-form{display:grid;gap:1rem}.hc-form select,.hc-add input{width:100%;box-sizing:border-box;background:#0b1730;color:#fff;border:1px solid #536da0;padding:.8rem;border-radius:10px}.hc-form button,.hc-add button,.hc-cta{display:inline-block;background:linear-gradient(100deg,#00addf,#8955e9);color:white;border:0;border-radius:12px;padding:.8rem 1.1rem;font-weight:bold;text-decoration:none;cursor:pointer}.hc-done{color:#76e1ca;font-weight:700}.hc-admin{margin-top:1.2rem}.hc-add{display:flex;align-items:end;flex-wrap:wrap;gap:.8rem}.hc-add label{flex:1;min-width:180px}.hc-manage{margin-top:1rem}.hc-manage form{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.6rem 0;border-top:1px solid #304363}.hc-manage button{border:1px solid #7393c5;background:#192e54;color:#fff;border-radius:9px;padding:.5rem}.hc-teaser{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1.5rem;border:1px solid #4866ac;border-radius:18px;background:linear-gradient(120deg,#101f45,#251746)}.hc-teaser h2{margin:.4rem 0}@media(max-width:760px){.hc-layout{grid-template-columns:1fr}.hc-panel,.hc-intro{padding:1.1rem}.hc-ranking li{gap:.5rem}}