/* Shared with the primary 3D.MDH landing: four material-colour stripes. */
:root{--signal-blue:#26a9e0;--signal-green:#52bd8b;--signal-yellow:#f6d44b;--signal-coral:#f16d4e;--signal-stripes:linear-gradient(90deg,var(--signal-blue) 0 25%,var(--signal-green) 25% 50%,var(--signal-yellow) 50% 75%,var(--signal-coral) 75% 100%)}
.brand{flex-shrink:0;letter-spacing:normal}
.brand .brand-logo{display:block;width:176px;height:auto;max-width:100%}
.header{border-bottom:1px solid var(--line)}
.header-cta,.button.primary{background-image:var(--signal-stripes);background-size:100% 3px;background-position:bottom;background-repeat:no-repeat}
.header nav a:hover{color:#1676a0}
.print-heading{border-top:1px solid var(--line);padding-top:24px;position:relative}
.print-heading:before{content:"";position:absolute;left:0;top:-2px;width:112px;height:3px;background:var(--signal-stripes)}
.prizes .section-head h2>.pixel-detail{color:var(--signal-yellow)}
.app header{border-bottom:1px solid var(--line);padding-bottom:16px;gap:10px}
.app .brand .brand-logo{width:130px}
.app header>span{font-size:11px;line-height:1.3}
.app header .icon-button{flex-shrink:0}
.app .balance{background:#202536}
.app .balance:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--signal-stripes)}
.app .primary,#sheet .primary{background-color:#202536;background-image:var(--signal-stripes);background-position:bottom;background-size:100% 3px;background-repeat:no-repeat;color:#fff}
.app .chips button.selected{box-shadow:inset 0 -3px var(--signal-blue)}
.bottom-nav button{position:relative}
.bottom-nav button:nth-child(1){--tab-signal:var(--signal-blue)}
.bottom-nav button:nth-child(2){--tab-signal:var(--signal-green)}
.bottom-nav button:nth-child(3){--tab-signal:var(--signal-coral)}
.bottom-nav button[aria-current=page]{color:var(--ink)}
.bottom-nav button[aria-current=page]:before{content:"";position:absolute;top:-11px;left:25%;right:25%;height:3px;background:var(--tab-signal)}
.lesson-progress i.current{background:var(--signal-green)}
@media(max-width:600px){.brand .brand-logo{width:145px}.app .brand .brand-logo{width:112px}.app header{gap:8px}.app header .icon-button{width:36px;height:40px}.app header>span{max-width:58px}}
@media(max-width:359px){.brand .brand-logo{width:125px}.app .brand .brand-logo{width:100px}.app header>span{font-size:10px}.app header{gap:6px}}
.prize-chest{display:inline-block;width:32px;height:32px;vertical-align:-3px;margin-right:10px;image-rendering:pixelated}.bottom-nav [data-tab=prizes]>img{width:24px;height:24px;image-rendering:pixelated}
.product-art,.prize-art,.sheet-image,.guest-preview>button{background:#fff}.product-art img{filter:none}