/* Keep choosing a match and starting it in one place. */
.title-content{max-width:610px;margin-top:26px}
.game-title h1{font-size:clamp(48px,5vw,70px)}
.game-title>p{margin:20px 0 0}
.game-menu{max-width:430px;margin-top:22px;gap:12px}
.play-panel{padding:18px;border:1px solid #b49bd560;border-radius:22px;background:linear-gradient(145deg,#493465ed,#271f43f2);box-shadow:0 12px 35px #11092355,inset 0 1px #ffffff12}
.play-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:11px;font-weight:900;letter-spacing:1.8px;color:#eee1ff}
.play-panel-heading small{font-size:9px;letter-spacing:1px;color:#c7b6dd;background:#ffffff0a;padding:5px 7px;border-radius:5px}
.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.game-menu .mode-picker button{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:105px;padding:13px 4px;border:2px solid #82679e;border-bottom-width:5px;border-radius:13px;background:linear-gradient(#5c4777,#3b2c55);color:#e8dbfb;text-align:center;transition:transform .15s,border-color .15s,background .15s}
.mode-picker strong{font:900 30px/1 'Trebuchet MS',sans-serif;letter-spacing:-1px}
.mode-picker span{font-size:10px;letter-spacing:1.5px}
.mode-picker small{font-size:10px;letter-spacing:0;font-weight:600;opacity:.8}
.game-menu .mode-picker button[aria-pressed=true]{color:#edffd8;border-color:#c8ff87;background:linear-gradient(#566e48,#30493d);box-shadow:0 0 20px #c8ff871b}
.game-menu .mode-picker button:hover{transform:translateY(-2px);border-color:#e2c6ff}
.game-menu .mode-picker button[aria-pressed=true]:hover{border-color:#dfffbb}
.selected-mode{margin:16px 0;min-height:43px;text-align:center}
.selected-mode strong{font-size:14px;color:#f6edff}
.selected-mode p{margin:6px 0 0;font-size:11px;line-height:1.5;color:#d3c1e5}
.game-menu .play-big{min-width:0;font-size:21px;padding:18px 20px;border-bottom:5px solid #7ea54e;border-radius:12px;background:linear-gradient(#e0ff9a,#b9ee73);color:#24351c;box-shadow:0 5px 20px #14220b44;letter-spacing:.5px}
.game-menu .play-big:hover{filter:brightness(1.08)}
.game-menu .queue-note{margin:12px 0 7px;text-align:center;color:#e4d8f3}
.ladder-note{display:block;text-align:center;font-size:10px;line-height:1.5;color:#bcaaca}
.game-menu .menu-secondary{padding:13px 18px;font-size:12px}
.menu-secondary>span>small{display:block;margin-top:5px;font-size:10px;font-weight:400;letter-spacing:0;color:#d0bfe2}
.online-preview{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;font-size:10px;color:#b7a4c9;letter-spacing:1px;text-align:left}
.online-preview small{display:inline-block;margin-left:6px;letter-spacing:0;font-size:10px}
.online-preview b{font-size:8px;border:1px solid #7c648c66;padding:5px;border-radius:5px;white-space:nowrap}
.practice-panel{top:auto;bottom:0;max-width:100%;width:390px}
.hub-nav{margin-top:24px}
@media(min-width:751px) and (max-height:850px){#lobby{padding-top:16px}.title-content{margin-top:16px}.game-title h1{font-size:48px;letter-spacing:-3px;transform:rotate(-3deg)}.game-title h1 span{display:inline;margin-left:0}.game-title>p{margin-top:12px;font-size:9px}.title-star{top:-7px;left:8%;font-size:23px}.game-menu{margin-top:14px;gap:9px}.play-panel{padding:13px 16px}.play-panel-heading{margin-bottom:9px}.game-menu .mode-picker button{min-height:85px;padding:8px 4px}.selected-mode{margin:10px 0;min-height:39px}.game-menu .play-big{padding:13px 18px}.game-menu .queue-note{margin-top:8px}.game-menu .menu-secondary{padding:10px 16px}.hub-nav{margin-top:18px}.game-bottom{margin-top:18px}}
@media(max-width:750px){.title-content{width:100%;max-width:430px;margin:28px auto 0}.game-title h1{font-size:52px;letter-spacing:-3px}.game-title>p{margin-top:18px}.title-star{left:18%;top:0}.game-menu{max-width:430px;margin-top:18px}.character-stage{display:none}.scene-moon{width:120px;height:120px;right:-45px;top:25%}.hub-nav{justify-content:center}#loadout-preview{flex-wrap:wrap;gap:8px}.play-panel{padding:14px}.game-menu .play-big{font-size:19px}.game-bottom{margin-top:20px}.game-profile{max-width:44%;overflow-wrap:anywhere}.online-preview{padding:2px 4px}.online-preview small{margin-left:3px}}
@media(prefers-reduced-motion:reduce){.game-menu .mode-picker button{transition:none}}
