/* Compact homepage feature using original game assets. */
.rb-banner{position:relative;isolation:isolate;overflow:hidden;height:168px;box-sizing:border-box;margin:0 0 25px;border:1px solid #d38d493b;border-radius:16px;background:#171611;color:#f4e7d4}
.rb-banner-world{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#181713 22%,#18171366 62%,#18171355),url('/banner-assets/village-1600.webp') center 45%/cover;opacity:.65}
.rb-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 60%,#11172233);z-index:-1}
.rb-banner-copy{position:relative;z-index:2;padding:18px 30px;max-width:60%}.rb-banner-eyebrow{margin:0 0 8px;font:750 9px/1.4 system-ui;letter-spacing:2px;color:#dda56e}.rb-banner-eyebrow>span{margin-left:14px;font-size:8px;letter-spacing:1px;color:#a1988b}.rb-banner h2{margin:0 0 7px;font:400 38px/1 Georgia,serif;letter-spacing:5px;color:#f4dfbf}.rb-banner-description{margin:0;font:12px/1.6 system-ui;color:#c3b9aa}.rb-banner-description br{display:none}.rb-banner-description br:after{content:' '}.rb-banner-cta{display:inline-flex;align-items:center;gap:24px;margin-top:12px;font:650 11px/1.3 system-ui;color:#efb47c;text-decoration:none;border-bottom:1px solid #c88a4755;padding:0 0 4px}.rb-banner-cta:hover{color:#ffdbb9;border-color:#efb47c}.rb-banner-cast{position:absolute;inset:0 11% 0 auto;width:230px;pointer-events:none}.rb-banner-sera{position:absolute;top:3px;left:20px;width:152px;height:304px;background:url('/banner-assets/sera-1280.webp') 0 0/400% 100% no-repeat;filter:brightness(.86);transform:rotate(-3deg)}.rb-banner-glow{position:absolute;top:70px;left:65px;width:170px;height:150px;background:radial-gradient(ellipse,#e99d482e,transparent 70%);animation:rb-lantern 5s ease-in-out infinite}.rb-banner-story{position:absolute;right:24px;bottom:20px;font:600 10px/1.4 system-ui;color:#e6c2a0;text-decoration:none;border-bottom:1px solid #e6c2a044;padding-bottom:4px;z-index:3}.rb-banner:focus-within{border-color:#dba46d}.rb-banner a:focus-visible{outline:2px solid #efb47c;outline-offset:5px}.rb-banner+.lobby-intro{padding-top:0}
@keyframes rb-lantern{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.rb-banner-glow{animation:none}}
@media(max-width:700px){.rb-banner{height:174px;margin:0 0 22px;border-radius:13px}.rb-banner-copy{padding:15px 18px;max-width:76%}.rb-banner-eyebrow{font-size:8px;letter-spacing:1.4px}.rb-banner-eyebrow>span{display:block;margin:4px 0 0;font-size:7px}.rb-banner h2{font-size:28px;letter-spacing:3px;margin-bottom:9px}.rb-banner-description{font-size:10px;line-height:1.6;max-width:190px}.rb-banner-description br{display:block}.rb-banner-cta{font-size:10px;margin-top:11px;gap:12px}.rb-banner-cast{right:-33px;width:160px;opacity:.7}.rb-banner-sera{top:8px;left:15px;width:120px;height:240px}.rb-banner-glow{left:20px;top:90px;width:130px}.rb-banner-world{background-position:65% 45%;opacity:.45}.rb-banner-story{right:13px;bottom:12px;font-size:8px}.rb-banner:after{background:linear-gradient(90deg,#17161122,transparent)}}

@media(max-width:700px){.rb-banner-world{background-image:linear-gradient(90deg,#181713 22%,#18171366 62%,#18171355),url("/banner-assets/village-800.webp")}.rb-banner-sera{background-image:url("/banner-assets/sera-960.webp")}}