.hsc { --ink:#e8f1ed; --muted:#a8beb7; --line:#30453e; --signal:#a7f36c; background:#0c1616; color:var(--ink); border-radius:20px; padding:clamp(16px,4vw,48px); font:16px/1.55 system-ui,sans-serif; color-scheme:dark; }
.hsc * { box-sizing:border-box; }
.hsc h2,.hsc h3,.hsc dt { color:var(--ink); }
.hsc p { color:var(--muted); }
.hsc a { color:var(--signal); }
.hsc a:focus-visible,.hsc button:focus-visible,.hsc input:focus-visible,.hsc select:focus-visible,.hsc textarea:focus-visible { outline:2px solid var(--signal); outline-offset:3px; }
.hsc nav { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:24px; }
.hsc nav a,.hsc-kicker { font-family:ui-monospace,monospace; font-weight:700; }
.hsc .hsc-hero { padding:clamp(24px,6vw,72px); background:radial-gradient(ellipse at top right,#305339,transparent 70%),repeating-linear-gradient(0deg,#20342b 0 1px,transparent 1px 24px),#12221d; border:1px solid var(--line); border-radius:16px; margin-bottom:32px; }
.hsc .hsc-hero h2 { font-size:clamp(2.1rem,7vw,5rem); line-height:1; letter-spacing:-.055em; margin:12px 0 20px; }
.hsc .hsc-kicker { color:var(--signal); letter-spacing:.12em; }
.hsc .hsc-button { display:inline-block; width:fit-content; background:var(--signal); color:#102016; border:0; border-radius:8px; padding:10px 16px; font:inherit; font-weight:750; text-decoration:none; cursor:pointer; }
.hsc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr)); gap:16px; margin:18px 0; }
.hsc-card { background:#142321; border:1px solid var(--line); border-radius:14px; padding:clamp(16px,3vw,26px); overflow-wrap:anywhere; }
.hsc-card h3 { margin:12px 0 4px; }
.hsc-card dd { margin:0 0 16px; }
.hsc-card dt { font-weight:700; }
.hsc-badge { display:inline-block; font:700 .8rem/1.4 ui-monospace,monospace; padding:4px 9px; border:1px solid currentColor; border-radius:20px; margin-bottom:4px; }
.hsc-amateur { color:#a7f36c; } .hsc-cb { color:#ffc978; } .hsc-swl { color:#92dbff; }
.hsc-photo { display:block; width:100%; max-height:440px; object-fit:contain; background:#0c1616; border-radius:10px; margin-bottom:18px; }
.hsc-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.hsc-filters input { flex:1 1 220px; }
.hsc-form { display:grid; gap:14px; }
.hsc-form fieldset { border:1px solid var(--line); padding:12px; }
.hsc-form fieldset label { display:inline-block; margin-right:16px; }
.hsc input:not([type=checkbox]),.hsc textarea,.hsc select { background:#0c1616; color:var(--ink); border:1px solid #61766e; border-radius:8px; padding:10px; font:inherit; max-width:100%; }
.hsc-form input:not([type=checkbox]),.hsc-form textarea { display:block; width:100%; margin-top:5px; }
.hsc .hsc-secondary { display:inline-block; margin:12px 0 0 16px; font-weight:700; }
.hsc-intro .hsc-card:nth-child(2) a { color:#ffc978; }
.hsc-intro .hsc-card:nth-child(3) a { color:#92dbff; }
.hsc-how { margin-top:24px; }
.hsc-how ol { display:flex; flex-wrap:wrap; gap:12px 40px; padding-left:24px; }
.hsc-form small { display:block; color:var(--muted); }
.hsc-grid .hsc-photo { aspect-ratio:16 / 9; object-fit:cover; }
.hsc form { margin-bottom:16px; }
.hsc-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:14px; }
.hsc-gallery img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:8px; }
.hsc-upload { padding:12px 0; }
.hsc-upload img { display:block; max-width:95px; height:auto; margin:8px 0; }
.hsc-profile-cover { margin-bottom:24px; }
.hsc-profile-cover h2 { margin:.3em 0; }
.hsc-qrv { padding:10px 14px; border:1px solid currentColor; border-radius:8px; }
.hsc-home-intro { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:8px 0 18px; }
.hsc-home-intro h1 { font-size:clamp(1.7rem,4vw,3rem); color:var(--ink); margin:0; line-height:1.15; }
.hsc-home-intro p { margin:0 0 6px; }
.hsc-card-photo { display:block; margin-bottom:12px; }
.hsc-card-photo .hsc-photo { margin:0; }
.hsc-photo-placeholder { display:grid; place-items:center; aspect-ratio:16/9; background:#30372b; border-radius:10px; color:var(--signal); font-size:2rem; }
.hsc-profile-cover .hsc-avatar { width:76px; height:76px; object-fit:cover; border-radius:50%; border:2px solid var(--signal); margin-bottom:10px; }
.hsc-share { margin:0 0 16px; }
.hsc-share summary { cursor:pointer; color:var(--signal); }
.hsc-share input { width:min(100%,480px); }
.hsc-equipment-row { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:10px; margin:0 0 10px; align-items:end; }
.hsc-equipment-row label { margin:0 !important; }
.hsc-equipment-row select { display:block; margin-top:5px; width:100%; }
.hsc .hsc-card.hsc-tile { display:flex; align-items:center; gap:12px; padding:14px; text-decoration:none; color:var(--ink); }
.hsc .hsc-tile:hover { border-color:var(--signal); }
.hsc-tile-avatar { flex:0 0 54px; display:grid; place-items:center; width:54px; height:54px; overflow:hidden; border-radius:50%; background:#323a2e; color:var(--signal); }
.hsc-tile-avatar img { width:100%; height:100%; object-fit:cover; }
.hsc-tile-info { display:grid; gap:3px; min-width:0; }
.hsc-tile-info small { color:var(--muted); }
.hsc-tile-info .hsc-badge { font-size:.72rem; }
.hsc-account { max-width:480px; margin-inline:auto; }