﻿.header-actions{display:flex;align-items:center;gap:14px}.leaderboard-button{min-height:42px;box-shadow:none;padding:9px 13px}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(30,27,24,.52);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.dialog,.leaderboard{width:min(100%,480px);max-height:min(88vh,760px);overflow:auto;border:3px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:10px 10px 0 var(--ink);padding:clamp(18px,4vw,30px)}.dialog h2,.leaderboard h2{margin:0 0 8px;font-size:clamp(25px,5vw,36px)}.dialog p,.leaderboard p{line-height:1.45}.dialog-actions,.leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-actions{margin-top:16px}label{display:grid;gap:7px;margin-top:18px;font-weight:850}input{width:100%;min-height:48px;border:2px solid var(--ink);border-radius:6px;background:#fffaf1;color:var(--ink);padding:10px 12px;font:inherit;font-size:18px;user-select:text;-webkit-user-select:text}.icon-button{width:44px;min-width:44px;min-height:44px;padding:0;font-size:26px;line-height:1;box-shadow:none}.leaderboard-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 0}.leaderboard-tabs button{min-height:38px;padding:5px 2px;box-shadow:none;font-size:11px}.leaderboard-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.leaderboard-list li{display:grid;grid-template-columns:38px minmax(0,1fr) 58px;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.leaderboard-list .rank{color:rgba(30,27,24,.6)}.leaderboard-list .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list .score{text-align:right;font-weight:900;color:var(--accent-dark)}.leaderboard-message{min-height:44px;color:rgba(30,27,24,.68)}.form-error{min-height:20px;color:var(--accent-dark);font-weight:750}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:860px){.header-actions{gap:8px}.leaderboard-button{font-size:12px;padding:7px 9px}}
