:root{--navy:#061a34;--navy2:#0d2e55;--yellow:#ffc928;--cyan:#19a8e0;--white:#fff;--muted:#b7c7d9;--green:#18a873;--red:#de4a4a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#164c83 0,#081e3a 42%,#041225 100%);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#fff;min-height:100vh}.app{max-width:850px;margin:auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20;padding:12px 0 18px}.brand{font-weight:950;font-size:24px}.brand span,.hero h1 span,.kicker{color:var(--yellow)}.subbrand,.date{color:var(--muted);font-size:12px}.hero{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:30px 0 20px}.kicker{font-size:12px;letter-spacing:1.4px;font-weight:900}.hero h1{font-size:56px;line-height:.95;margin:6px 0 10px}.hero p{color:#d8e4ef;max-width:650px;line-height:1.5;margin:0}.card{background:linear-gradient(145deg,rgba(14,47,84,.98),rgba(8,27,50,.98));border:1px solid #ffffff20;border-radius:22px;box-shadow:0 22px 60px #0005}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;margin-bottom:14px}.level-group,.player-group{display:flex;align-items:center;gap:8px}.level-group>span{color:var(--muted);font-size:13px;margin-right:5px}button,input{font:inherit}.level-group button,.player-group button,.controls button,.section-head button,.finish-actions button,.card-actions button{border:1px solid #ffffff25;background:#ffffff0e;color:#fff;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}.level-group button.active{background:var(--yellow);color:#10213a;border-color:transparent}.player-group input{width:190px;background:#ffffff10;color:#fff;border:1px solid #ffffff25;border-radius:11px;padding:10px 12px;outline:none}.game-card{padding:20px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stats div{background:#ffffff0d;border:1px solid #ffffff16;border-radius:12px;text-align:center;padding:10px}.stats small{display:block;color:var(--muted);font-size:10px}.stats b{font-size:19px}.board-wrap{position:relative;width:min(92vw,610px);aspect-ratio:1;margin:20px auto}.board-wrap #board{position:absolute;inset:0;display:grid;gap:4px;touch-action:none;user-select:none}.cell{display:grid;place-items:center;border-radius:11px;background:#f5f8fb;color:#0b2442;font-weight:950;font-size:22px}.cell.clue{background:#fff3b9}.cell.visited{background:#cceef9}.cell.clue.visited{background:#ffe170}.cell.current{outline:4px solid var(--yellow);z-index:3}.cell.hint{animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(.9);box-shadow:0 0 0 6px #ffc9282e}}#pathLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.path-line{fill:none;stroke:#119ed3;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.76}.controls{display:flex;justify-content:center;gap:9px}.how{background:#ffffff0b;border-radius:12px;margin-top:16px;padding:14px;color:#d6e2ee;font-size:13px;line-height:1.5}.how b{color:var(--yellow);display:block;margin-bottom:4px}.leaderboard{margin-top:14px;padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin:3px 0 10px}.leaderboard-rows{display:grid;gap:7px}.leader-row{display:grid;grid-template-columns:42px 1fr 90px 90px;align-items:center;background:#ffffff0c;border:1px solid #ffffff12;border-radius:11px;padding:10px 12px}.leader-row .rank{font-weight:950;color:var(--yellow)}.leader-row small{color:var(--muted)}.empty{color:var(--muted);padding:18px 4px}.finish{display:none;margin-top:14px;text-align:center;padding:26px}.finish.show{display:block}.cup{font-size:50px}.finish h2{margin:5px 0}.finish p{color:#cfdeeb}.finish-actions,.card-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.finish-actions .primary{background:var(--yellow);color:#10213a;border:0}.finish aside{margin-top:18px;background:#eaf6fb;color:#0b2442;padding:14px;border-radius:13px}.finish aside b,.finish aside span{display:block}.finish aside span{color:#52657a;margin-top:5px;font-size:13px}#shareCanvas{display:none;max-width:100%;margin:18px auto;border-radius:15px}.hidden{display:none!important}footer{text-align:center;color:#8298b0;font-size:11px;padding:23px 0}
@media(max-width:700px){.app{padding:10px}.hero{display:block}.date{margin-top:10px}.hero h1{font-size:44px}.subbrand{display:none}.toolbar{display:block}.player-group{margin-top:10px}.player-group input{flex:1;width:auto}.stats{grid-template-columns:repeat(3,1fr)}.game-card{padding:13px}.cell{border-radius:8px;font-size:18px}.leader-row{grid-template-columns:34px 1fr 70px 70px;font-size:13px}}