:root{--blue:#174b7a;--ink:#17324d;--muted:#5c7287;--gold:#d18b20;--line:#bad9ed;--bg:#eef7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(circle at 15% 15%,#fff 0 8%,transparent 9%),radial-gradient(circle at 85% 75%,#c9e8ff 0 10%,transparent 11%)}button,input{font:inherit}.shell{width:min(100% - 40px,640px);min-height:100vh;margin:auto;padding:28px 0 34px;display:flex;flex-direction:column}.topbar,.brand,.card-top,.clue-top{display:flex;align-items:center}.topbar,.card-top,.clue-top{justify-content:space-between}.topbar{margin-bottom:26px}.brand{gap:12px}.brand small,.card>small,.clue-card>small{font-weight:800;letter-spacing:.18em;color:var(--gold)}.brand h1{font-size:18px;margin:2px 0 0}.logo,.pin{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--blue);color:#fff;font-size:28px}.reset{border:0;background:transparent;font-size:28px;color:#56728c;padding:10px}.card{margin:auto 0;background:#fffffff2;border:1px solid #fff;border-radius:32px;padding:28px;box-shadow:0 24px 70px #174b7a29}.card-top,.clue-top{margin-bottom:26px}.footprints{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#fff4d9;color:#b87612;font-size:30px}.badge{border-radius:999px;background:#e8f6ee;color:#28734a;padding:8px 12px;font-size:12px;font-weight:800}.card h2{font-size:clamp(27px,6vw,38px);line-height:1.12;margin:0}.card p{color:var(--muted);line-height:1.65;font-size:16px}form{margin-top:28px}label{display:block;font-size:14px;font-weight:800;margin-bottom:9px}input{width:100%;height:56px;border:1px solid var(--line);border-radius:17px;background:#f8fcff;padding:0 16px;color:var(--ink);font-size:16px}.primary,.secondary{min-height:56px;border-radius:17px;font-weight:800;cursor:pointer}.primary{width:100%;border:0;background:var(--blue);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 25px}.message{min-height:20px;margin:8px 0!important;font-size:14px!important;font-weight:700}.error{color:#a33b32!important}.progress-card{background:#ffffffc7;border:1px solid #fff;border-radius:18px;padding:16px;margin-bottom:20px}.progress-card>div:first-child,.leader{display:flex;justify-content:space-between;gap:12px}.track{height:10px;background:#dbeefa;border-radius:20px;margin-top:12px;overflow:hidden}.bar{height:100%;background:#d9982d}.clue-card{margin:0}.pin{width:56px;height:56px;background:#e4f2fb;color:var(--blue)}.clue-top>strong{font-size:38px;color:#e3eef5}.clue-card h2{font-size:clamp(24px,5vw,32px);margin-top:13px;line-height:1.25}.clue-card hr{border:0;border-top:1px solid #dcebf4;margin:28px 0}.clue-card form{margin-top:0}.safety{text-align:center;color:#607990;font-size:14px}.finish{text-align:center}.flag{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 22px;border-radius:50%;background:#fff0c9;color:#c77d0a;font-size:42px}.finish h2{font-size:32px}.suits{font-size:30px;margin:25px 0}.suits i{font-style:normal;color:#e25050}.leaderboard{margin:24px 0;text-align:left;background:#f4faff;border-radius:18px;padding:15px}.leaderboard h3{margin:0 0 10px}.leader{padding:9px 4px;border-top:1px solid #dcebf4}.leader span{color:var(--muted)}.hidden{display:none!important}@media(max-width:450px){.shell{width:min(100% - 28px,640px)}.card{padding:23px}}