/* Original Dump & Chase blue identity belongs to the shell.
   Each memory and its product dialog inherit their own chapter accent. */
:root{color-scheme:light;--brand-blue:#3476b5;--brand-ink:#061b3a;--brand-ice:#f4f7fa;--accent:var(--brand-blue);--paper:var(--brand-ink)}
body{background:var(--brand-ice);color:var(--brand-ink)}
.game{background:var(--brand-ice);border-color:#c6d5e5}
.game-header{background:#fff;border-bottom-color:var(--brand-blue);color:var(--brand-ink)}
.game-header .brand{width:160px}
.brand img{height:auto;filter:none;mix-blend-mode:multiply}
.game-header nav span,#sound{color:var(--brand-blue)}
.game-footer{background:#fff;border-top-color:#c6d5e5;color:#526679}
.game-footer button{color:#526679}
.title-screen{background:var(--brand-ice)}
.title-worlds button{background:#fff;border-color:#c6d5e5}
.title-worlds span{color:var(--brand-ink)}
.title-screen .pixel-button,.selection .pixel-button,.shop-screen .pixel-button{color:#fff;box-shadow:4px 4px 0 #163d66}
.title-screen .pixel-button.secondary{background:transparent;color:var(--brand-ink);border-color:#8ba7c4;box-shadow:none}
.return-note,.selection>p,.shop-screen>p{color:#526679}
.memory-card{background:var(--brand-ink);border-color:#8ba7c4;color:#f4f7fa}
.memory-card small{color:#d3e0ed}
.product-card{background:#fff;border-color:#c6d5e5;color:var(--brand-ink)}
.product-card small{color:#526679}
#screen[data-theme]{color-scheme:dark;background:#111210;color:var(--paper)}
#item-dialog{color-scheme:dark;color:var(--paper)}
#collection-dialog{background:#fff;color:var(--brand-ink);border-color:var(--brand-blue)}
#collection-dialog .dialog-head,#collection-dialog .collection-item{border-color:#c6d5e5}
#collection-dialog .collection-item p{color:#526679}
#collection-dialog .collection-item button{border-color:#8ba7c4}
.toast{background:var(--brand-ink);color:#fff}

.game-header .hat-trick-nav{font:9px/1.6 var(--type-arcade);display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:var(--brand-blue);text-decoration:none;white-space:nowrap}
.game-header nav{align-items:center;flex-wrap:wrap}
.game-header .hat-trick-nav:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:550px){.game-header{position:relative;gap:12px}.game-header .currency-control{position:absolute;right:12px;top:12px}.game-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;justify-content:start}.game-header .hat-trick-nav{font-size:8px}.game-header nav>*{justify-content:flex-start;text-align:left}}

/* Keep the larger brand clear of the mobile navigation and currency control. */
@media(max-width:850px){.game-header .brand{width:124px}}