body.home-view>header,body.home-view>#notice{display:none}
#homeScreen{position:absolute;inset:0;z-index:3;overflow:auto;background:#0b121b url('/menu/cs-hero.jpg') 78% center/cover no-repeat;color:#f5f6f8;display:flex;flex-direction:column;padding:44px 5vw;font-family:Arial,sans-serif}
#homeScreen:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,22,.98) 0%,rgba(6,13,22,.89) 30%,rgba(6,13,22,.32) 72%,rgba(6,13,22,.2)),linear-gradient(0deg,#080e19,transparent 50%);pointer-events:none}
#homeScreen>*{position:relative}#homeScreen[hidden]{display:none}
.home-brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:800;letter-spacing:3px}.home-brand img{width:54px;height:54px;object-fit:contain}.home-brand span{font-size:10px;padding:5px 7px;border:1px solid #7e8b9b;border-radius:4px;color:#bac6d5;letter-spacing:2px}
.home-content{margin:auto 0;max-width:560px;padding:45px 0}.home-kicker{font-size:11px;letter-spacing:4px;color:#e9ad6e}.home-content h1{font-size:clamp(44px,6vw,90px);line-height:.98;letter-spacing:-3px;margin:24px 0;font-weight:900}.home-content h1 em{display:block;font-style:normal;color:#f4b270}.home-description{font-size:15px;color:#abb8c9;line-height:1.7;margin:0 0 34px;max-width:390px}.home-menu{display:flex;flex-direction:column;gap:10px;width:min(390px,100%)}
.home-menu button{display:flex;align-items:center;gap:18px;text-align:left;padding:19px 22px;min-height:74px;border:1px solid #354356;background:#111d2bd9;border-radius:8px;color:#f4f6fa;transition:transform .18s,background .18s,border-color .18s}.home-menu button:hover{transform:translateX(6px);background:#25364a;border-color:#6e859f}.home-menu button:first-child{background:#f4b270;color:#15181e;border-color:#f4b270}.home-menu button:first-child:hover{background:#ffc58d}.home-menu .home-icon{font-size:22px;width:28px;text-align:center}.home-menu strong{font-size:18px;display:block}.home-menu small{display:block;opacity:.66;margin-top:5px;font-size:11px}.home-arrow{margin-left:auto;font-size:22px;font-weight:normal}
.home-footer{display:flex;justify-content:space-between;gap:20px;color:#8e9bac;font-size:10px;letter-spacing:2px;line-height:1.7}.home-footer b{color:#cdd6e2;font-weight:500}
body.home-view #gameStage{height:100dvh;min-height:550px}body.home-view{overflow:hidden}
#homeButton{border-color:#506075}body.directory-view #menu .hero{display:none}
@media(max-width:650px){#homeScreen{padding:25px 24px;background-position:65% center}.home-content{padding:30px 0}.home-content h1{font-size:52px}.home-footer{font-size:8px;letter-spacing:1px}.home-description{max-width:300px}#homeScreen:before{background:linear-gradient(90deg,#080f1bf5,#080f1bd0 45%,#080f1b75)}}

@media(max-height:760px){#homeScreen{padding-block:22px}.home-brand img{width:40px;height:40px}.home-content{padding:18px 0}.home-content h1{font-size:clamp(42px,5vw,65px);margin:16px 0}.home-description{font-size:13px;margin-bottom:20px}.home-menu button{padding:13px 18px;min-height:62px}.home-menu strong{font-size:16px}.home-menu small{font-size:10px}.home-footer{font-size:8px}}

#serverDirectoryDialog{position:absolute;inset:0;z-index:60;background:#02060dbb;backdrop-filter:blur(9px);display:grid;place-items:center;padding:25px}#serverDirectoryDialog[hidden]{display:none}.server-modal-card{display:flex;flex-direction:column;width:min(1300px,96%);height:min(850px,94%);background:#0b111b;border:1px solid #384d68;border-radius:14px;overflow:hidden;box-shadow:0 30px 100px #000a}.server-modal-bar{height:46px;min-height:46px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27364b;background:#152236;color:#8297b4;font-size:9px;letter-spacing:2px}.server-modal-bar button{border:0;background:transparent;color:#b3c0d2;font-size:25px;min-width:35px;min-height:35px;padding:0;cursor:pointer}.server-modal-card #menu{position:static;flex:1;min-height:0;width:100%;height:100%;border:0;display:block}.server-modal-card #menu[hidden]{display:none}@media(max-width:650px){#serverDirectoryDialog{padding:9px}.server-modal-card{width:100%;height:96%}.server-modal-bar{padding:0 15px;font-size:8px}}

/* Status has its own row below the menu, never overlays footer artwork. */
#homeScreen .asset-cache-status{position:relative;inset:auto;margin:0 0 24px;width:fit-content;max-width:100%;padding:10px 14px;border:1px solid #3c53684d;border-radius:8px;background:#101e2ad9;color:#a4b9cc;font-size:11px;letter-spacing:0;line-height:1.5;flex-shrink:0;order:2}
#homeScreen .home-footer{order:3;margin-top:auto;flex-shrink:0}
#homeScreen .home-content{padding-bottom:24px}