/* SHARDWAKE ART40 · Identity pass / cosmetic only */
:root{--sw-arcane:#5dccff;--sw-metal:#e7d1a3;--sw-navy:#081523}
.game-hub{background:linear-gradient(90deg,#06111df0 0%,#0a1423d9 43%,#07132255 100%),linear-gradient(0deg,#04101add 0%,transparent 46%),url('./assets/brand/shardwake-splash.webp') center/cover no-repeat;border-color:#9cb7c659}
.sw-brandmark{display:block;width:34px;height:34px;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px #c0d9e150,0 0 18px #48b4e33b}
.sw-topbrand{display:flex;align-items:center;gap:7px;min-width:0}
.sw-topbrand img{border-radius:5px;border:1px solid #83caeb50;flex:0 0 auto;box-shadow:0 0 13px #42bafb34}
.sw-topbrand .eyebrow{color:#d0e7f3;white-space:nowrap;letter-spacing:.14em}
.sw-topbrand .logo-text-sm{color:#aabec8;letter-spacing:.1em}
.sw-starter-wordmark{display:block;width:min(470px,70vw);height:auto;max-height:145px;object-fit:contain;border-radius:6px;box-shadow:0 12px 35px #0008}
.starter{background:linear-gradient(#07111ad9,#07111af2),url('./assets/brand/shardwake-splash.webp') center/cover no-repeat}
.starter-inner .eyebrow{color:#bedff1}
.sw-hub-signature{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;padding:4px 10px 4px 4px;border:1px solid #b1d8e644;border-radius:8px;background:#04111ec7;box-shadow:0 6px 22px #0006}
.sw-hub-signature img{width:38px;height:38px;object-fit:cover;border-radius:6px}
.sw-hub-signature strong{color:#e4f5ff;letter-spacing:.19em;font-size:12px;font-family:Cinzel,Georgia,serif;text-shadow:0 0 12px #62c9ff71}
.sw-rotate-icon{width:70px;height:70px;border-radius:16px;box-shadow:0 6px 25px #0007;margin:0 auto 9px;display:block}
#rotate-device{background:linear-gradient(#041321d9,#041321ef),url('./assets/brand/shardwake-splash.webp') center/cover}
#rotate-device .rotate-card{border-color:#87cdec70}
@media(orientation:landscape) and (max-height:600px){
 .game-hub{background-position:center,center,65% center}
 .sw-starter-wordmark{width:min(280px,49vw);max-height:74px}
 .sw-topbrand img{width:22px;height:22px}
 .sw-topbrand .eyebrow{font-size:8px}
 .sw-hub-signature{gap:5px;margin-bottom:4px;padding:2px 6px 2px 2px}
 .sw-hub-signature img{width:24px;height:24px}
 .sw-hub-signature strong{font-size:9px;letter-spacing:.13em}
}
@media(orientation:landscape) and (max-height:410px){
 .sw-starter-wordmark{width:min(210px,42vw);max-height:58px}
 .sw-hub-signature{margin-bottom:2px}
 .sw-hub-signature strong{font-size:8px}
}
@media(orientation:portrait){.sw-starter-wordmark{width:min(400px,86vw);max-height:125px}}