.realm-indicator{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0;background:transparent;color:#c9bedc;font:500 12px/18px Onest,Arial,sans-serif;white-space:nowrap}
.realm-indicator>i{position:relative;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#a398b0;box-shadow:0 0 8px #a398b066}
.realm-indicator>i:after{content:"";position:absolute;inset:-1px;border:1px solid currentColor;border-radius:50%;animation:realm-wave 2.8s ease-out infinite}
.realm-indicator.is-online>i{color:#20ec75;background:#20ec75;box-shadow:0 0 8px #20ec7588}
.realm-indicator.is-offline>i{color:#ff536b;background:#ff536b;box-shadow:0 0 8px #ff536b88}
.realm-indicator.is-online{color:#e7ffe8}.realm-indicator.is-offline{color:#f3bac5}.realm-indicator.is-degraded{color:#ffe9a8}
a.realm-indicator{text-decoration:none}
.realm-indicator.is-degraded>i{color:#f9c10b;background:#f9c10b;box-shadow:0 0 8px #f9c10b88}
@keyframes realm-wave{0%{transform:scale(1);opacity:.8}75%,100%{transform:scale(3.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.realm-indicator>i:after{animation:none}}
.woe-schedule{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:16px 20px;border-radius:10px;background:#f0e9f4;color:#35284f;font:600 14px Onest,Arial,sans-serif}
.woe-schedule>strong{display:inline-flex;align-items:center;gap:8px;margin-right:auto;font-size:14px}.woe-schedule>strong i{color:#8565ac;font-size:19px}
.woe-schedule>span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:6px;background:#fff}.woe-schedule b{color:#362350}.woe-schedule small{color:#9787a6;font-size:13px}
.castle-page-intro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#211640,#2b1c4e);color:#fff}
.castle-page-intro:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 45%,#8a69b436,transparent 34%)}
.castle-page-intro p{color:#c9bfd8}.ranking-intro.castle-page-intro>img.castle-intro-image{position:absolute;inset:0 0 0 auto;width:40%;height:100%;max-height:none;margin:0;object-fit:cover;object-position:center;opacity:.9;filter:blur(1px) saturate(.9);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 29%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 55%,#000 100%,transparent 100%)}
.page-server .page-banner{background-image:linear-gradient(100deg,#110a27ed,#191138c7),url('/assets/img/features/prt-fild08-day.webp')!important;background-position:center 52%!important}
.page-rankings .page-banner{background-image:linear-gradient(100deg,#110a27ed,#191138c4),url('/assets/img/features/izlude-day.webp')!important;background-position:center 46%!important}
.page-server .realm-overview{background:linear-gradient(115deg,#211642f5,#31235ce0 65%,#4b3675d9),url('/assets/img/features/prt-fild08-day.webp') center/cover}
.page-rankings .ranking-intro{background:linear-gradient(115deg,#211642f5,#31235ce0 65%,#4b3675d9),url('/assets/img/features/amatsu-day.webp') center/cover}
.page-castles .page-banner{position:relative;overflow:hidden;background:#110a27!important}
.page-castles .page-banner:before{content:"";position:absolute;inset:-16px;background:url('/assets/img/castles/prtg_cas01.webp') center 34%/cover;filter:blur(4px);opacity:.62;transform:scale(1.06)}
.page-castles-other .page-banner:before{background-image:url('/assets/img/castles/schg_cas05.webp')}
.page-castles .page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#110a27ed,#191138b8 65%,#2117469c);opacity:1}
.page-castles .page-banner .wrap{position:relative;z-index:2}
.page-404 .page-banner,.page-403 .page-banner{background-image:linear-gradient(100deg,#110a27ee,#191138c9),url('/assets/img/ui/background.aa40db49.webp')!important}
.woe-castle-grid{gap:18px}
.woe-castle-grid>.woe-castle{display:grid;grid-template-columns:50% 50%;gap:0;min-height:220px;overflow:hidden;padding:0;border-radius:11px;background:#fff;box-shadow:0 4px 12px #4d2d1f12}
.woe-castle .castle-mark{position:relative;display:block;width:100%;height:100%;min-height:220px;overflow:hidden;border-radius:0;background:#21153f}
.woe-castle .castle-mark>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.castle-gallery>img{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .32s ease,transform .48s ease}
.castle-gallery>img.is-active{opacity:1;transform:scale(1)}
.castle-gallery button{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:38px;height:46px;padding:0;border:0;border-radius:0;background:#160e2ecc;color:#fff;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,transform .2s ease}
.castle-gallery button:hover{background:#f9c10b;color:#160e2e;transform:translateY(-50%) scale(1.06)}
.castle-gallery-prev{left:0}.castle-gallery-next{right:0}.castle-gallery button i{font-size:24px}
.castle-gallery>em{position:absolute;z-index:3;left:50%;bottom:11px;padding:4px 8px;background:#160e2ed9;color:#fff;font:500 12px Onest,Arial,sans-serif;font-style:normal;letter-spacing:1.2px;transform:translateX(-50%)}
.woe-castle .castle-mark:after{background:linear-gradient(90deg,#140c2466,transparent 65%),linear-gradient(0deg,#140c2444,transparent 35%)}
.woe-castle .castle-mark>span{z-index:2;top:13px;right:13px;padding:5px 7px;border-radius:5px;background:#201536d9;font:800 13px Onest,Arial,sans-serif}
.woe-castle .castle-information{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:20px 18px;gap:13px}
.woe-castle .castle-information>div>small{color:#ab776d;font:800 13px Onest,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.woe-castle .castle-information h3{margin:5px 0 6px;font-size:19px}
.woe-castle .castle-map{font:500 13px Onest,Arial,sans-serif;color:#978b87}
.woe-castle .castle-owner{display:flex;align-items:center;gap:9px;min-width:0;padding:0;background:none}
.woe-castle .castle-owner .guild-emblem{flex-basis:32px;width:32px;height:24px}
.woe-castle .castle-owner>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.woe-castle .castle-owner small{color:#9c8c86;font:800 13px Onest,Arial,sans-serif;letter-spacing:.7px}
.woe-castle .castle-owner strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.woe-castle .castle-owner>b{margin-left:auto;color:#765ba4;font-size:13px;white-space:nowrap}
.castle-timing{display:flex;align-items:center;gap:7px;min-height:30px;padding:7px 9px;border-radius:6px;background:#f2eef7;color:#745f90;font:800 13px Onest,Arial,sans-serif;font-variant-numeric:tabular-nums}
.castle-timing i{font-size:14px}.castle-timing.active{background:#e7f6ed;color:#278452}.castle-timing.active.countdown-orange{background:#fff0dc;color:#b56414}.castle-timing.active.countdown-red{background:#ffeaeb;color:#bd3f52}
.woe-countdown{font-variant-numeric:tabular-nums;white-space:nowrap}
.castle-timing .woe-countdown{min-width:0;white-space:normal;line-height:1.35;overflow-wrap:anywhere}
.castle-timing .woe-countdown.countdown-green{color:#176b43}.castle-timing .woe-countdown.countdown-orange{color:#96520d}.castle-timing .woe-countdown.countdown-red{color:#ad2942}
.woe-status .woe-countdown{margin-left:auto;padding:10px 12px;border-radius:6px;background:#160e2e;color:#ffe085;font-size:14px;font-weight:800;letter-spacing:.15px}
.woe-status .woe-countdown.countdown-green{background:#173c31;color:#aff7cd}.woe-status .woe-countdown.countdown-orange{background:#4a2c1c;color:#ffd0a0}.woe-status .woe-countdown.countdown-red{background:#4b1f35;color:#ffb3c0}
@media(max-width:1500px){.realm-indicator [data-realm-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(max-width:1200px){.realm-indicator span{font-size:14px}}
@media(max-width:1050px){.realm-indicator{order:3}.woe-castle-grid>.woe-castle{min-height:200px}.woe-castle .castle-mark{min-height:200px}}
@media(max-width:800px){.realm-indicator{order:2}.woe-schedule>strong{flex:0 0 100%}.woe-castle-grid{grid-template-columns:1fr}.woe-castle-grid>.woe-castle{min-height:205px}}
@media(max-width:560px){.realm-indicator span{font-size:13px}.ranking-intro.castle-page-intro>img.castle-intro-image{width:54%;opacity:.28}.woe-castle-grid>.woe-castle{grid-template-columns:46% 54%;min-height:215px}.woe-castle .castle-mark{min-height:215px}.woe-castle .castle-information{padding:14px 12px}.woe-castle .castle-information h3{font-size:16px}.woe-castle .castle-map{font-size:13px}.woe-status .woe-countdown{margin-left:0}.woe-schedule{padding:13px}.woe-schedule>span{font-size:13px}}
.castle-era-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:6px;border-radius:10px;background:#211839}
.castle-era-nav a{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border-radius:7px;color:#c9bddb;font:800 14px Onest,Arial,sans-serif;text-decoration:none;transition:background .2s,color .2s}
.castle-era-nav a:hover,.castle-era-nav a.active{background:#ffcb2c;color:#211536}
.castle-era-nav i{font-size:18px}.castle-era-nav span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:50%;background:#ffffff25;font-size:13px}
.castle-era-nav a.active span,.castle-era-nav a:hover span{background:#2115361e}
.castle-group{scroll-margin-top:112px;margin:26px 0 40px}.castle-group-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px;padding:0 2px 16px;border-bottom:1px solid #e9dfed}
.castle-group[hidden]{display:none!important}
.castle-group-heading h2{margin:5px 0 4px;color:#24183d;font-size:27px}.castle-group-heading p{margin:0;color:#8c8292;font-size:14px}.castle-group-heading>strong{flex:none;color:#8b69ab;font:800 14px Onest,Arial,sans-serif}
@media(max-width:560px){.castle-era-nav{gap:3px}.castle-era-nav a{flex:1 1 auto;justify-content:center;padding:9px 8px;font-size:13px}.castle-era-nav i{font-size:15px}.castle-group-heading h2{font-size:21px}.castle-group-heading p{font-size:13px}.castle-group-heading>strong{font-size:13px}}
.reference-header .main-nav .mobile-signin{display:none}
@media(max-width:560px){.reference-header .header-inner{gap:5px}.reference-header .install-button .play-long{display:none}}
@media(max-width:360px){.reference-header .header-account .header-signin{display:none}.reference-header .main-nav.open .mobile-signin{display:flex!important}}