select{font:inherit;color:#e6eefb;background:#10223b;border:1px solid #355375;border-radius:10px;padding:12px;min-height:48px;max-width:100%}
select:focus-visible{outline:3px solid #ffc85c;outline-offset:4px}
.lobby-create{margin-top:26px}
.lobby-create label{color:#aabbd1;font-size:14px}
.lobby-create .actions{margin-top:10px;gap:10px}
.app-main{padding-top:15vh}
.brand{letter-spacing:-.5px}.brand small{font-size:15px;font-weight:500;color:#93a6c1;letter-spacing:0}
.game-title{font-size:clamp(38px,5.3vw,64px)}.game-title span{color:#58e5d2}
.hero{grid-template-columns:1fr 1.1fr;gap:42px;padding-top:36px}
.battle-scene{position:relative;margin:0;min-width:0;border:1px solid #314963;border-radius:20px;overflow:hidden;background:#0d1a2b;box-shadow:0 24px 70px #0006}
.battle-scene img{display:block;width:100%;height:auto}
.battle-scene figcaption{position:absolute;inset:auto 0 0;padding:36px 20px 17px;background:linear-gradient(transparent,#06101ff2);color:#76e7e1;font-size:10px;font-weight:750;letter-spacing:1.5px}
.battle-scene figcaption span{display:block;margin-top:5px;color:#d5e3f4;font-size:13px;font-weight:500;letter-spacing:0}
@media(max-width:900px) and (min-width:701px){.hero{gap:24px;grid-template-columns:1.1fr 1fr}.game-title{font-size:clamp(33px,4.7vw,48px)}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:28px}.battle-scene{width:100%;max-width:480px;justify-self:center}}
@media(max-width:700px){header>a:last-child{max-width:135px;text-align:right}.brand{font-size:23px}.game-title{font-size:clamp(36px,8vw,56px)}}