.character-name-modal[hidden],#hud-player-name[hidden]{display:none!important}
.character-name-modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:20px;background:#080910d9;backdrop-filter:blur(9px)}
.character-name-panel{width:min(430px,100%);padding:30px;background:linear-gradient(145deg,#2b222b,#13151d);border:1px solid #c7a675;box-shadow:0 20px 70px #000d;color:#eee5db}
.character-name-panel>span{font-size:.74rem;letter-spacing:.2em;color:#d7b481;font-weight:700}
.character-name-panel h2{font:600 2rem Cinzel,serif;margin:12px 0 26px}
.character-name-panel label{display:block;font-size:.88rem;margin-bottom:9px;color:#d8c9c2}
.character-name-panel input{display:block;width:100%;padding:13px 14px;background:#0e1016;color:#fff;border:1px solid #a68b70;border-radius:3px;font:1rem Inter,Arial,sans-serif}
.character-name-panel input:focus{outline:2px solid #e1bb7c;outline-offset:2px}
.character-name-panel [role="alert"]{color:#f3a497;font-size:.85rem}
.character-name-panel div{display:flex;gap:10px;margin-top:24px}
.character-name-panel button{padding:11px 20px;border:1px solid #d4b680;background:#c9ae79;color:#18141a;font-weight:700}
.character-name-panel button[data-cancel]{background:transparent;color:#e6dace;border-color:#76695f}
.character-name-open{overflow:hidden}
#hud-player-name{display:block;color:#f6d49f;font:700 .88rem Inter,Arial,sans-serif;letter-spacing:.04em;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-heading>div{min-width:0}
@media(max-width:650px){#hud-player-name{max-width:38vw}}