.score-hero{display:flex;align-items:center;justify-content:space-between;padding:34px 38px;margin-bottom:18px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#142e70,#2866df);box-shadow:0 18px 45px rgba(28,69,156,.2)}
.score-hero h1{margin:6px 0 8px;font-size:30px}.score-hero p{margin:0;color:#d9e5ff}.score-hero .eyebrow{font-size:11px;letter-spacing:2px;color:#aecaFF}.score-hero .status{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25)}
.leader-panel{position:sticky;top:82px;z-index:5;display:grid;grid-template-columns:auto minmax(260px,430px) 1fr;align-items:center;gap:16px;padding:16px 20px;border:1px solid #cfdbf5;box-shadow:0 10px 28px rgba(33,53,85,.12)}
.leader-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e9f0ff;color:var(--blue);font-weight:800}.leader-panel .field{gap:4px}.leader-panel label{font-size:13px}.leader-panel label em{margin-left:5px;color:#d23f4d;font-size:11px;font-style:normal}.leader-panel input{padding:9px 12px}.score-progress{justify-self:end;display:flex;align-items:baseline;gap:6px;color:var(--muted)}.score-progress strong{font-size:26px;color:var(--blue)}
.section-title{display:flex;align-items:end;justify-content:space-between;margin:34px 2px 16px}.section-title h2{margin:0;font-size:21px}.section-title p{margin:0;color:var(--muted);font-size:13px}.score-list{display:grid;gap:22px}
.score-card{display:grid;grid-template-columns:255px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);transition:.2s}.score-card:focus-within{border-color:#b6c8f4;box-shadow:0 14px 38px rgba(36,87,214,.13)}
.score-card .person-card{position:relative;padding:30px 24px;text-align:center;background:linear-gradient(160deg,#f4f7fd,#e9effa)}.person-number{position:absolute;top:16px;left:18px;color:#9eacc1;font-size:12px;font-weight:800;letter-spacing:1px}.score-card .avatar{width:112px;height:132px;margin:0 auto 16px;border:4px solid #fff;border-radius:16px;box-shadow:0 8px 20px rgba(30,50,90,.13)}.score-card .person-card h2{margin:0 0 6px;font-size:22px}.position{color:var(--blue);font-size:14px;font-weight:700}.person-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:15px}.person-meta span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.8);color:#64738a;font-size:11px}
.score-form-wrap{padding:26px 30px}.card-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid var(--line)}.card-heading span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1px}.card-heading h3{margin:3px 0 0;font-size:18px}.hundred{padding:6px 10px;border-radius:8px;background:#f0f4fc;color:#60708a;font-size:12px}.score-total-field{display:flex;align-items:center;gap:20px;padding:18px 22px;margin-bottom:18px;border-radius:13px;background:#f6f8fc}.score-total-field>label{font-size:16px;font-weight:800}.score-options{display:flex;gap:12px}.score-options label{cursor:pointer}.score-options input{position:absolute;opacity:0;pointer-events:none}.score-options span{display:grid;place-items:center;width:58px;height:48px;border:2px solid #c3cee3;border-radius:11px;background:#fff;color:#4a5870;font-size:22px;font-weight:800;transition:.15s}.score-options input:checked+span{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(36,87,214,.25)}.score-options input:focus-visible+span{outline:3px solid #bcd0ff}.comment-field textarea{min-height:80px}.comment-field small{color:var(--muted);font-weight:400}.form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.submit-tip{color:#98a3b4;font-size:12px}.form-actions button{min-width:120px}.submitted-card{opacity:.65}.submitted-card button{background:var(--green)}
@media(max-width:760px){.score-hero{align-items:flex-start;padding:24px;gap:16px}.score-hero h1{font-size:23px}.leader-panel{top:74px;grid-template-columns:auto 1fr}.score-progress{display:none}.section-title{align-items:flex-start;flex-direction:column;gap:5px}.score-card{grid-template-columns:1fr}.score-card .person-card{padding:24px}.score-card .avatar{width:90px;height:105px}.score-form-wrap{padding:22px 18px}.card-heading{align-items:flex-start;gap:12px}.score-total-field{justify-content:space-between;padding:15px}.score-options{gap:8px}.score-options span{width:50px;height:44px}.form-actions{align-items:flex-end;gap:14px}.submit-tip{max-width:130px}}
.bulk-submit{position:sticky;bottom:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-top:24px;border:1px solid #c5d4f3;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(26,54,112,.2);backdrop-filter:blur(10px)}.bulk-submit strong{color:var(--ink)}.bulk-submit p{margin:5px 0 0;color:var(--muted);font-size:12px}.bulk-submit button{min-width:220px;padding:14px 20px;font-weight:800}
@media(max-width:760px){.bulk-submit{bottom:8px;align-items:stretch;flex-direction:column;padding:16px}.bulk-submit button{width:100%;min-width:0}}