.pg-scores{margin:24px 0;padding:clamp(18px,3vw,36px);border:1px solid #b0d6d0;border-radius:28px;background:linear-gradient(125deg,#eef9f5ed,#eae4f4ed),url('assets/protein-game/cytoplasm-interior-v1.webp') center/cover;color:#244b49;box-shadow:0 14px 35px #25494112}
.pg-scores header,.pg-score-entry form>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.pg-scores h2{margin:6px 0 20px;font-size:clamp(24px,3vw,36px)}.pg-scores small,.pg-score-entry small{letter-spacing:.08em;font-weight:700}.pg-scores nav{display:flex;gap:8px;flex-wrap:wrap}.pg-scores button,.pg-score-entry button{border:1px solid #8bbfb5;border-radius:18px;padding:12px 18px;background:#f5fcf9;color:#285b54;font:inherit;font-weight:700;cursor:pointer}.pg-scores button[aria-pressed=true],.pg-score-entry [type=submit]{background:#286459;color:white;box-shadow:inset 0 -3px #17493f}.pg-scores ol{padding:0;list-style:none;counter-reset:ranks;display:grid;gap:8px}.pg-scores li{counter-increment:ranks;display:flex;align-items:center;gap:16px;background:#ffffffb8;border:1px solid #ffffff;border-radius:16px;padding:15px 18px}.pg-scores li:before{content:counter(ranks,decimal-leading-zero);font-weight:800;color:#8370a3}.pg-scores li:first-child:before{color:#947324}.pg-scores li span{flex:1;overflow-wrap:anywhere}.pg-scores li strong{font-variant-numeric:tabular-nums;white-space:nowrap}.pg-score-entry{max-width:480px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #a5cfc2;border-radius:28px;padding:30px;color:#244b49;background:linear-gradient(130deg,#effaf4,#ece6f7);box-shadow:0 25px 90px #122b4260}.pg-score-entry::backdrop{background:#16363385;backdrop-filter:blur(6px)}.pg-score-entry input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:14px;border-radius:12px;border:1px solid #79ae9f;font:inherit;background:white;color:#244b49}.pg-score-entry h2{font-size:28px}.pg-scores button:focus-visible,.pg-score-entry :focus-visible{outline:3px solid #b692df;outline-offset:3px}@media(max-width:480px){.pg-scores nav button{flex:1;padding:10px;font-size:13px}.pg-scores li{gap:10px;padding:12px}.pg-score-entry{padding:22px}}

/* Compact rotating leaderboard: title, current level and five places. */
.pg-scores{padding:clamp(16px,2.4vw,28px);border-radius:24px;}
.pg-scores header{margin-bottom:18px;flex-wrap:wrap;gap:6px 18px;}
.pg-scores h2{margin:0;font-size:clamp(23px,2.5vw,30px);}
.pg-scores-level{font-size:.9rem;font-weight:600;color:#54736f;}
.pg-scores ol{margin:0;min-height:282px;}
.pg-scores li{padding:12px 16px;min-height:26px;}
.pg-scores [data-status]:not([hidden]){margin:12px 0 0;font-size:.9rem;}

/* Quiet scoreboard, secondary to the game. */
.gb-protein-game .pg-scores{box-sizing:border-box;max-width:420px;margin:24px auto 8px;padding:12px 0;background:none;border:0;border-top:1px solid #d6e2dd;border-radius:0;box-shadow:none;color:#52665e;}
.gb-protein-game .pg-scores header{margin:0 0 6px;gap:8px;}
.gb-protein-game .pg-scores h2{font-size:16px;font-weight:650;line-height:1.4;margin:0;}
.gb-protein-game .pg-scores-level{font-size:12px;font-weight:400;}
.gb-protein-game .pg-scores ol{min-height:150px;gap:0;margin:0;padding:0;}
.gb-protein-game .pg-scores li{box-sizing:border-box;min-height:30px;padding:6px 0;gap:12px;background:none;border:0;border-bottom:1px solid #e5ece8;border-radius:0;font-size:13px;line-height:18px;}
.gb-protein-game .pg-scores li:before{content:counter(ranks);width:12px;color:#819188;font-weight:400;}
.gb-protein-game .pg-scores li strong{font-size:13px;font-weight:500;}