header .brand{flex:0 0 auto}header .brand h1.brand-wordmark{width:250px;height:60px;margin:0;line-height:0;transform:none;text-shadow:none}.brand-wordmark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand-wordmark a{position:relative;display:block;width:100%;height:100%;border-radius:8px}.brand-wordmark a:focus-visible{outline:2px solid #f4d293;outline-offset:5px}.brand-wordmark a:hover img{filter:brightness(1.08)}.brand-glints{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand-glints i{position:absolute;width:5.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffef5 0 9%,#ffe39d 18%,#ffc75b8c 38%,transparent 72%);filter:drop-shadow(0 0 4px #ffd36b);opacity:0;animation:gold-glint 7.5s ease-in-out infinite}.brand-glints i:before,.brand-glints i:after{content:"";position:absolute;top:45%;right:-12%;bottom:45%;left:-12%;background:linear-gradient(90deg,transparent,#fff9df 35%,#fff 50%,#fff9df 65%,transparent)}.brand-glints i:after{transform:rotate(90deg)}.brand-glints i:nth-child(1){left:30%;top:27%}.brand-glints i:nth-child(2){left:46%;top:49%;animation-delay:-1.5s}.brand-glints i:nth-child(3){left:61%;top:29%;animation-delay:-3s}.brand-glints i:nth-child(4){left:76%;top:38%;animation-delay:-4.5s}.brand-glints i:nth-child(5){left:88%;top:56%;animation-delay:-6s}@keyframes gold-glint{0%,77%,to{opacity:0;transform:scale(.35) rotate(-15deg)}84%,89%{opacity:1;transform:scale(1.25) rotate(12deg)}96%{opacity:0;transform:scale(.65) rotate(28deg)}}.reduced .brand-glints,.low-effects .brand-glints{display:none}@media(prefers-reduced-motion:reduce){.brand-glints{display:none}}.home header .brand h1.brand-wordmark{width:320px;height:76px}.nav-compact-icon{display:none}@media(min-width:761px)and (max-height:730px){body:not(.home) header .brand h1.brand-wordmark{width:205px;height:49px}}@media(max-width:760px){body:not(.home) header{gap:8px}body:not(.home) header nav{gap:3px}body:not(.home) header nav button,body:not(.home) header nav #tutorial,body:not(.home) header nav #settings{width:32px;min-width:32px;padding:6px}body:not(.home) header .nav-label{display:none}body:not(.home) header .nav-compact-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}header .brand h1.brand-wordmark{width:145px;height:35px}.home header .brand h1.brand-wordmark{width:min(320px,calc(100vw - 40px));height:auto;aspect-ratio:80 / 19}}@media(max-width:360px){body:not(.home) header{gap:4px}body:not(.home) header nav button,body:not(.home) header nav #tutorial,body:not(.home) header nav #settings{width:30px;min-width:30px;padding:5px}body:not(.home) header .brand h1.brand-wordmark{width:125px;height:30px}}