.hiker-names{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;display:none}
body.playing .hiker-names{display:block}
.hiker-name{position:absolute;left:0;top:0;max-width:132px;padding:3px 8px;border:1px solid #ffffffb8;border-radius:12px;background:#faf8eedd;color:#33523c;box-shadow:0 2px 7px #173e2420;font-size:11px;line-height:16px;white-space:nowrap;pointer-events:none;will-change:transform}
.hiker-name.is-self{background:#34583fe8;color:#fffbed;border-color:#eff5e0b0}
.nickname-menu-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;margin:14px 0;padding:11px 13px;border:1px solid #d5deca;border-radius:7px;background:#eaf0e1;text-align:left}
.nickname-menu-button>span:first-child{display:flex;flex-direction:column;gap:4px}
.nickname-menu-button small{font-size:10px;color:#7a876c}
.nickname-menu-button strong{font-size:14px;font-weight:500}
.nickname-menu-button>span:last-child{font-size:11px;color:#68815c}
#nicknameDialog{width:min(350px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:20px;border-radius:13px;background:#faf8ef;overflow:auto}
#nicknameDialog .dialog-top{margin-bottom:18px;align-items:center}
#nicknameDialog h2{margin:0;font-size:21px;letter-spacing:-.6px}
#nicknameDialog .close{margin:0;width:40px;height:40px;padding:10px;flex-shrink:0}
#nicknameDialog label{display:block;font-size:12px;margin-bottom:8px;color:#647957}
.nickname-input-row{display:flex;align-items:center;border:1px solid #acbba0;border-radius:6px;background:#fffef8;padding:0 12px;gap:10px}
.nickname-input-row:focus-within{border-color:#537a50;box-shadow:0 0 0 2px #537a501c}
#nicknameInput{flex:1;min-width:0;border:0;background:transparent;font:16px/24px 'Noto Sans KR',sans-serif;color:#33583c;padding:12px 0;outline:none}
#nicknameCount{font-size:11px;white-space:nowrap;color:#88957a;font-variant-numeric:tabular-nums}
#nicknameHint{font-size:11px;line-height:1.8;color:#849075;margin:9px 0 18px}
#nicknameSave{width:100%;min-height:46px;margin:0;padding:12px;border-radius:6px;font-size:13px;justify-content:center}
#nicknameSave:disabled{cursor:default}
@media(max-height:500px){#nicknameDialog{padding:14px 18px}#nicknameDialog .dialog-top{margin-bottom:10px}#nicknameHint{margin-bottom:12px}}