@media(min-width:701px) and (max-width:1250px){header{gap:18px;padding-left:3%;padding-right:3%}header nav{gap:15px;font-size:12px}header .brand{font-size:31px}header>.button.small{padding-left:13px;padding-right:13px}}
/* member page link, top right next to "เริ่มเล่นเกม" (owner 2026-10-27 → /member/) */
header>.member-link{display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:10px 16px;border:1px solid #387fa6;border-radius:9px;background:#fff;color:#2d6c90;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 #d3e2ec;transition:transform .2s,background .2s}
header>.member-link:hover{background:#eef5fa;transform:translateY(-2px)}
header>.member-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:701px) and (max-width:1250px){header>.member-link{padding-left:12px;padding-right:12px;font-size:12px}header>.button.small{white-space:nowrap}}
@media(min-width:701px) and (max-width:1000px){header>.member-link span{display:none}header>.member-link svg{width:18px;height:18px}}
@media(max-width:700px){header>.member-link{order:1;margin-left:auto;min-height:0;padding:9px 10px;font-size:11px;gap:5px}header>.member-link+.button{margin-left:0}}
@media(max-width:400px){header{gap:8px}header>.member-link span{display:none}header>.member-link{padding:9px}header>.member-link svg{width:18px;height:18px}}