.home-welcome{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:28px;padding:23px 26px;border:3px solid #387f6f;border-radius:26px;background:linear-gradient(125deg,#fffef1,#fff6cb);box-shadow:inset 0 3px #fff,0 5px #32685045;color:#174451}
.welcome-mascot{width:88px;height:88px;filter:drop-shadow(0 4px 0 #9b5c2433);transform:rotate(-5deg)}
.welcome-kicker{font-size:17px;font-weight:900;color:#53734d;margin:0 0 4px}.welcome-copy h1{font-size:clamp(27px,3.2vw,39px);line-height:1.35;font-weight:900;margin:0;overflow-wrap:anywhere}.welcome-copy h1 span{display:inline;color:#b45226;margin-left:.3em}.welcome-message{font-size:16px;font-weight:700;margin-top:9px}.welcome-tools{display:flex;align-items:center;flex-direction:column;gap:13px}.welcome-tools .counter-pill{white-space:nowrap}.welcome-tools>small{font-size:14px;color:#45615b}.nickname-edit{display:flex;align-items:center;gap:9px;justify-content:center;border:2px solid #78a295;border-radius:14px;min-height:46px;padding:8px 13px;background:linear-gradient(#fff,#e2f3df);box-shadow:0 3px #4d8876;color:#235548;font-size:17px;font-weight:900}.nickname-edit span{font-size:23px}.nickname-edit:hover{background:#fff3a9}
#nickname-dialog{padding:28px;max-width:560px;border:4px solid #397d70;border-radius:28px;background:linear-gradient(145deg,#fffef0,#fff5cb);box-shadow:inset 0 4px #fff,0 9px 0 #174d4544,0 24px 70px #122c4a55;max-height:calc(100dvh - 28px);overflow:auto}#nickname-dialog::backdrop{background:#153e50b8;backdrop-filter:blur(3px)}.nickname-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:2px solid #82a190;border-radius:50%;background:#fffdf0;color:#315e52;font:900 30px/1 Arial}.nickname-title{display:flex;align-items:center;gap:18px;margin:10px 32px 25px 0}.nickname-title img{flex:none;border-radius:18px;transform:rotate(-5deg)}#nickname-dialog .nickname-title p{font-size:16px;font-weight:900;color:#5a7963;margin:0 0 5px}#nickname-dialog h2{font-size:30px;line-height:1.35;margin:0;color:#20585a}#nickname-form label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:21px;font-weight:900;margin-bottom:10px}#nickname-form label span{font-size:14px;color:#547465}#nickname-input{display:block;box-sizing:border-box;width:100%;min-height:68px;padding:12px 15px;line-height:1.3;font-family:inherit;font-size:27px;font-weight:900;color:#193e4b;background:#fff;border:3px solid #88aa91;border-radius:15px;box-shadow:inset 0 3px #d4dfd84d}#nickname-input:focus{outline:4px solid #efbd36;outline-offset:3px;border-color:#367962}#nickname-input[aria-invalid=true]{border-color:#bd503c}#nickname-dialog .nickname-warning{font-size:20px;font-weight:900;color:#a64124;background:#ffebba;border-radius:12px;padding:10px 12px;line-height:1.5;margin:16px 0 10px}#nickname-dialog .nickname-help{font-size:17px;line-height:1.7;margin:0;color:#385d5c}#nickname-dialog .nickname-error{font-size:17px;font-weight:900;color:#a83b2c;margin:10px 0}.nickname-error:empty{display:none}.nickname-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:22px}.nickname-actions .game-button{font-size:21px;min-height:56px;padding:9px 10px}.nickname-clear{display:block;margin:20px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:17px;font-weight:700;color:#4d665e;min-height:44px}
.online-nickname{display:flex;align-items:center;gap:13px;border:2px solid #98ba90;background:#fff8d5;border-radius:17px;padding:14px 17px;margin:18px 0;color:#234d54}.online-nickname img{width:48px;height:48px}.online-nickname>div{flex:1;min-width:0}.online-nickname small{display:block;font-size:14px}.online-nickname b{display:block;font-size:22px;overflow-wrap:anywhere}.online-nickname .nickname-edit{font-size:16px}.online-player-hud{min-width:0}.online-player-name{font-size:clamp(18px,2vw,24px);line-height:1.3;font-weight:900;color:#fff4bf;text-align:center;overflow-wrap:anywhere;padding:6px 10px;margin:0 0 8px;border:2px solid #d5bc70;border-radius:13px;background:linear-gradient(#235d71,#123d53);box-shadow:inset 0 2px #ffffff30,0 3px #082c4144}.online-player-hud:last-child .online-player-name{background:linear-gradient(#78456c,#492c54);border-color:#e0b2bc}.online-wait-name{font-size:23px;font-weight:900;color:#285b63;overflow-wrap:anywhere}.online-result-players{font-size:20px!important;font-weight:900;overflow-wrap:anywhere}
@media(max-width:700px){.home-welcome{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:17px 16px;border-radius:21px}.welcome-mascot{width:60px;height:60px}.welcome-copy h1{font-size:27px}.welcome-kicker{font-size:14px}.welcome-message{font-size:14px}.welcome-tools{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.welcome-tools .nickname-edit{font-size:15px;padding:8px}.welcome-tools>small{grid-column:1/-1;text-align:center;font-size:14px}.welcome-tools .counter-pill{font-size:12px}.online-nickname{padding:12px;flex-wrap:wrap}.online-nickname .nickname-edit{margin-left:auto}.online-nickname b{font-size:21px}.online-player-name{font-size:18px;padding:5px 7px}}
@media(max-width:430px){#nickname-dialog{padding:21px 17px}.nickname-title{gap:12px;margin-right:23px}.nickname-title img{width:58px;height:58px}#nickname-dialog h2{font-size:25px}#nickname-form label{font-size:20px}#nickname-form label span{font-size:13px}.nickname-actions .game-button{font-size:19px}.online-nickname .nickname-edit{font-size:15px}.online-player-name{font-size:17px}}

.online-player-hud .fighter-hud{min-width:0;text-align:left}

@media(min-width:901px){.online-battle.visual-duel{grid-template-rows:34px max-content minmax(190px,1fr);min-height:560px}}
@media(max-width:700px){.welcome-copy h1 span{display:block;margin-left:0}}
/* Compact home greeting: the nickname action stays beside the name. */
.home-welcome{grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:12px 18px;margin-bottom:18px;border-width:2px;border-radius:18px;box-shadow:inset 0 2px #fff,0 3px #32685035}
.welcome-mascot{width:48px;height:48px}
.welcome-copy{display:flex;align-items:center;gap:10px;min-width:0}
.welcome-copy h1{font-size:clamp(21px,2.2vw,27px);line-height:1.4}
.welcome-copy .nickname-edit{flex:none;width:44px;height:44px;min-height:44px;padding:10px;border-radius:12px;box-shadow:0 2px #4d887640}
.nickname-edit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.welcome-tools{display:flex;flex-direction:row;gap:0}
.welcome-tools .counter-pill{font-size:13px;padding:5px 12px;border-width:2px;box-shadow:none}
.welcome-tools .counter-pill b{font-size:22px}
@media(max-width:700px){.home-welcome{grid-template-columns:40px minmax(0,1fr);gap:6px 10px;padding:10px 12px}.welcome-mascot{width:40px;height:40px;grid-row:1/3;align-self:start;margin-top:2px}.welcome-copy{gap:6px}.welcome-copy h1{font-size:21px}.welcome-copy h1 span{display:inline;margin-left:.3em}.welcome-tools{grid-column:2;justify-content:flex-start}.welcome-tools .counter-pill{font-size:11px;padding:2px 9px}.welcome-tools .counter-pill b{font-size:17px}}