:root{--bg:#15110f;--ink:#f3e6c8;--accent:#ffd166;--mute:#a89c86}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:"Golos Text",Verdana,sans-serif}
.start{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px;text-align:center}
h1{font:400 clamp(28px,7vw,56px)/1.1 "Press Start 2P",monospace;margin:0;color:var(--accent);text-shadow:4px 4px 0 #000}
.tag{margin:0;font-size:16px;color:var(--mute)}
nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-block;padding:14px 20px;border:3px solid #000;background:var(--accent);color:#000;font:400 13px/1 "Press Start 2P",monospace;text-decoration:none;box-shadow:4px 4px 0 #000}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.server{margin:0;font-size:12px;color:var(--mute)}
.server.ok{color:#7bd389}
.server.bad{color:#ff7a6b}
button.btn{cursor:pointer}
.btn[hidden],.info[hidden],.choose[hidden],.warn[hidden],nav[hidden],.start[hidden]{display:none}
.info{margin:0;font-size:13px;color:var(--mute)}
.choose{display:flex;flex-direction:column;align-items:center;gap:14px}
.choose h2{margin:0;font:400 16px/1.3 "Press Start 2P",monospace;color:var(--ink)}
.genders{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.btn.gender{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 22px;min-width:150px}
.btn.gender span{font-size:40px;line-height:1}
.warn{margin:0;color:#ff9b8f;font-size:14px}
.link{background:none;border:0;color:var(--mute);font:600 14px "Golos Text",sans-serif;text-decoration:underline;cursor:pointer}
.lang{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:1}
.lang button{padding:6px 8px;border:2px solid var(--mute);background:transparent;color:var(--mute);font:400 10px/1 "Press Start 2P",monospace;cursor:pointer}
.lang button.on{border-color:#000;background:var(--accent);color:#000;box-shadow:2px 2px 0 #000}
.lang button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.credit{margin:0;font-size:11px;color:var(--mute);opacity:.75}
.credit a{color:inherit}
@media (max-width:520px){.start{padding-top:56px}}
.privacy{max-width:680px;margin:0 auto;padding:24px 16px 40px;line-height:1.5}
.privacy h1{font-size:24px}
.privacy h2{font-size:18px;margin-top:24px}
.privacy a{color:inherit}
.privacy button{font:700 14px "Golos Text",sans-serif;padding:8px 14px;border:2px solid currentColor;border-radius:8px;cursor:pointer}