/* Big Island Bouldering visual identity, October 2026 */
:root{font-family:Arial,Helvetica,sans-serif;color:#303536;background:#f5f6f4;--green:#72ff65;--purple:#4d3d92;--coral:#ee6262;--ink:#303536}
*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:white;color:var(--ink);padding:20px max(20px,calc((100vw - 1040px)/2));border-bottom:6px solid var(--green)}
.brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand-logo{display:block;width:299px;max-width:100%;height:auto;mix-blend-mode:multiply}.brand-text{flex:1;min-width:210px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--purple);font-size:.78rem;margin:0 0 5px}header h1{font-size:clamp(1.35rem,3.2vw,2.2rem);line-height:1.1;letter-spacing:-.025em;margin:0}header p{margin:7px 0 0}header a{color:var(--purple);font-weight:700}
main{max-width:1040px;margin:30px auto;padding:0 22px 50px}h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:10px 0}h3{margin-top:30px;color:var(--purple)}p{line-height:1.5}section{margin:0 0 22px;padding:22px;background:white;border-radius:12px;border:1px solid #e4e7e5;box-shadow:0 3px 12px #17231a0b}
input,button{font:inherit;padding:11px 14px;margin:5px 5px 5px 0;border-radius:7px;border:1px solid #aeb8b3}input{background:white;color:var(--ink);max-width:100%}button{cursor:pointer;background:var(--purple);color:white;font-weight:800;border-color:var(--purple)}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:2px}a{color:var(--purple)}
#rows{background:white;border:1px solid #e4e7e5;border-radius:12px;overflow:hidden;margin:18px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e4e7e5;padding:17px 22px}.row:last-child{border-bottom:0}.row:nth-child(1){border-left:8px solid var(--green);background:#f3fff1}.row:nth-child(2){border-left:8px solid var(--purple)}.row:nth-child(3){border-left:8px solid var(--coral)}.row strong{font-size:1.2rem}.row span{font-weight:800;white-space:nowrap}#status{color:var(--purple);font-weight:800}#total{font-weight:700}.notice{font-size:.9rem;color:#52605a}.test-banner{display:inline-block;background:var(--coral);color:white;padding:5px 10px;border-radius:4px;font-weight:800;font-size:.8rem;letter-spacing:.05em}#message{color:var(--purple)}
@media(max-width:620px){header{padding:18px}.brand{gap:10px}.brand-logo{width:235px}.brand-text{min-width:0;width:100%}main{margin:18px auto;padding:0 14px 30px}.row{padding:14px 12px}.row strong{font-size:1rem}section{padding:16px}}