/* Shared public header and language control; page modules retain the site CSS. */
.how-to-play{margin:0 0 42px;padding:12px 0 4px;scroll-margin-top:24px}
.how-to-play h2{margin:10px 0 14px;font-size:clamp(28px,3.2vw,42px);line-height:1.15;letter-spacing:-.025em}
.how-intro{max-width:850px;margin:0 0 9px;color:#536685;font-size:18px;line-height:1.6}
.how-launch{display:inline-flex;gap:6px;font-weight:800;color:#2865c4;text-underline-offset:4px}
.how-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:30px 0 0}
.how-step{min-width:0;padding:22px 18px 24px;background:#fff;border:1px solid #dce2ef;border-radius:25px;box-shadow:0 5px 12px #24385415}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:#df3f4c;border-top:2px solid #f48c94;box-shadow:0 5px 0 #a52d38;color:#fff;font-size:20px;font-weight:850;line-height:1}
.how-step h3{font-size:19px;line-height:1.3;margin:22px 0 10px;color:#233653}
.how-step p{font-size:15px;line-height:1.65;color:#536685;margin:0}
.footer-grid{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.how-step{padding:20px 16px}.how-intro{font-size:16px}}
@media(max-width:440px){.how-steps{grid-template-columns:1fr}.how-step{padding:22px}.footer-grid{grid-template-columns:1fr}}
.header-inner{gap:24px}
.header-play{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:10px 22px;border:1px solid #cc293c;border-top:2px solid #ff8993;border-radius:999px;background:linear-gradient(#f74a59,#d52239);box-shadow:0 5px 0 #a71d30,0 7px 12px #a71d301a;color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}
.header-play:hover{background:linear-gradient(#fb5c69,#df2c43);color:#fff;transform:translateY(-1px);box-shadow:0 6px 0 #a71d30,0 8px 14px #a71d3020}
.header-play:active{transform:translateY(3px);box-shadow:0 2px 0 #a71d30}
.header-play svg{flex-shrink:0}
.site-strip>div>span:nth-child(2){margin-left:auto}
@media(max-width:1100px){.header-inner{gap:15px}.desktop-nav{gap:13px}.header-play{padding:10px 16px}}
@media(max-width:900px){.header-play{margin-left:0}}
@media(max-width:600px){.header-inner{gap:14px 12px}.brand{flex:1}.mobile-nav{margin-left:auto}.header-play{order:3;margin-right:auto;min-height:42px;padding:10px 20px}.language-picker{order:4}.site-strip>div{justify-content:flex-start}}
.language-picker{position:relative;flex-shrink:0;z-index:25;font-size:12px}
.language-picker summary{display:flex;align-items:center;gap:6px;cursor:pointer;border:1px solid #c4d3e7;border-radius:8px;padding:8px;background:white;min-height:42px;list-style:none;white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker[open] summary{border-color:#3169c6;background:#eef4ff}
.language-picker nav{position:absolute;top:calc(100% + 7px);right:0;min-width:190px;padding:7px;background:white;border:1px solid #c4d3e7;border-radius:10px;box-shadow:0 8px 24px #23365322}
.language-picker nav a{display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 10px;text-decoration:none;border-radius:6px;white-space:nowrap}
.language-picker a[aria-current]{background:#edf4ff;color:#235cae;font-weight:700}
.language-picker a:hover{background:#f1f5fb}
@media(max-width:600px){.language-picker{font-size:11px}.language-picker summary{padding:6px;gap:4px}.language-picker summary>svg{width:16px}}