/* Shared compact navigation and legal identity for both playable screens. */
:root{--shell-top:calc(max(12px,env(safe-area-inset-top,0px)) + 68px);--shell-bottom:calc(42px + env(safe-area-inset-bottom,0px));--shell-ink:#f6eedf;--shell-muted:#a9a5b8;--shell-accent:#c5eadb}
.game-shell,.game-shell *,.shell-switch-dialog,.shell-switch-dialog *{box-sizing:border-box}
.game-shell{position:fixed;z-index:60;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:56px;display:flex;align-items:center;gap:14px;padding:6px 8px 6px 12px;background:rgba(24,27,40,.94);border:1px solid #d1dbe223;border-radius:16px;box-shadow:0 7px 28px #070a172b;color:var(--shell-ink);font:13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;backdrop-filter:blur(18px)}
.game-shell button,.shell-switch-dialog button{font:inherit;color:inherit;cursor:pointer;border:0;margin:0;background:none;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:10px;transition:background .16s,color .16s}
.game-shell button:hover,.shell-switch-dialog button:hover{background:#ffffff0c;color:#fff}
.game-shell button:focus-visible,.shell-switch-dialog button:focus-visible,.shell-switch-dialog a:focus-visible{outline:2px solid var(--shell-accent);outline-offset:3px}
.game-shell svg,.shell-switch-dialog svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.game-shell .shell-game-button{padding:0 8px 0 0;flex:none;gap:9px;min-width:0}
.shell-brand-mark{display:flex;width:32px;height:32px;align-items:center;justify-content:center;color:#eac7a2}
.shell-brand-mark svg{width:28px;height:28px;stroke:none}
.shell-game-name{font-size:15px;font-weight:650;letter-spacing:.45px;white-space:nowrap}
.shell-game-button>svg{width:15px;color:#aaa9b8}
.shell-divider{height:25px;width:1px;background:#ffffff14;flex:none}
.game-shell .shell-profile{padding:2px 8px;gap:9px;min-width:0;justify-content:flex-start;text-align:left}
.shell-avatar{display:flex;width:32px;height:32px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#273b3b;border:1px solid #bee5d128;overflow:hidden;color:#edd2b2}
.shell-avatar img{width:37px;height:37px;object-fit:contain}.shell-avatar svg{stroke:none;width:24px;height:24px}
.shell-identity{display:grid;gap:4px;min-width:0}.shell-role{font-size:12px;font-weight:500}.shell-progress{font-size:10px;white-space:nowrap;color:var(--shell-muted);font-variant-numeric:tabular-nums}
.shell-profile-label{font-size:11px;color:#b6b1c3;margin-left:8px}
.shell-actions{margin-left:auto;display:flex;gap:3px;align-items:center}
.game-shell .shell-labeled-action{padding:0 12px;color:#d0cddd;font-size:12px}.shell-labeled-action svg{width:17px;height:17px;color:#a5adbb}
.game-shell .shell-icon-action{width:40px;padding:0;color:#b3b6c4}.game-shell .shell-pause{background:#c5eadb12;color:#c5eadb;margin-left:4px}
.shell-switch-dialog{position:fixed;inset:0;margin:auto;width:min(450px,calc(100% - 30px));max-width:none;max-height:calc(100dvh - 40px);padding:22px;border:1px solid #bfcad42b;border-radius:22px;background:#1c2030;color:var(--shell-ink);box-shadow:0 30px 100px #02041299;overflow:auto;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.shell-switch-dialog::backdrop{background:#070b197a;backdrop-filter:blur(5px)}
.shell-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.shell-picker-heading h2{font-size:18px;font-weight:600;margin:0;letter-spacing:.5px}.shell-switch-dialog .shell-close{width:34px;min-height:34px;color:#a9acbf}
.shell-game-list{display:grid;gap:10px}.shell-game-card{display:flex;align-items:center;gap:13px;padding:15px 13px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff03;text-decoration:none;color:inherit;transition:border-color .16s,background .16s}.shell-game-card:hover{background:#ffffff08;border-color:#c7c6d150}.shell-game-card.is-current{background:#a8dbc709;border-color:#a8dbc73d}
.shell-card-art{position:relative;width:65px;height:64px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:12px;background:radial-gradient(ellipse,#b3e9d319,#9ed3bd00 70%)}.shell-card-art img{width:72px;height:72px;object-fit:contain}
.shell-survivor-card .shell-card-art{background:radial-gradient(ellipse,#cfb1ef20,#cfb1ef00 70%)}.shell-survivor-card .shell-card-art svg:first-child{position:absolute;top:0;right:0;width:20px;height:20px;color:#9888b3}.shell-survivor-card .shell-card-art svg:last-child{width:42px;height:42px;stroke:none;color:#f0d4b0;transform:rotate(-9deg)}
.shell-card-copy{display:grid;gap:7px;min-width:0}.shell-card-copy strong{font-size:15px;font-weight:600;white-space:nowrap}.shell-card-copy small{font-size:11px;color:#b0abba;white-space:nowrap}.shell-card-status{margin-left:auto;color:#aed9c8;font-size:10px;white-space:nowrap}.shell-card-status svg{width:17px;height:17px}
.shell-switch-note{margin:16px 0 0;color:#9295a7;font-size:11px;text-align:center;line-height:1.7}
/* Keep the requested company identity at the page's bottom without a landing page. */
body>.corporate-footer{position:fixed;inset:auto 0 0;z-index:45;width:100%;max-width:none;height:var(--shell-bottom);margin:0;padding:4px 22px;display:flex;justify-content:center;gap:20px;border-top:1px solid #c4c4d30e;background:#141827;color:#86899b;font-size:9px;line-height:1.5}
body>.corporate-footer .corporate-logo{width:64px;min-height:24px;flex:none}.corporate-footer .corporate-logo img{width:64px;height:24px;object-fit:contain;opacity:.7}
body>.corporate-footer .corporate-legal{display:flex;align-items:center;gap:18px;min-width:0}body>.corporate-footer .corporate-legal p:first-child{color:#a6a6b4;letter-spacing:0}body>.corporate-footer .corporate-legal p+p{margin:0}body>.corporate-footer .corporate-legal span{font-size:9px;letter-spacing:.1px}body>.corporate-footer .corporate-link{font-size:9px;margin:0;grid-column:auto;color:#a6a6b4}
@media(max-width:850px){.game-shell{gap:10px}.shell-profile-label{display:none}.game-shell .shell-labeled-action{padding:0 9px}body>.corporate-footer{gap:13px;padding-inline:12px}body>.corporate-footer .corporate-legal{gap:10px}body>.corporate-footer .corporate-link{display:none}}
@media(max-width:640px){:root{--shell-top:calc(max(10px,env(safe-area-inset-top,0px)) + 66px);--shell-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.game-shell{top:max(10px,env(safe-area-inset-top));width:calc(100% - 20px);height:54px;padding:5px 5px 5px 8px;gap:4px;border-radius:14px}.game-shell .shell-game-button{gap:4px;padding:0 3px 0 0}.shell-brand-mark{width:23px}.shell-brand-mark svg{width:22px;height:24px}.shell-game-name{font-size:12px;letter-spacing:0}.shell-game-button>svg{width:12px}.shell-divider{display:none}.game-shell .shell-profile{padding:0;justify-content:center;width:36px;min-width:36px}.shell-avatar{width:28px;height:28px}.shell-avatar img{width:33px;height:33px}.shell-identity,.shell-profile-label{display:none}.shell-actions{gap:1px}.game-shell .shell-labeled-action{padding:0;width:36px;font-size:11px}.shell-labeled-action svg{display:none}.game-shell .shell-icon-action{width:34px;min-height:40px}.game-shell .shell-pause{margin-left:1px}.shell-icon-action svg{width:17px;height:17px}body>.corporate-footer{height:var(--shell-bottom);gap:9px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));text-align:left}body>.corporate-footer .corporate-logo{width:49px;min-height:22px}.corporate-footer .corporate-logo img{width:49px;height:22px}body>.corporate-footer .corporate-legal{display:block;font-size:9px;line-height:1.8}body>.corporate-footer .corporate-legal span{font-size:8.6px}.shell-switch-dialog{padding:18px}.shell-card-art{width:51px}.shell-card-art img{width:63px;height:63px}.shell-card-copy strong{font-size:14px}.shell-game-card{gap:10px;padding:14px 10px}}
@media(max-width:360px){.shell-brand-mark{display:none}.game-shell .shell-game-button{gap:2px}.shell-game-name{font-size:11px}.game-shell .shell-profile{width:32px;min-width:32px}.game-shell .shell-labeled-action{width:33px}.game-shell .shell-icon-action{width:31px}}
@media(prefers-reduced-motion:reduce){.game-shell button,.shell-switch-dialog button,.shell-game-card{transition:none}.shell-switch-dialog::backdrop{backdrop-filter:none}}