/* Flag selector beside the Steam account; no remote fonts, scripts or sprites. */
.header-actions{display:flex;align-items:stretch;gap:10px;justify-content:flex-end;flex:0 0 auto;min-width:0}
.language-switch{position:relative;z-index:30;display:flex;align-items:stretch;flex:0 0 auto}
.language-toggle{display:flex;align-items:center;justify-content:center;width:52px;min-height:46px;border:1px solid #7d4fa6;border-radius:7px;background:#211139;cursor:pointer;color:#e5ceff;box-shadow:0 3px 12px #0004;transition:background .15s,border-color .15s}
.language-toggle:hover,.language-toggle[aria-expanded="true"]{border-color:#62efff;background:#342052}
.language-toggle img,.language-option img{display:block;object-fit:cover;flex:none;border-radius:2px;box-shadow:0 0 0 1px #ffffff4a,0 2px 5px #0009}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;width:212px;padding:6px;background:#160d31;border:1px solid #9c67c3;box-shadow:0 16px 35px #0009;border-radius:9px;max-height:min(80vh,390px);overflow:auto}
.language-menu[hidden]{display:none}
.language-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:42px;padding:8px 10px;color:#f7f1ff;background:none;border:0;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}
.language-option:hover,.language-option:focus-visible{background:#392456;outline:none}
.language-option[aria-checked="true"]{background:#27405d;color:#7defff}
.language-option .language-check{margin-left:auto;font-size:16px}
.language-toggle:focus-visible,.language-option:focus-visible{outline:2px solid #62efff;outline-offset:2px}
@media(max-width:900px){.header-actions{margin-left:auto}.header-actions .steam-account-slot{margin-left:0}}
@media(max-width:500px){.header-actions{gap:6px}.language-toggle{width:45px;min-height:40px}.language-toggle img{width:22px;height:16px}.header-actions .steam-account-slot{max-width:none}}
@media(max-width:1180px){header{gap:10px}nav{gap:0}nav a{font-size:16px;padding:22px 9px}.brand img{width:96px}}
@media(max-width:540px){header .brand>span{display:none}header .brand img{width:90px}.header-actions{margin-left:auto}.language-menu{right:-6px}}

/* The opened selector also uses flags only; native names remain accessible via tooltip/ARIA. */
.language-menu{width:194px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px}
.language-option{position:relative;display:grid;place-items:center;min-height:44px;padding:6px;border-radius:6px}
.language-option img{width:27px;height:20px}
.language-option .language-check{position:absolute;right:0;top:0;font-size:10px;line-height:1;color:#8affff;margin:0}

.hero h1{overflow-wrap:break-word}