/* PUZRU / Core21 — editorial sprint system: typography first, never stacked glass cards. */
:root{--a21-bg:#0b1017;--a21-ink:#f1f5f8;--a21-quiet:#9eacbc;--a21-line:rgba(212,230,245,.125);--a21-mint:#b9f2d5}
.pz21-leaderboard{max-width:840px!important;padding:10px 23px 50px!important;color:var(--a21-ink);min-width:0}
.pz21-leaderboard :is(button,a){-webkit-tap-highlight-color:transparent}
.pz21-leaderboard [hidden]{display:none!important}
.pz21-lb-toolbar{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--a21-line);min-height:51px}
.pz21-back{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--a21-line);border-radius:50%;color:#dce6ef;cursor:pointer;transition:border-color .16s,transform .16s}
.pz21-back svg{width:20px;height:20px}
.pz21-back:hover{border-color:#bdd8e6;transform:translateX(-2px)}
.pz21-lb-top-label{font-size:10px;font-weight:650;letter-spacing:.16em;color:#a6b3c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz21-lb-top-label b{color:#e7f0f8;margin-left:8px}
.pz21-lb-live{display:flex;gap:9px;align-items:center;color:#d7e0eb;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.pz21-lb-live i{width:6px;height:6px;border-radius:50%;background:#c0edca;box-shadow:0 0 0 4px #c0edca18}
.pz21-lb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 23px}
.pz21-overline{color:#d2c49c;font-weight:800;letter-spacing:.16em;font-size:10px}
.pz21-title-block h1{font-size:clamp(31px,4.5vw,43px);line-height:1.09;letter-spacing:-.058em;margin:6px 0 7px;font-weight:790;text-wrap:balance}
.pz21-title-block h1 em{color:#aef0ce;font-style:normal;letter-spacing:-.072em}
.pz21-title-block p{max-width:520px;color:#aebdcd;font-size:12px;line-height:1.48;margin:0}
.pz21-trophy{width:60px;min-width:60px;aspect-ratio:1;display:grid;place-items:center;background:#e5c88f0b;border:1px solid #e5c88f24;border-radius:17px}
.pz21-trophy svg{width:40px;height:45px;filter:none}
.pz21-filters{border-top:1px solid var(--a21-line);border-bottom:1px solid var(--a21-line);padding-top:7px;padding-bottom:10px}
.pz21-game-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.pz21-game-tabs button{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;min-height:44px;background:transparent;color:#a9b7c8;font-size:12px;font-weight:740;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.pz21-game-tabs button span{font-size:21px;font-weight:450;line-height:1}
.pz21-game-tabs button.is-current{color:#f0f7fc;background:#212b34;border-color:#bacce036}
.pz21-game-tabs button:hover{color:#f2fcff}
.pz21-filter-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}
.pz21-difficulty{display:inline-flex;background:#141d26;border-radius:9px;padding:3px;gap:3px;flex-shrink:0}
.pz21-difficulty button{min-height:34px;min-width:78px;border:0;background:transparent;color:#a5b6c6;border-radius:7px;cursor:pointer;font-size:11px;font-weight:850;letter-spacing:.09em}
.pz21-difficulty button.is-current{color:#101e25;background:#bcf1d8}
.pz21-difficulty button:focus-visible{outline-offset:1px}
.pz21-filter-note{color:#9baabd;font-size:10px;font-weight:780;letter-spacing:.1em;text-align:right}
.pz21-board{margin:18px 0 0;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;min-height:0!important;background:none!important}
.pz21-board-head{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:0 0 12px;border-bottom:1px solid #c5d3e62f}
.pz21-board-head h2{font-size:clamp(23px,3.4vw,30px);line-height:1.1;letter-spacing:-.045em;font-weight:790;margin:5px 0 0;color:#f0f6fc}
.pz21-board-unit{font-size:10px;letter-spacing:.12em;font-weight:800;color:#a8b7c9;white-space:nowrap}
.pz21-board-unit span{color:#b0e9cf;margin-left:6px}
.pz21-personal{margin:14px 0 2px;border:1px solid #b2eed33d;border-radius:13px;background:#b1efd912;padding:13px 15px;display:flex;align-items:center;gap:13px;color:#e0fff1}
.pz21-personal-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#a1d6c7;flex:1}
.pz21-personal strong{font-size:22px;font-weight:850;font-variant-numeric:tabular-nums}
.pz21-personal-score{font-size:18px;font-weight:850;font-variant-numeric:tabular-nums}
.pz21-personal-score small{font-size:9px;font-weight:650;color:#aac9c2}
.pz21-rank{position:relative;display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:63px;padding:8px 0;border-bottom:1px solid var(--a21-line)}
.pz21-rank.is-leader{padding:11px 12px;margin:8px -12px 0;border:1px solid #ddc79548;border-radius:11px;background:linear-gradient(104deg,#ccad701c,#ddbe7708 52%,transparent);min-height:70px}
.pz21-pos{color:#8f9bae;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.025em;text-align:center}
.pz21-rank.is-leader .pz21-pos{color:#ffdfad;font-size:22px;letter-spacing:-.05em}
.pz21-player{min-width:0;display:flex;align-items:center;gap:11px}
.pz21-initial{height:35px;width:35px;flex:0 0 35px;border:1px solid #cad5e42d;border-radius:11px;background:#232e39;display:grid;place-items:center;color:#d6e9f1;font-size:14px;font-weight:850}
.pz21-rank.is-leader .pz21-initial{background:linear-gradient(135deg,#856a48,#332e32);color:#ffe9bc;border-color:#e2c38d65}
.pz21-handle{min-width:0;display:flex;flex-direction:column;gap:5px}
.pz21-handle strong{min-width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:750;letter-spacing:-.015em;color:#edf3f8}
.pz21-handle small{font-size:9px;letter-spacing:.08em;color:#8d9daf;font-weight:650}
.pz21-value{text-align:right;min-width:74px;display:flex;flex-direction:column;gap:5px}
.pz21-value strong{color:#eaf5f9;font-size:20px;font-weight:820;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}
.pz21-rank.is-leader .pz21-value strong{color:#ffe0a4}
.pz21-value small{font-size:9px;color:#90a3b4;letter-spacing:.09em;font-weight:650}
.pz21-state{text-align:left;padding:24px 0 32px;color:#a7b7c9}
.pz21-state-icon{display:block;font-size:26px;color:#aef0ce;line-height:1;margin-bottom:10px;font-weight:350}
.pz21-state h3{margin:0 0 6px;font-size:18px;color:#eaf2f8;letter-spacing:-.03em}
.pz21-state p{font-size:12px;margin:0;line-height:1.6}
.pz21-state button{margin-top:23px;min-height:43px;padding:0 23px;border:1px solid #a8dbc958;border-radius:10px;color:#e2ffee;background:#244038;font-size:12px;font-weight:790;cursor:pointer}
.pz21-loading{padding:13px 0;display:flex;flex-direction:column;gap:8px}
.pz21-loading span{height:49px;background:linear-gradient(90deg,#ffffff07,#ffffff13,#ffffff07);background-size:200% 100%;border-radius:7px;animation:pz21-shimmer 1.4s infinite ease}
@keyframes pz21-shimmer{to{background-position:200% 0}}
.pz21-footnote{font-size:11px;color:#8496a9;text-align:center;padding:23px 0 0;margin:0}
.pz21-leaderboard[data-world=time] .pz21-difficulty button.is-current{background:#f4d7a9}
.pz21-leaderboard[data-world=shape] .pz21-difficulty button.is-current{background:#d7c0ff}
.pz21-leaderboard[data-world=sound] .pz21-difficulty button.is-current{background:#bee3ff}
/* Minimal branded trophy for account header. No emoji, no oversized chip. */
.pz-header-ranking{width:38px!important;min-width:38px!important;max-width:38px!important;padding:0!important;height:38px!important;border-radius:50%!important;background:#18242e!important;border:1px solid #d4cbad51!important;box-shadow:inset 0 1px #ffffff10!important;color:#ead7aa!important;display:grid!important;place-items:center!important;flex:0 0 38px!important}
.pz-header-ranking::before{display:none!important}
.pz-header-ranking svg{width:19px;height:19px;display:block}
.pz-header-ranking:hover{border-color:#e8d29f!important;background:#293332!important}
.pz-header-ranking[hidden]{display:none!important}
/* Brand: shared Games lockup must not show the old Logic puzzle glyph. */
.mark.all svg{width:26px;height:26px}
/* Common 90-second flow: clock remains in the same position on every game's stage. */
.pz21-race-clock,#sprint-clock{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:7px 10px;border:1px solid #b6f0d064;border-radius:9px;background:#20362f;color:#d7ffe9;font-size:14px;font-weight:850;letter-spacing:.015em;font-variant-numeric:tabular-nums;line-height:1}
.pz21-race-clock.is-urgent,#sprint-clock.is-urgent{color:#ffd7c9;border-color:#f1a894a6;background:#422b2d}
.difficulty-head .head-right{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pz21-race-settling{min-height:275px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:35px 15px}
.pz21-race-settling h2{font-size:24px;font-weight:800;letter-spacing:-.04em;margin:0}
.pz21-race-settling p{color:#b3c5d0;max-width:290px;font-size:13px;margin:0 0 7px}
.pz21-race-mark{font-size:37px;color:#b9f2d5}
.pz21-race-settling button{min-width:180px}
.pz21-race-settling button[hidden]{display:none!important}
.pz-sprint-primary{gap:9px!important;min-width:0}
.pz-sprint-primary>small{max-width:180px;overflow-wrap:normal}
.pz21-leaderboard .nav{z-index:100}
@media(max-width:600px){.pz21-leaderboard{padding:8px 17px 40px!important}.pz21-lb-head{padding:17px 0 16px;gap:10px}.pz21-title-block h1{font-size:clamp(29px,7.3vw,36px)}.pz21-trophy{width:51px;min-width:51px;border-radius:14px}.pz21-trophy svg{width:32px;height:37px}.pz21-title-block p{font-size:11.5px;max-width:320px}.pz21-game-tabs button{flex-direction:column;gap:2px;font-size:10px;min-height:49px}.pz21-game-tabs button span{font-size:18px}.pz21-lb-top-label{font-size:9px;letter-spacing:.11em}.pz21-lb-top-label b{margin-left:3px}.pz21-board{margin-top:15px}.pz21-rank{min-height:61px}}
@media(max-width:365px){.pz21-leaderboard{padding-inline:12px!important}.pz21-lb-toolbar{gap:6px;grid-template-columns:38px minmax(0,1fr) auto}.pz21-lb-top-label{font-size:8px;letter-spacing:.07em}.pz21-lb-live{font-size:9px}.pz21-trophy{width:43px;min-width:43px}.pz21-trophy svg{width:28px;height:32px}.pz21-title-block h1{font-size:28px}.pz21-difficulty button{min-width:68px}.pz21-rank{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.pz21-handle strong{font-size:12px}.pz21-initial{height:35px;width:35px;flex-basis:35px}.pz21-player{gap:7px}.pz21-value{min-width:65px}.pz21-value strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.pz21-loading span{animation:none}}
/* Spectrum's distinct color gameplay, shared Sprint90 result hierarchy. */
.pz21-spectrum-final .final-score{padding-top:38px!important;padding-bottom:30px!important}
.pz21-spectrum-final .final-score h1{letter-spacing:-.065em}
.pz21-spectrum-caption{display:block;color:#98b1bd;font-weight:780;letter-spacing:.15em;font-size:10px;margin:4px 0 12px}
.pz21-spectrum-final .pz21-spectrum-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:0 0 23px;min-height:57px}
.pz21-spectrum-final .pz21-spectrum-swatches>span{height:48px;min-width:0;border-radius:8px;background:transparent!important;position:relative;border:1px solid #ffffff22;overflow:hidden;box-shadow:none}
.pz21-spectrum-final .pz21-spectrum-swatches>span::before{content:"";position:absolute;inset:0 0 18px;background:var(--round-color);opacity:.84}
.pz21-spectrum-final .pz21-spectrum-swatches>span b{position:absolute;bottom:0;left:0;right:0;height:18px;background:#111923;color:#dbe7ec;font-size:9px;display:flex;justify-content:center;align-items:center;border-radius:0;font-variant-numeric:tabular-nums}
.pz21-spectrum-final .pz21-spectrum-stats{gap:0;border-block:1px solid #d9eaff23;padding:16px 0;margin:0 0 30px}
.pz21-spectrum-final .pz21-spectrum-stats .stat-box{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
.pz21-spectrum-final .pz21-spectrum-stats .stat-box+.stat-box{border-left:1px solid #d9eaff23!important}
.pz21-spectrum-final .pz21-spectrum-stats .stat-box b{font-size:19px;font-weight:850;letter-spacing:-.04em}
.pz21-spectrum-final .final-actions{gap:11px}
.pz21-spectrum-final .pz21-spec-share{min-height:46px;background:transparent!important;border:1px solid #bed1e14d!important;color:#e6eff5!important;box-shadow:none!important}
.pz21-spectrum-final .pz-ranked-result-link{margin-bottom:2px}
@media(max-width:350px){.pz21-spectrum-final .pz21-spectrum-swatches{gap:4px}.pz21-spectrum-final .pz21-spectrum-stats .stat-box b{font-size:16px}}
