.top-actions { display: flex; gap: 8px; pointer-events: auto; }
.top-actions .icon-button { pointer-events: auto; }
.topbar .brand { position: absolute; left: 50%; transform: translateX(-50%); }
.result { overflow-y: auto; }
.result h2 { margin-bottom: 4px; }
.result > p:not(.eyebrow) { margin-bottom: 16px; }
.score-breakdown { width: min(520px, 100%); margin: 0 0 18px; border: 1px solid #ffffff1c; background: #0c111aaa; text-align: left; }
.score-breakdown > div { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 16px; padding: 10px 14px; border-bottom: 1px solid #ffffff12; }
.score-breakdown span { color: #89949d; font: 800 8px ui-monospace, monospace; letter-spacing: .12em; }
.score-breakdown b { color: #fff; font: 800 11px ui-monospace, monospace; }
.score-breakdown strong { min-width: 58px; color: var(--acid); font: 900 15px ui-monospace, monospace; text-align: right; }
.score-breakdown .landing-row.cap { background: #caff3d12; box-shadow: inset 3px 0 var(--acid); }
.score-breakdown .landing-row.cap b { color: var(--acid); }
.score-breakdown .score-total { grid-template-columns: 1fr auto; border-bottom: 0; padding: 13px 14px; }
.score-total b { color: var(--acid); font-size: 26px; }
.result-achievements{width:min(520px,100%);margin:-6px 0 14px;text-align:left}.result-achievements>span{display:block;margin-bottom:7px;color:#89949d;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.result-achievements.has-new>span{color:var(--acid);font-size:10px;text-shadow:0 0 18px #caff3d99}.result-achievements>div{display:flex;flex-wrap:wrap;gap:8px}.achievement-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #caff3d66;background:#caff3d12;color:var(--acid);font:900 8px ui-monospace,monospace;letter-spacing:.06em}.achievement-badge i{font:900 16px/1 sans-serif}.achievement-badge span{display:block}.achievement-badge.new{position:relative;padding:12px 15px;border-color:var(--acid);background:linear-gradient(135deg,#caff3d35,#caff3d0d);box-shadow:0 0 0 1px #caff3d35,0 0 32px #caff3d55;animation:achievement-unlock .75s cubic-bezier(.2,1.5,.35,1) both;animation-delay:var(--badge-delay)}.achievement-badge.new::after{content:'NEW';position:absolute;right:-5px;top:-7px;padding:3px 5px;background:var(--acid);color:#0b1006;font-size:6px;box-shadow:0 0 14px #caff3d}.achievement-badge.new i{font-size:25px;filter:drop-shadow(0 0 7px #caff3d)}
@keyframes achievement-unlock{0%{opacity:0;transform:translateY(24px) scale(.55) rotate(-5deg);filter:brightness(3)}55%{opacity:1;transform:translateY(-5px) scale(1.08) rotate(1deg)}100%{transform:none;filter:brightness(1)}}
.save-status { min-height: 14px; margin: -7px 0 12px !important; color: #7f8991 !important; font: 700 8px ui-monospace, monospace; letter-spacing: .08em; }
.save-status.error { color: #ff684d !important; }
.result-buttons { display: flex; gap: 10px; width: min(520px, 100%); }
.result-buttons .primary { min-width: 0; flex: 1; }
.secondary { flex: 0 0 auto; border: 1px solid #ffffff35; background: #111722cc; color: #fff; padding: 14px 17px; font: 900 9px ui-monospace, monospace; letter-spacing: .08em; cursor: pointer; }
.leaderboard { position: absolute; z-index: 20; inset: 0; display: grid; place-items: center; padding: 24px; background: #05070bdc; backdrop-filter: blur(7px); }
.leaderboard-shell{display:grid;grid-template-columns:minmax(0,560px) 250px;gap:14px;width:min(824px,100%);max-height:min(760px,calc(100dvh - 48px))}
.leaderboard-card { position: relative; width: min(560px, 100%); max-height: min(760px, calc(100dvh - 48px)); overflow: auto; padding: 28px; border: 1px solid #ffffff20; background: #0d131d; box-shadow: 0 28px 90px #000; }
.achievement-cabinet{overflow:auto;padding:25px 16px;border:1px solid #caff3d35;background:linear-gradient(180deg,#121b1a,#0b1017);box-shadow:0 28px 90px #000}.achievement-cabinet h3{margin:6px 0 2px;font-size:25px;letter-spacing:-.04em}.achievement-progress{margin:0 0 18px;color:var(--acid);font:800 8px ui-monospace,monospace;letter-spacing:.1em}.achievement-collection{display:grid;gap:8px}.collection-achievement{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:10px 9px;border:1px solid #ffffff12;background:#ffffff07}.collection-achievement i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff1c;color:#59636b;font:900 17px sans-serif}.collection-achievement strong,.collection-achievement span{display:block}.collection-achievement strong{font:900 8px ui-monospace,monospace;letter-spacing:.04em}.collection-achievement span{margin-top:3px;color:#75818a;font:700 7px/1.35 ui-monospace,monospace}.collection-achievement.unlocked{border-color:#caff3d38;background:#caff3d0b}.collection-achievement.unlocked i{border-color:#caff3d66;color:var(--acid);box-shadow:inset 0 0 15px #caff3d12}.collection-achievement.locked{opacity:.48;filter:saturate(0)}
.leaderboard-card h2 { margin: 8px 0 20px; font-size: clamp(30px, 7vw, 54px); letter-spacing: -.06em; }
.leaderboard-close { position: absolute; right: 14px; top: 14px; width: 36px; height: 36px; border: 1px solid #ffffff25; background: transparent; color: #fff; font-size: 22px; cursor: pointer; }
.leaderboard-list { display: grid; gap: 7px; }
.leaderboard-entry { display: grid; grid-template-columns: 28px 1fr auto auto; gap: 10px; align-items: center; padding: 11px 12px; background: #ffffff08; border-left: 2px solid #ffffff20; }
.leaderboard-entry.cap { border-left-color: var(--acid); background: #caff3d0b; }
.leaderboard-entry > b { color: #697680; font: 900 11px ui-monospace, monospace; }
.leaderboard-entry div strong { display: block; font-size: 13px; }
.leaderboard-entry div span { color: #7f8a93; font: 700 8px ui-monospace, monospace; }
.leaderboard-entry > strong { color: var(--acid); font: 900 18px ui-monospace, monospace; }
.replay-button { border: 1px solid #caff3d55; background: #caff3d10; color: var(--acid); padding: 8px 10px; font: 900 8px ui-monospace, monospace; letter-spacing: .06em; cursor: pointer; }
.replay-button:disabled { border-color: #ffffff12; background: transparent; color: #59636b; cursor: default; }
.leaderboard-empty { padding: 24px 8px; color: #89949d; text-align: center; font: 800 10px ui-monospace, monospace; }
@media (max-width: 820px){.leaderboard-shell{grid-template-columns:1fr;overflow:auto}.leaderboard-card{overflow:visible;max-height:none;width:100%}.achievement-cabinet{overflow:visible;order:2}.achievement-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px) {.leaderboard{padding:12px}.leaderboard-shell{max-height:calc(100dvh - 24px)}.leaderboard-entry{grid-template-columns:24px 1fr auto}.replay-button{grid-column:2 / 4}.top-actions{gap:5px}.score-breakdown>div{gap:8px;padding:8px 10px}.result-buttons{flex-direction:column}.result-buttons .primary{width:100%}.secondary{min-height:42px}.leaderboard-card{padding:22px 14px 16px}.achievement-collection{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.achievement-badge.new{animation:none}}