:root{--bg:#123c5b;--panel:#18516f;--accent:#f3a75c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#f4fbff;background:linear-gradient(180deg,var(--panel),var(--bg));min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{background:#0d3554;border-top:3px solid #fff0d2;border-bottom:4px solid var(--accent)}.header-inner{max-width:1450px;margin:auto;min-height:60px;padding:0 32px;display:flex;align-items:center;gap:25px}.brand{margin-right:auto;font-size:21px;font-weight:900}.nav{display:flex;gap:22px;align-items:center;color:#c9ecfa;font-weight:800;font-size:14px}.lang{border:1px solid #ffffff55;border-radius:18px;padding:8px 13px}.game-shell{width:min(820px,calc(100% - 30px));margin:22px auto}.hud{display:flex;flex-wrap:wrap;border:2px solid var(--accent);border-radius:18px;overflow:hidden;background:#102f4bcc}.cell{padding:11px 14px;text-align:center;border-right:1px solid #ffffff22}.cell small{display:block;font-size:9px;letter-spacing:.14em;color:#bde7f7;font-weight:900}.cell b{font-size:19px}.tools{margin-left:auto;padding:9px;display:flex;gap:7px;align-items:center}.mode,.start,.action{border:0;border-radius:13px;padding:9px 14px;font-weight:900}.mode{background:#ffffff14;color:#d9f5ff;border:1px solid #ffffff40}.mode.active{background:#fff;color:var(--bg)}.start,.action{background:var(--accent);color:#fff}.card{height:490px;border:3px solid var(--accent);border-radius:21px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 20%,#ffffff16,transparent 30%),var(--panel);position:relative;overflow:hidden}.intro{max-width:600px}.icon{font-size:68px}.title{font-size:34px;font-weight:950}.copy{color:#c5e9f6;line-height:1.55}.legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:22px 0;color:#ccecf7;font-size:12px;font-weight:800}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:5px}.play{display:none;position:absolute;inset:0;background:linear-gradient(180deg,#d6eef5 0 43%,#297a8d 43%)}.mount{position:absolute;left:0;right:0;top:20%;height:130px;background:#8ba9a9;clip-path:polygon(0 100%,16% 28%,32% 83%,50% 18%,67% 80%,84% 25%,100% 100%)}.bar{position:absolute;left:14%;right:14%;bottom:31%;height:22px;border-radius:14px;background:#ffffffaa}.zone{position:absolute;left:42%;width:16%;height:100%;background:var(--accent)}#marker{position:absolute;top:-8px;width:8px;height:38px;background:#123c5b}.status{position:absolute;top:25px;left:50%;transform:translateX(-50%);background:#fff;color:#173a58;padding:10px 14px;border-radius:12px;font-weight:900}.actions{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.actions button{border:0;border-radius:12px;padding:11px 17px;font-weight:900}.reset{background:#173a58;color:#fff}.tip{text-align:center;color:#bde4f2;font-size:12px;font-weight:800;margin:13px 0 36px}.contact-title{text-align:center}.contacts{width:min(740px,calc(100% - 30px));margin:0 auto 36px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact{border:1px solid #ffffff44;border-radius:17px;padding:17px 21px}.contact small{display:block;color:#bfe8f7;font-size:9px;letter-spacing:.15em;font-weight:900;margin-bottom:7px}.footer{border-top:1px solid #ffffff33;padding:22px 30px;background:#102f4b}.footer-in{max-width:1450px;margin:auto;display:flex;gap:20px;color:#bfe4f2;font-size:12px;font-weight:700}.footer-in span{margin-right:auto}.container{max-width:900px;margin:auto;padding:30px 24px 80px}.container h1{font-size:31px}.section{margin:45px 0}.section h2{border-bottom:1px solid var(--accent);padding-bottom:10px}.section p{color:#c4e7f3;line-height:1.7}.steps{display:grid;gap:13px}.step{border-left:4px solid var(--accent);background:#ffffff08;border-radius:10px;padding:15px}.step b{display:block;margin-bottom:6px}@media(max-width:760px){.nav a{display:none}.contacts{grid-template-columns:1fr}.tools{width:100%;justify-content:center}}