.br-login{--br-login-ink:#513012;--br-login-muted:#70502b;--br-login-paper:#fff0d2;position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:480px;margin:0 auto;padding:0 12px 22px;text-align:center;color:var(--br-login-ink);font:16px/1.4 Arial,sans-serif}
.br-login *{box-sizing:border-box}.br-login__logo{display:block;width:300px;max-width:100%;height:auto;margin:-5px auto -26px;position:relative;z-index:1}.br-login__form{position:relative;z-index:3;width:320px;max-width:100%;margin:0 auto}.br-login .br-login__input{display:block;width:calc(100% - 24px);max-width:none;height:48px;margin:0 auto 8px;padding:10px 14px;border:1px solid #9c713a;border-radius:10px;background:var(--br-login-paper);color:var(--br-login-ink);box-shadow:inset 0 1px 4px #4f2b1320;font:17px Arial,sans-serif;text-align:center;outline:none}.br-login__input::placeholder{color:var(--br-login-muted);opacity:1}
.br-login .br-login__button{display:flex;align-items:center;justify-content:center;width:100%;height:70px;min-height:48px;margin:1px auto;padding:0 40px;border:0;border-radius:0;background:transparent url('/images/brand/buttons/summer.webp?v=11120') center/100% 100% no-repeat;box-shadow:none;appearance:none;-webkit-appearance:none;cursor:pointer;color:#ffdf8e;font:bold 22px/1.15 Georgia,'Times New Roman',serif;letter-spacing:.3px;text-shadow:0 2px 2px #160d07,0 -1px #261706;touch-action:manipulation}.br-login[data-season=autumn] .br-login__button{background-image:url('/images/brand/buttons/autumn.webp?v=11120')}.br-login[data-season=winter] .br-login__button{background-image:url('/images/brand/buttons/winter.webp?v=11120')}.br-login[data-season=spring] .br-login__button{background-image:url('/images/brand/buttons/spring.webp?v=11120')}.br-login__button span{pointer-events:none}.br-login__button:active{transform:translateY(1px)}
.br-login .br-login__link{position:relative;z-index:3;display:inline-block;margin:2px auto 0;padding:9px 14px;min-height:44px;border:0;background:transparent;color:var(--br-login-ink);font:15px Arial,sans-serif;text-decoration:underline;cursor:pointer}.br-login__download{position:relative;z-index:3;max-width:280px;margin:15px auto 0}.br-login__apk{display:inline-block;border:1px solid #9a753f;border-radius:9px;background:var(--br-login-paper);color:var(--br-login-ink);padding:10px 15px;min-height:42px;font-size:14px;text-decoration:none}.br-login__download p{font-size:12px;line-height:1.4;color:var(--br-login-muted);margin:9px auto 0;max-width:260px}.br-login .br-login__input:focus-visible,.br-login__button:focus-visible,.br-login__link:focus-visible,.br-login__apk:focus-visible{outline:2px solid #367892;outline-offset:2px}.br-login__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.br-login.br-login--dark{--br-login-ink:#f2dfba;--br-login-muted:#c4bda9;--br-login-paper:#303e4d}
.br-login__leaves{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none;user-select:none;contain:strict}.br-login__leaf{position:absolute;top:-30px;left:var(--leaf-left);display:block;width:var(--leaf-size);height:var(--leaf-size);opacity:0;background:url('/images/brand/buttons/leaf.webp?v=11120') center/contain no-repeat;animation:br-login-leaf-fall var(--leaf-time) linear var(--leaf-delay) infinite;animation-play-state:paused}.br-login[data-leaves-running="1"] .br-login__leaf{animation-play-state:running}
@keyframes br-login-leaf-fall{0%{opacity:0;transform:translate3d(-12px,-10px,0) rotate(-30deg)}8%{opacity:.94}48%{transform:translate3d(16px,calc(var(--br-leaf-distance, 800px)*.48),0) rotate(90deg)}88%{opacity:.88}100%{opacity:0;transform:translate3d(-8px,var(--br-leaf-distance, 800px),0) rotate(230deg)}}
@media(prefers-reduced-motion:reduce){.br-login__leaves{display:none}.br-login__leaf{animation:none}.br-login__button:active{transform:none}}
@media(max-width:350px){.br-login{padding-left:8px;padding-right:8px}.br-login__logo{width:270px;margin-bottom:-22px}.br-login .br-login__button{font-size:21px;height:66px}}

/* Public character choice shares the seasonal login artwork and motion lifecycle. */
.br-login--guest .br-login__logo{width:210px;margin:0 auto -15px}.br-login--guest h1{position:relative;z-index:3;margin:0 0 12px;font:700 23px/1.25 Georgia,'Times New Roman',serif;color:var(--br-login-ink)}.br-guest__choices{position:relative;z-index:3;max-width:320px;margin:0 auto}.br-login--guest .br-login__button{height:64px;margin:3px auto;font-size:21px}.br-guest__choice span{display:flex;align-items:center;justify-content:center;gap:8px}.br-guest__choice img{display:block;flex:0 0 21px;width:21px;height:24px;object-fit:contain}.br-login--guest .br-guest__back{margin-top:12px;font-size:19px}
@media(max-width:350px){.br-login--guest .br-login__logo{width:185px}.br-login--guest h1{font-size:22px}.br-login--guest .br-login__button{height:62px;font-size:20px}}

/* Three distinct autumn leaves share the existing lightweight login animation. */
.br-login__leaf:nth-child(3n+1) { background-image: url('/images/weather/maple.webp?v=11126'); }
.br-login__leaf:nth-child(3n+2) { background-image: url('/images/weather/oak.webp?v=11126'); }
.br-login__leaf:nth-child(3n+3) { background-image: url('/images/weather/birch.webp?v=11126'); }

/* Visible game introduction for visitors and search engines. */
.br-login__about{position:relative;z-index:3;margin:22px auto 0;padding:18px 16px;max-width:410px;text-align:left;border:1px solid #9c713a80;border-radius:14px;background:var(--br-login-paper);box-shadow:0 3px 10px #4f2b1310}
.br-login__about h1{margin:0 0 10px;color:var(--br-login-ink);font:700 21px/1.3 Georgia,'Times New Roman',serif;overflow-wrap:break-word}
.br-login__about h2{margin:17px 0 7px;color:var(--br-login-ink);font:700 18px/1.3 Georgia,'Times New Roman',serif}
.br-login__about p{margin:0;color:var(--br-login-muted);font:14px/1.6 Arial,sans-serif}