.global-header{background:#fff;border-bottom:1px solid var(--border)}.global-brand-row{max-width:1320px;margin:auto;padding:21px 30px;display:flex;gap:24px;align-items:center}.global-brand-row .brand b{font-size:1.4rem;letter-spacing:.025em}.brand-ex{color:var(--blue);margin:0 .12em}.global-brand-row .brand small{font-size:.75rem;letter-spacing:.15em}.fan-label{color:var(--muted);font-size:.8125rem}.official-top{margin-left:auto;font-size:.875rem;white-space:nowrap}.global-nav{border-top:1px solid #eef1f7;background:#fff;overflow-x:auto;scrollbar-width:thin}.global-nav>div{max-width:1260px;margin:auto;display:flex;min-width:max-content}.global-nav a{display:flex;align-items:center;justify-content:center;padding:15px 22px;color:#515e77;font-size:.875rem;font-weight:700;position:relative;white-space:nowrap}.global-nav a:hover{background:#f6f8ff;text-decoration:none;color:var(--blue)}.global-nav a.active{color:var(--blue);background:#f7f9ff}.global-nav a.active:after{content:'';height:3px;position:absolute;bottom:0;left:20px;right:20px;background:var(--blue);border-radius:4px 4px 0 0}.section-nav{background:white;border-bottom:1px solid var(--border)}.section-nav-inner{max-width:1320px;margin:auto;display:flex;gap:32px;align-items:center;padding:0 30px;height:58px}.section-nav-inner>span{font-size:.875rem;font-weight:700}.section-nav-inner .view-tabs{height:100%;gap:28px}.section-nav-inner .quiet-button{margin-left:auto;font-size:.875rem}.global-footer{max-width:1260px;margin:50px auto 0;border-top:1px solid var(--border);padding:28px 0 35px;color:var(--muted);font-size:.875rem}.global-footer b{color:var(--ink);font-size:1rem}.global-footer p{margin:12px 0;max-width:850px}.global-footer>div{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.global-footer small{font-size:.75rem}.coming-page{max-width:1260px;margin:auto;padding:32px 30px}.breadcrumbs{font-size:.8125rem;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:23px}.coming-panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:50px;max-width:850px;margin:45px auto 70px}.coming-panel .release-label{display:inline-block;background:#edf1ff;color:var(--blue);padding:5px 12px;font-size:.875rem;border-radius:5px;font-weight:700}.coming-panel h1{font-size:1.9rem;margin:17px 0}.coming-panel p{font-size:1rem;line-height:1.9;color:var(--muted)}.coming-panel .link-buttons{margin-top:28px}.coming-panel .primary-link{color:#fff}.coming-page .global-footer{margin-top:15px}.section-nav-inner .view-tabs button{white-space:nowrap}.global-brand-row .brand-mark{width:44px;height:44px}.page-shell{min-height:calc(100vh - 204px)}
@media(max-width:900px){.global-brand-row{padding:18px 24px}.global-nav a{padding:14px 18px}.fan-label{display:none}.section-nav-inner{padding:0 24px;gap:24px}.global-footer{margin:38px 24px 0}.coming-page{padding:24px}.coming-page .global-footer{margin:30px 0 0}}
@media(max-width:590px){.global-brand-row{padding:17px 16px;gap:10px}.global-brand-row .brand{gap:10px}.global-brand-row .brand b{font-size:1.15rem}.global-brand-row .brand small{font-size:.75rem;letter-spacing:.08em}.global-brand-row .brand-mark{height:39px;width:39px;font-size:28px}.official-top{font-size:.8125rem;max-width:82px;line-height:1.6;text-align:right;white-space:normal}.global-nav a{padding:12px 15px;font-size:.875rem}.section-nav-inner{padding:0 16px;gap:16px;height:55px;flex-wrap:nowrap}.section-nav-inner>span{display:none}.section-nav-inner .view-tabs{margin:0;gap:22px}.section-nav-inner .quiet-button{font-size:.75rem;max-width:100px}.global-footer{margin:35px 16px 0;padding-top:23px;font-size:.875rem}.coming-page{padding:24px 16px}.coming-panel{padding:30px 23px;margin:26px auto 40px}.coming-panel h1{font-size:1.5rem}.coming-panel .link-buttons{gap:9px}.breadcrumbs{font-size:.8125rem;margin-bottom:16px}}

.visitor-counter{margin-left:auto;flex:0 0 auto;min-width:190px;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.visitor-counter>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 0}.visitor-counter>div+div{border-top:1px solid var(--border)}.visitor-counter span{display:flex;align-items:baseline;gap:7px}.visitor-counter small{font-size:.75rem}.visitor-counter strong{color:var(--ink);font-size:1.0625rem;white-space:nowrap}.visitor-counter[data-state="unavailable"] strong{font-size:.875rem;color:var(--muted)}
@media(max-width:590px){.visitor-counter{min-width:132px}.visitor-counter>div{gap:8px}.visitor-counter span{display:block}.visitor-counter small{display:block;line-height:1.3}.visitor-counter strong{font-size:.9375rem}.global-brand-row .brand small{display:none}}
@media(max-width:440px){.global-brand-row .brand-mark{display:none}.global-brand-row .brand b{font-size:1rem}.global-brand-row{padding:16px 12px;gap:8px}.visitor-counter{min-width:128px}}
@media(max-width:350px){.global-brand-row{flex-wrap:wrap}.visitor-counter{margin-left:auto}}

.global-nav a{flex-direction:column;gap:3px}.nav-update{font-size:.6875rem;font-weight:500;color:#728098;line-height:1.5}.global-nav a.active .nav-update{color:#4364ac}.section-update-bar{max-width:1260px;margin:0 auto;padding:13px 24px;border-bottom:1px solid #dfe5f0;font-size:.8125rem;color:#5b6982;line-height:1.7}.section-update-bar strong{color:#315ccc;margin-right:9px}.section-update-bar time{font-variant-numeric:tabular-nums}.section-update-bar p{margin:3px 0 0;font-size:.8125rem}@media(max-width:590px){.section-update-bar{padding:12px 16px}.section-update-bar time{display:inline-block}.nav-update{font-size:.6875rem}}

/* PokeKyu: the reading icon, blue book, pink hat and yellow star. */
.global-header{background:linear-gradient(112deg,#edf6ff 0%,#fff 57%,#fff1f5 100%);border-bottom-color:#d8e4f4}
.global-header:before{content:'';display:block;height:4px;background:linear-gradient(90deg,#0862df 0 61%,#ed7096 61% 89%,#ffe265 89%)}
.global-brand-row{padding:20px 30px;gap:28px;flex-wrap:wrap}
.global-brand-row .brand{min-width:0;flex-shrink:1;gap:20px}
.brand-avatar{display:block;width:104px;height:104px;flex:0 0 auto;object-fit:contain;border:3px solid #fff;border-radius:27px;background:#fff;box-shadow:0 5px 17px #1a4d941a}
.brand-copy{display:block;min-width:0}
.brand-wordmark-image,.footer-wordmark-image{display:block;position:relative;overflow:hidden;max-width:100%;aspect-ratio:758/214;border-radius:6px}
.brand-wordmark-image{width:264px}
.footer-wordmark-image{width:190px}
/* Original artwork: 1798×1206; logo frame: x=106, y=54, w=758, h=214. */
.brand-wordmark-image>img,.footer-wordmark-image>img{position:absolute;display:block;width:237.203166%;max-width:none;height:auto;left:-13.984169%;top:-25.233645%}
.brand-site-name{display:block;margin-top:5px;color:#25416d;font-size:1rem;font-weight:800;letter-spacing:.04em}
.brand-ex{color:#c13967}
.global-brand-row .brand .brand-description{display:block;margin-top:3px;color:#65718a;font-size:.75rem;letter-spacing:.025em}
.visitor-counter{min-width:236px;padding:10px 16px;background:#ffffffd9;border:1px solid #d9e4f2;border-radius:16px;box-shadow:0 3px 12px #31508a07}
.visitor-counter>div{padding:5px 0;gap:16px}
.visitor-counter>div+div{border-top:1px dashed #d9e4f2}
.visitor-counter span{color:#536784}
.visitor-counter strong{font-size:1.125rem;color:#183f7b}
.visitor-counter>div:first-child strong{color:#b23560}
.visitor-counter small{color:#687793}
.global-nav{border-top:1px solid #dce7f5;background:#ffffffeb}
.global-nav a{padding:14px 19px;font-size:.875rem;line-height:1.6;color:#52617a}
.global-nav a:hover,.global-nav a.active{color:#194e9f;background:#eef5ff}
.global-nav a.active:after{height:4px;left:18px;right:18px;background:#dd5f8a}
.global-nav .nav-update{font-size:.75rem;line-height:1.5;color:#63718b}
.global-nav a.active .nav-update{color:#4e6390}
.section-update-bar{border-bottom-color:#dce6f4;background:#f5f8fd;font-size:.875rem}
.section-update-bar strong{color:#234e91}
.section-update-bar p{font-size:.8125rem}
.global-footer .footer-brand{display:flex;align-items:center;gap:14px;color:#163a75;font-size:1.4rem;font-weight:900;flex-wrap:wrap}
.footer-brand span{font-size:.875rem;font-weight:700;color:#52617a}
@media(max-width:900px){
  .global-brand-row{padding:18px 24px;gap:20px}
  .global-brand-row .brand{gap:15px}
  .brand-wordmark-image{width:240px}
  .brand-avatar{width:88px;height:88px;border-radius:23px}
  .visitor-counter{min-width:208px;padding:8px 12px}
  .global-nav a{padding:13px 17px}
}
@media(max-width:590px){
  .global-brand-row{padding:16px;gap:12px}
  .global-brand-row .brand{gap:10px;flex:1 1 198px}
  .brand-avatar{width:64px;height:64px;border-width:2px;border-radius:18px}
  .brand-wordmark-image{width:210px}
  .footer-wordmark-image{width:160px}
  .brand-site-name{font-size:.75rem;letter-spacing:0;margin-top:4px}
  .global-brand-row .brand .brand-description{display:none}
  .visitor-counter{min-width:142px;max-width:100%;padding:7px 10px;font-size:.75rem;border-radius:12px}
  .visitor-counter>div{gap:8px;padding:3px 0}
  .visitor-counter span{display:block}
  .visitor-counter small{display:block;font-size:.75rem;line-height:1.25}
  .visitor-counter strong{font-size:.9375rem}
  .global-nav a{padding:12px 15px}
  .section-update-bar{padding:12px 16px}
}
@media(max-width:390px){
  .global-brand-row{gap:10px;padding:14px 12px}
  .global-brand-row .brand{flex-basis:172px;gap:8px}
  .brand-avatar{width:56px;height:56px;border-radius:15px}
  .visitor-counter{min-width:138px}
}