.sector-shell .wp-footer{max-width:none;margin:0}
.sector-shell .wp-save-note{color:#728784}
.sector-shell .wp-heading{padding:25px 0 21px}
body.game-focused .wp-topbar,body.game-focused .wp-heading,body.game-focused .wp-footer,body.game-focused .wp-save-note{display:none}
@media(max-width:699px){.sector-shell .wp-heading{padding:8px 0}
}


/* Model assembles beneath the puzzle, in the same scrolling coordinate space. */
.sector-shell .wp-topbar{margin-bottom:20px;gap:14px}

.header-game-title{margin:0 auto 0 0;font-size:20px;line-height:1.2;letter-spacing:-.7px;white-space:nowrap;color:#183b43}

@media(max-width:720px){.sector-shell .wp-topbar{height:auto;min-height:78px;flex-wrap:wrap;gap:2px 8px;padding:6px 0;margin-bottom:12px}
.header-game-title{order:3;width:100%;font-size:17px;padding-bottom:3px}
.wp-tools{margin-left:auto}
}


.sector-shell .wp-topbar{position:relative}

.header-game-title{position:absolute;left:50%;transform:translateX(-50%);margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px;font-weight:850;letter-spacing:-1.1px}

.header-game-title b{color:#675be7;font-weight:850}

.title-tiles{position:relative;display:block;width:13px;height:13px;border-radius:4px;background:#28b65e;box-shadow:0 3px 0 #379786;transform:rotate(-10deg);margin-right:3px}

.title-tiles::after{content:'';position:absolute;width:10px;height:10px;left:7px;top:-6px;border-radius:3px;background:#f5bc24;box-shadow:0 2px 0 #c18f30;transform:rotate(22deg)}

@media(max-width:720px){.header-game-title{position:static;transform:none;left:auto;width:100%;padding:7px 0 5px;font-size:22px}
.sector-shell .wp-topbar{min-height:90px}
}

@media(max-width:1024px), (orientation:landscape) and (max-height:550px){
 .sector-shell .wp-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:0;flex-shrink:0;gap:0 4px;padding:2px 0;margin-bottom:6px}

 .sector-shell .wp-topbar .wp-brand{font-size:14px;letter-spacing:-.5px;min-width:0}

 .sector-shell .wp-brand .brand-icon{width:25px;height:25px;flex-shrink:0;margin-right:5px}

 .sector-shell .wp-tools{grid-column:2;grid-row:1;margin:0;gap:2px}

 .sector-shell .header-game-title{position:static;transform:none;grid-column:1/-1;grid-row:2;width:auto;margin:0;padding:4px 0 7px;font-size:20px}

 .sector-shell .wp-save-note{margin:4px 0;font-size:8px;flex-shrink:0}

 .sector-shell .wp-footer{flex-shrink:0;min-height:26px;padding:0;font-size:9px}

 .sector-shell .wp-footer button{min-height:26px;padding:4px 0}
}

@media(orientation:landscape) and (max-height:550px){
 .sector-shell .wp-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-bottom:4px}

 .sector-shell .header-game-title{grid-column:2;grid-row:1;padding:0;font-size:19px}

 .sector-shell .wp-tools{grid-column:3;justify-self:end}

 .sector-shell .wp-save-note{display:none}
}

body.game-focused .sector-shell .wp-topbar{display:none}

.sector-shell .wp-topbar,.sector-shell .wp-footer{border-color:#455362}

.sector-shell .wp-topbar .wp-brand,.sector-shell .header-game-title{color:#e6edf1}

.sector-shell .header-game-title b{color:#b5a8ff}

.sector-shell .wp-brand .brand-icon{background:#436f70;color:#fff}

.sector-shell .wp-language,.sector-shell .wp-language button{color:#c7d1da}

.sector-shell .wp-language button[aria-pressed=true]{color:#fff}

.sector-shell .wp-topbar .wp-icon,#fullscreen-exit{background:#414f5c;color:#dfeded;border-color:#586977}

.sector-shell .wp-footer,.sector-shell .wp-footer button,.sector-shell .wp-save-note,#save-status{color:#b0bec8}


/* Separate language selection from audio without changing either action. */
.sector-shell .wp-tools .wp-language{margin-right:16px}