body>header{height:auto;min-height:96px;gap:18px;padding:16px 4%;flex-wrap:wrap}body>header .brand{gap:10px;font-size:28px;letter-spacing:-.8px;white-space:nowrap}.brand-logo{display:block;width:54px;height:54px;flex-shrink:0}.brand-wordmark{display:flex;flex-direction:column;line-height:1.05}.brand-wordmark>b{font-weight:500;color:#173b59}.brand-wordmark>b>span{color:#058e88}.brand-tagline{font-family:'DM Sans',sans-serif;font-size:8px!important;letter-spacing:1.25px;font-weight:700;margin-top:7px;color:#486779!important}.header-tools{gap:9px}.language-control{display:flex;align-items:center;gap:6px;padding:9px 11px;background:#e9f6fa;border:1px solid #bedee9;border-radius:14px;color:#173b59}.language-control>span{font-size:18px}.language-control select{font-family:inherit;font-size:12px;font-weight:700;border:0;background:transparent;color:#173b59;max-width:100px;cursor:pointer;min-height:24px}.language-control:focus-within{outline:3px solid #ffbc32;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body>header nav{margin-left:auto}body>header nav button{padding:11px 13px;white-space:nowrap}.wallet{padding:10px 12px}.wallet>span:last-child{color:#486779!important}.ranking-name strong [data-player-name]{display:inline}
@media(max-width:1250px){body>header nav{order:3;width:100%;justify-content:center;margin:0}body>header .header-tools{margin-left:auto}}
@media(max-width:600px){body>header{padding:12px 5%;gap:12px}.brand-logo{width:46px;height:46px}body>header .brand{font-size:26px}.brand-tagline{font-size:7px!important;letter-spacing:.8px}.header-tools{flex-wrap:wrap;justify-content:flex-end}body>header .header-tools{margin:0;flex:1}.audio-toggle{padding:8px 10px}.audio-label{display:none}.language-control{padding:6px 8px}.language-control select{font-size:11px;max-width:87px}.wallet{padding:7px 10px;font-size:12px}.wallet>span:last-child{display:none}body>header nav{gap:3px;justify-content:space-between}body>header nav button{font-size:12px;padding:10px 9px;flex:1}.brand-wordmark{max-width:165px}.section-title{gap:10px;align-items:flex-start}.section-title h2{max-width:70%}.section-title>span{text-align:right}.care-staff-name,.care-benefits{overflow-wrap:anywhere}}
@media(max-width:370px){body>header .brand{font-size:23px}.brand-logo{width:40px;height:40px}.brand-tagline{display:none}body>header nav button{padding:10px 5px}.language-control>span{display:none}.wallet{padding:6px}.header-tools{gap:5px}}
/* Keep the new wordmark visible; the old header hid its final span on tablets. */
body>header .brand-wordmark{display:flex!important}
@media(max-width:600px){body>header .brand-wordmark{font-size:24px;max-width:110px}body>header .brand-tagline{display:none}body>header .audio-toggle{display:none}body>header .header-tools{flex:0 1 auto;margin-left:auto;flex-wrap:nowrap}body>header .language-control>span[aria-hidden]{display:none}body>header .language-control select{max-width:76px}}
@media(max-width:600px){body>header nav button{min-width:0;flex:1 1 0;white-space:normal;overflow-wrap:break-word;font-size:11px;line-height:1.3;padding:10px 5px;min-height:42px}}