:root{--ink:#1d2433;--ink2:#56607a;--sky:#9fdcff;--grass:#7ed957;--grass-d:#3f9b2c;--paper:#fff;--line:#e3e9f3;--gold:#ffc629}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:linear-gradient(#bfe9ff,#e9f8ff 320px,#f6fbff);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@font-face{font-family:Rubik;src:url(/fonts/Rubik-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
a{color:#2563c9}a:hover{color:#174a9c}
header.top{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{max-width:960px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 22px Rubik,system-ui,sans-serif}
.logo img{width:36px;height:36px;border-radius:9px}.logo em{font-style:normal;color:var(--grass-d)}
nav.main{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}nav.main+.play{margin-left:0}nav.main a{color:var(--ink2);text-decoration:none;font-size:15px}nav.main a:hover,nav.main a[aria-current]{color:var(--ink)}
.play{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(#8be35f,#4fb52f);color:#fff;text-decoration:none;font:600 18px Rubik,system-ui,sans-serif;padding:12px 26px;border-radius:14px;box-shadow:0 4px 0 #2f7d1d;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.play:hover{color:#fff;filter:brightness(1.05)}.bar .play{margin-left:auto;padding:8px 16px;font-size:15px;box-shadow:0 3px 0 #2f7d1d}
main{max-width:960px;margin:0 auto;padding:24px 16px 48px}
h1{font:600 clamp(30px,6vw,46px)/1.15 Rubik,system-ui,sans-serif;margin:8px 0 12px}
h2{font:600 26px/1.25 Rubik,system-ui,sans-serif;margin:40px 0 10px}h3{font-size:19px;margin:24px 0 6px}
.lead{font-size:19px;color:var(--ink2);max-width:46em}
.hero{width:100%;height:auto;border-radius:18px;display:block;margin:18px 0;box-shadow:0 10px 30px rgba(30,60,110,.15)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:18px 0}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0}
.shots figure{margin:0}.shots img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}figcaption{font-size:14px;color:var(--ink2);margin-top:6px}
.cows{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:0;list-style:none}
.cows li{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px 10px 12px;text-align:center}
.cows img{width:100%;height:auto;aspect-ratio:1;background:radial-gradient(circle at 50% 65%,#d6f2c8,#a8dcff 75%);border-radius:12px}
.cows b{display:block;font-size:15px;margin-top:6px}.cows small{color:var(--ink2)}
.tier{display:inline-block;font:600 12px Rubik,system-ui,sans-serif;color:#fff;border-radius:99px;padding:2px 9px;margin-left:6px;vertical-align:middle}
.t0{background:#8a8fa8}.t1{background:#1fb35a}.t2{background:#2f7cf6}.t3{background:linear-gradient(90deg,#ff3b3b,#ff9a1e,#ffd83a,#3ad84a,#2a9aff,#8a4aff)}.t4{background:#c48a00}
details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:10px 0}summary{cursor:pointer;font-weight:600}
table{border-collapse:collapse;width:100%;margin:12px 0;background:var(--paper);border-radius:12px;overflow:hidden}td,th{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ad{margin:28px 0;min-height:100px}
footer{border-top:1px solid var(--line);background:#fff;color:var(--ink2);font-size:14px}
footer .bar{flex-wrap:wrap}footer nav{display:flex;gap:14px;flex-wrap:wrap}footer a{color:var(--ink2)}
.crumbs{font-size:14px;color:var(--ink2)}.crumbs a{color:var(--ink2)}
@media (max-width:640px){nav.main{display:none}nav.main+.play{margin-left:auto}}