/* Stage 9A5.45. UI skin only. Scoped page marker; original game colours/data/routes stay intact. */
.gc545{--gc-ink:#123d59;--gc-muted:#48677b;--gc-teal:#087e94;--gc-line:#c5e5eb;box-sizing:border-box;min-width:0;max-width:100%;color:var(--gc-ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;text-align:left;letter-spacing:normal}
.gc545 *, .gc545 *::before,.gc545 *::after{box-sizing:border-box}
.gc545 a{color:#13516d;text-decoration:none;overflow-wrap:anywhere}
.gc545 a:visited{color:#13516d}
.gc545 a:hover{text-decoration:underline}
.gc545 button,.gc545 input,.gc545 summary{font:inherit}
.gc545 a:focus-visible,.gc545 summary:focus-visible,.gc545 button:focus-visible,.gc545 input:focus-visible{outline:3px solid #126bc2;outline-offset:3px}
.gc545-inner{position:relative;max-width:1160px;margin:auto;padding:0 20px}
.gc545-svg{display:inline-block;flex:0 0 22px;width:22px;height:22px;vertical-align:middle}
.gc545-header{position:relative;background:radial-gradient(ellipse at 4% 78%,#ddf5ed 0,transparent 34%),radial-gradient(ellipse at 95% 24%,#d9f3fa 0,transparent 38%),linear-gradient(180deg,#f7fdff,#fffef9);border-bottom:1px solid #cfebef;isolation:isolate}
.gc545-header::before,.gc545-header::after{content:"";position:absolute;pointer-events:none;z-index:-1;border:12px solid #d6f1ef;border-radius:46% 54% 62% 38%;opacity:.6;width:104px;height:98px;top:75px;left:-38px;transform:rotate(-26deg)}
.gc545-header::after{left:auto;right:18px;transform:none;top:105px;width:85px;height:84px;border-color:#d9f1fa;clip-path:inset(0 0 0 10%)}
.gc545-header>.gc545-inner{padding-bottom:18px}
.gc545-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}
.gc545-site{color:#097b8b!important;font-size:13px;font-weight:800;letter-spacing:.16em;white-space:nowrap;line-height:1.4}
.gc545-tool-group{display:flex;align-items:center;gap:12px}
.gc545-popup{position:static;margin:0;padding:0;border:0;background:none}
.gc545-popup>summary{display:flex;align-items:center;justify-content:center;gap:5px;min-width:52px;min-height:42px;padding:5px 9px;color:#144969;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;list-style:none;background:transparent}
.gc545-popup>summary::-webkit-details-marker{display:none}
.gc545-popup>summary::marker{content:""}
.gc545-popup[open]>summary{background:#fff;border-color:#b5dbe5;box-shadow:0 2px 7px #1b708418}
.gc545-popup>summary:hover{background:#eaf8fb}
.gc545-panel{position:absolute;top:50px;right:18px;left:18px;z-index:150;max-height:min(75vh,700px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #b5dce5;border-radius:20px;padding:20px;box-shadow:0 16px 45px #1b597633;text-align:left}
.gc545-panel-title{margin:0 0 16px!important;font-size:20px;font-weight:800;color:#123d59}
.gc545-brand{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;min-width:0;width:fit-content;max-width:100%;margin:0 auto 12px}
.gc545-brand:hover{text-decoration:none!important}
.gc545-mascot{display:block!important;flex:0 0 124px;width:124px!important;height:124px!important;max-width:35%!important;object-fit:contain;margin:0!important;border:0!important;background:transparent!important;filter:drop-shadow(0 3px 1px #2c6a9320)}
.gc545-brand-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.gc545-brand-copy>strong{position:relative;display:block;color:#0d3955;font-size:38px;font-weight:900;line-height:1.2;letter-spacing:-.03em;overflow-wrap:normal;word-break:keep-all;white-space:nowrap}
.gc545-brand-copy>strong::after{content:"";display:block;height:5px;transform:rotate(-1.3deg);background:linear-gradient(90deg,transparent,#f5de8f 8%,#fff1bf 85%,transparent);border-radius:100%;margin-top:5px}
.gc545-brand-copy>span{color:#226780;font-size:17px;letter-spacing:.05em;font-weight:650}
.gc545-hadou{display:flex;align-items:center;justify-content:center;gap:10px;max-width:650px;min-height:39px;padding:6px 12px;margin:0 auto 14px;border:1px solid #d6d9ee;border-radius:999px;background:linear-gradient(110deg,#fef5ff,#f4faff);font-size:14px;line-height:1.5;font-weight:700;color:#3f397d!important}
.gc545-hadou small{font-size:12px}
.gc545-news-label{flex:none;font-size:11px;color:#66337d;background:#f1e9fb;border-radius:8px;padding:3px 7px;white-space:nowrap}
.gc545-hadou>.gc545-svg{width:16px;height:16px;flex-basis:16px;margin-left:auto}
.gc545-cover{position:relative;display:flex;justify-content:center;align-items:center;min-height:140px;margin:5px 0 18px;border:1px solid #d4eaf0;border-radius:22px;background:linear-gradient(110deg,#edfaff,#fff 31%,#fff 66%,#edf8f4);box-shadow:0 5px 16px #24657b0e;overflow:hidden}
.gc545-cover::before,.gc545-cover::after{content:"";pointer-events:none;position:absolute;width:20%;height:110%;left:-7%;top:5%;border-radius:50%;background:radial-gradient(circle at 45% 20%,#eefbed 0 20%,transparent 21%),radial-gradient(circle at 60% 55%,#d9f2ed 0 24%,transparent 25%),radial-gradient(circle at 60% 90%,#cce8e5 0 30%,transparent 31%)}
.gc545-cover::after{left:auto;right:-6%;transform:scaleX(-1)}
.gc545-cover>img{display:block!important;width:300px!important;height:auto!important;max-width:75%!important;margin:5px auto!important;border:0!important;position:relative;z-index:1}
.gc545-primary,.gc545-panel-nav,.gc545-footer-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0}
.gc545-nav-card{--gc-tint:#eaf8f5;--gc-border:#b8e6df;display:flex;align-items:center;gap:9px;position:relative;min-width:0;min-height:84px;padding:10px 12px;border:1px solid var(--gc-border);border-radius:19px;background:linear-gradient(130deg,#fff,var(--gc-tint));box-shadow:0 3px 9px #1e5c7310;color:#16435e!important;transition:border-color .15s,box-shadow .15s}
.gc545-nav-card:hover{box-shadow:0 5px 14px #1e5c7324;border-color:#57abc0;text-decoration:none!important}
.gc545-nav-youkai{--gc-tint:#f3efff;--gc-border:#ded6f1}
.gc545-nav-map{--gc-tint:#eaf6ff;--gc-border:#bedfeb}
.gc545-nav-quest{--gc-tint:#fff7e9;--gc-border:#f0dcb8}
.gc545-current{border-color:#60b6c6;box-shadow:inset 0 -3px #52aebd,0 2px 7px #277a8610}
.gc545-nav-art{display:block!important;flex:0 0 54px;width:54px!important;height:54px!important;max-width:42%!important;object-fit:contain;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.gc545-nav-copy{min-width:0;flex:1}
.gc545-nav-copy>strong{font-size:16px;font-weight:800;line-height:1.4;display:block}
.gc545-nav-copy>small{font-size:11px;color:#456479;display:block;line-height:1.45;margin-top:3px}
.gc545-nav-card>.gc545-svg{flex:0 0 14px;width:14px;height:14px}
.gc545-home .gc545-nav-card{min-height:106px}
.gc545-home .gc545-nav-art{width:72px!important;height:72px!important;flex-basis:72px}
.gc545-home .gc545-nav-copy>strong{font-size:17px}
.gc545-panel-nav{margin-bottom:16px}
.gc545-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gc545-catalog>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #dcecef;border-radius:12px;background:#fbfefe;color:#245066;font-size:14px;line-height:1.5}
.gc545-catalog>a:hover{background:#eef8fb}
.gc545-catalog .gc545-svg{flex-basis:14px;width:14px;height:14px}
.gc545-search{display:block!important;width:100%;margin:0;padding:0;border:0;background:transparent}
.gc545-search label{display:block;font-size:14px;font-weight:700;margin:0 0 6px}
.gc545-search-controls{display:flex;gap:8px;align-items:stretch}
.gc545-search-controls input{display:block;min-width:0;flex:1;width:100%;height:46px;padding:9px 12px;background:#fff;border:1px solid #88baca;border-radius:12px;color:#17425b;font-size:16px!important;box-shadow:inset 0 1px 3px #19527008}
.gc545-search-controls button{flex:none;min-width:60px;min-height:46px;padding:8px 10px;border:1px solid #bdd9e0;border-radius:12px;background:#f0f8fa;color:#1e5269;cursor:pointer;font-size:13px}
.gc545-search-status{font-size:12px;color:#48677b;margin:9px 0 13px!important}
.gc545-empty{padding:14px;border-radius:12px;background:#fff8e9;color:#654c20}
.gc545 [hidden]{display:none!important}
.gc545-pagehead{background:linear-gradient(100deg,#f8fdff,#fffefa);border-bottom:1px solid #d9edf0}
.gc545-pagehead .gc545-inner{padding-top:14px;padding-bottom:18px}
.gc545-breadcrumb{font-size:12px;line-height:1.75;overflow-wrap:anywhere;color:#537389;margin:0 0 11px}
.gc545-breadcrumb nav,.gc545-breadcrumb div{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.gc545-breadcrumb a{display:inline-block;color:#146a89;text-decoration:underline;text-underline-offset:2px;padding:2px 0}
.gc545-breadcrumb span{max-width:100%}
.gc545-edition{font-size:11px;display:flex;gap:8px;align-items:center;color:#486b7d;line-height:1.5;margin:0 0 5px}
.gc545-edition>span{padding:2px 8px;border-radius:6px;background:#deeff3;color:#25576c;font-weight:700}
.gc545-title{margin:0!important;padding:0!important;color:#113e59!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:26px!important;font-weight:850;line-height:1.4!important;letter-spacing:.01em;overflow-wrap:anywhere}
.gc545-title::before,.gc545-title::after{display:none!important}
.gc545-anchor{display:block!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;clear:both}
.gc545-skip{position:absolute;top:8px;left:12px;transform:translateY(-180%);z-index:210;padding:10px 15px;background:#fff;border:2px solid #1765a9;border-radius:8px}
.gc545-skip:focus{transform:none}
.gc545-footer{clear:both;margin-top:28px;background:linear-gradient(#edfafd,#fcfefd);border-top:1px solid #c2e9f0}
.gc545-skyline{height:36px;pointer-events:none;background:linear-gradient(180deg,transparent,#cbeef0);clip-path:polygon(0 90%,0 55%,2% 55%,2% 36%,4% 14%,6% 36%,6% 76%,9% 76%,9% 35%,12% 35%,12% 8%,15% 35%,15% 86%,17% 86%,17% 61%,19% 45%,21% 61%,21% 80%,25% 80%,25% 46%,28% 23%,31% 46%,31% 86%,36% 86%,36% 30%,39% 10%,42% 30%,42% 70%,45% 70%,45% 50%,48% 36%,51% 50%,51% 90%,58% 90%,58% 43%,61% 19%,64% 43%,64% 83%,69% 83%,69% 34%,72% 13%,75% 34%,75% 80%,80% 80%,80% 51%,83% 34%,86% 51%,86% 90%,90% 90%,90% 46%,93% 25%,96% 46%,96% 80%,100% 80%,100% 100%,0 100%)}
.gc545-footer .gc545-inner{padding-top:14px;padding-bottom:24px}
.gc545-footer-intro{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.gc545-footer-intro>img{display:block;flex:0 0 80px;width:80px!important;height:80px!important;max-width:23%;object-fit:contain;border:0;background:transparent}
.gc545-footer-intro>div{flex:1;min-width:0}
.gc545-footer-intro>div>span{display:block;font-size:11px;color:#4e788a}
.gc545-footer-intro p{margin:2px 0 0!important;font-weight:800;font-size:19px;color:#16475f;line-height:1.45}
.gc545-up{display:flex;flex:0 0 46px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #c0dfe7;border-radius:14px;background:#fff;min-height:50px;font-size:11px;line-height:1.2;padding:6px}
.gc545-footer-primary .gc545-nav-art{width:40px!important;height:40px!important;flex-basis:40px}
.gc545-footer-primary .gc545-nav-copy>small{display:none}
.gc545-footer-primary .gc545-nav-card{min-height:66px}
.gc545-footer-more{margin:16px 0 0;border:1px solid #cde4e9;border-radius:15px;overflow:hidden;background:#fff}
.gc545-footer-more>summary{min-height:48px;padding:12px 16px;cursor:pointer;color:#194d66;font-size:14px;font-weight:700;line-height:1.7}
.gc545-footer-more>.gc545-catalog{padding:0 12px 12px}
.gc545-footer-hadou{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 42px 14px 16px;border:1px solid #dce0ef;border-radius:15px;background:#fbf9ff;margin-top:12px;color:#483c73!important}
.gc545-footer-hadou>span{font-size:11px;font-weight:500}
.gc545-footer-hadou>strong{font-size:14px;line-height:1.5}
.gc545-footer-hadou>.gc545-svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px}
.gc545-footer-base{margin-top:20px;padding-top:18px;border-top:1px solid #d3e9ed;text-align:center;display:flex;align-items:center;gap:9px;flex-direction:column;font-size:12px;color:#557585}
.gc545-footer-base>a{display:inline-block;min-height:24px;padding:2px 0}
.gc545-footer-base .gc545-site{font-size:17px}
.gc545-stats{display:flex;justify-content:center;gap:20px;font-size:11px;margin:0!important}
.gc545-footer-base small{font-size:11px}
/* Reading layer: only opt-in site pages; no content removal and no image-map scaling. */
body[data-gc545="1"]{margin:0!important;padding:0!important;min-width:0!important;background:linear-gradient(180deg,#f0fafc 0,#f9fcfc 580px,#f5fafb 100%)!important;color:#1c3e53;font-family:system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.7}
body[data-gc545] #container{display:flow-root;min-width:0!important;width:100%!important;max-width:1160px!important;padding:20px!important;margin:0 auto!important;box-sizing:border-box!important;background:transparent!important;box-shadow:none!important;border:0!important}
body[data-gc545] #container>#main{width:calc(100% - 278px)!important;max-width:100%!important;min-width:0!important;float:left!important;margin:0!important;box-sizing:border-box!important}
body[data-gc545] #side{box-sizing:border-box;float:right!important;width:256px!important;max-width:100%;padding:0;margin:0!important}
body[data-gc545] #container>br{display:none}
body[data-gc545-kind="home"] #container>#main{width:100%!important;float:none!important}
body[data-gc545] #main>div[id^="box"],body[data-gc545] #main>#tbox,body[data-gc545] #main>#block{min-width:0;max-width:100%;box-sizing:border-box;float:none!important;margin:0 0 18px!important}
body[data-gc545] #main a{color:#12638d;text-underline-offset:3px;text-decoration-thickness:1px}
body[data-gc545] #main a:visited{color:#56558c}
body[data-gc545] #main a:focus-visible,body[data-gc545] #main button:focus-visible,body[data-gc545] #main input:focus-visible,body[data-gc545] #main select:focus-visible,body[data-gc545] #main summary:focus-visible{outline:3px solid #196dc2;outline-offset:3px}
body[data-gc545] #main table{border-color:#cedee8}
body[data-gc545] #main table[width="100%"]{border-collapse:separate!important;border-spacing:0!important;box-sizing:border-box!important;max-width:100%;border:1px solid #d0e5ec!important;border-radius:15px!important;background:#fff!important;box-shadow:0 3px 12px #285c750b!important}
body[data-gc545] #main td,body[data-gc545] #main th{border-color:#e0edf2!important;line-height:1.65;overflow-wrap:anywhere}
body[data-gc545] #main td[bgcolor="#111122"],body[data-gc545] #main td[bgcolor="#555566"],body[data-gc545] #main th[bgcolor="#111122"]{background:linear-gradient(120deg,#1c6082,#2a718a)!important;color:#fff!important}
body[data-gc545] #main td[bgcolor="#111122"] a,body[data-gc545] #main td[bgcolor="#555566"] a{color:#fff!important}
body[data-gc545] #main td[bgcolor="#e6e6ee"],body[data-gc545] #main td[bgcolor="#eeeeee"],body[data-gc545] #main td[bgcolor="#e6e6e6"]{background:#ecf6fa!important;color:#21475e!important}
body[data-gc545] #main h2,body[data-gc545] #side h3{border-color:#a8dce7!important;color:#174d65;background:linear-gradient(100deg,#edf9fc,#fff)!important;box-shadow:none!important;border-radius:13px!important;padding:11px 14px!important;line-height:1.5!important;letter-spacing:.01em}
body[data-gc545] #main h2{font-size:21px!important}
body[data-gc545] #main h3{line-height:1.5;color:#225873}
body[data-gc545] #side h3{font-size:17px!important}
body[data-gc545] #main .yw2-section-head::before,body[data-gc545] #side .yw2-section-head::before{border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important;background-size:contain!important;width:36px;height:36px;flex-basis:36px}
body[data-gc545] #main .yw2-icon-chart::before,body[data-gc545] #side .yw2-icon-chart::before{background-image:url('/youkaiwatch2/img/ui545/story.webp')!important}
body[data-gc545] #main .yw2-icon-map::before,body[data-gc545] #side .yw2-icon-map::before{background-image:url('/youkaiwatch2/img/ui545/map.webp')!important}
body[data-gc545] #main .yw2-icon-quest::before,body[data-gc545] #side .yw2-icon-quest::before{background-image:url('/youkaiwatch2/img/ui545/quest.webp')!important}
body[data-gc545] #main .yw2-icon-youkai::before,body[data-gc545] #side .yw2-icon-youkai::before{background-image:url('/youkaiwatch2/img/ui545/youkai.webp')!important}
body[data-gc545] #main .yw2-page-jump,body[data-gc545] #main .yw2-route-box,body[data-gc545] #main .yw2-guide-card{border-color:#c2e2ea!important;background:#f9feff!important;border-radius:16px!important;box-shadow:0 2px 8px #1e5a7208!important}
body[data-gc545] #main .yw2-page-jump a{min-height:40px;box-sizing:border-box;border-radius:11px!important;border-color:#cee5ee!important;background:#fff!important;color:#215772!important;align-content:center}
body[data-gc545] #main .yw2q-hero,body[data-gc545] #main .yw2dg-intro,body[data-gc545] #main .yw2a-hero{border-color:#c3e3ee!important;box-shadow:0 3px 13px #2861780b!important;background:linear-gradient(115deg,#f6fcff,#fffef8)!important;border-radius:19px!important}
body[data-gc545] #main .yw2-map-region-card,body[data-gc545] #main .yw2q-card{border-color:#cde4eb!important;border-radius:17px!important;box-shadow:0 3px 10px #194c6d09!important}
body[data-gc545] #main .yw2c-section,body[data-gc545] #main .yw2c-intro{border-color:#c2e1e9!important;border-radius:17px!important;box-shadow:0 3px 11px #2658740a!important}
body[data-gc545] #main .yw2c-step{border-color:#d2e8ef!important}
body[data-gc545] #main .yw2c-section-heading{background:linear-gradient(95deg,#e2f5fa,#f8fcff)!important;color:#164a67!important}
body[data-gc545] #main input[type="text"],body[data-gc545] #main input[type="search"],body[data-gc545] #main input[type="password"],body[data-gc545] #main select,body[data-gc545] #main textarea{box-sizing:border-box;border:1px solid #a9cbd9;border-radius:10px;background:#fff;color:#163f58;font-size:16px;min-height:40px;padding:7px 10px}
body[data-gc545] #main input[type="submit"],body[data-gc545] #main input[type="button"],body[data-gc545] #main button{border-radius:10px;min-height:42px;cursor:pointer}
body[data-gc545] #main img[src$="bar.gif"],body[data-gc545] #main img[src$="bar3.gif"]{height:16px!important;max-width:100%}
body[data-gc545-kind="hadou"]>main{max-width:1120px;padding:20px;box-sizing:border-box;margin:0 auto}
body[data-gc545-kind="hadou"] .hero,body[data-gc545-kind="hadou"] .card{border-color:#c7e4ee;border-radius:20px;background:linear-gradient(115deg,#f7fdff,#fffef8);box-shadow:0 3px 14px #19536e0c}
/* Broadening chrome does not broaden data effects. Forms and non-HTML actions keep their logic. */
@media(max-width:980px){body[data-gc545] #container{padding:14px!important}body[data-gc545] #container>#main{width:100%!important;float:none!important}body[data-gc545] #side{display:none!important}.gc545-inner{padding-left:16px;padding-right:16px}.gc545-primary,.gc545-footer-primary,.gc545-panel-nav{gap:8px}.gc545-nav-copy>small{display:none}.gc545-nav-card{gap:6px;padding:9px;min-height:72px}.gc545-nav-art{width:44px!important;height:44px!important;flex-basis:44px}.gc545-nav-copy>strong{font-size:14px}.gc545-nav-card>.gc545-svg{display:none}}
@media(max-width:620px){.gc545-inner{padding-left:12px;padding-right:12px}.gc545-tools{min-height:44px}.gc545-brand{gap:10px;margin-bottom:10px}.gc545-mascot{width:98px!important;height:98px!important;flex-basis:98px}.gc545-brand-copy>strong{font-size:29px}.gc545-brand-copy>span{font-size:13px;letter-spacing:.02em}.gc545-tool-group{gap:4px}.gc545-popup>summary{min-width:48px;padding:6px;font-size:11px}.gc545-popup .gc545-svg{width:21px;height:21px;flex-basis:21px}.gc545-hadou{gap:7px;padding:7px 10px;font-size:12px;margin-bottom:12px;max-width:100%}.gc545-hadou small{font-size:11px}.gc545-news-label{font-size:10px;padding:2px 5px}.gc545-cover{min-height:0;border-radius:17px;margin:2px 0 14px}.gc545-cover>img{width:268px!important;max-width:78%!important}.gc545-primary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gc545-primary .gc545-nav-card{flex-direction:column;justify-content:center;gap:3px;min-height:73px;padding:7px 3px;border-radius:13px;text-align:center}.gc545-primary .gc545-nav-art{width:33px!important;height:33px!important;flex-basis:33px;max-width:70%!important}.gc545-primary .gc545-nav-copy>strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}.gc545-home .gc545-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gc545-home .gc545-nav-card{flex-direction:row;min-height:83px;text-align:left;padding:8px}.gc545-home .gc545-primary .gc545-nav-art{width:54px!important;height:54px!important;flex-basis:54px;max-width:40%!important}.gc545-home .gc545-primary .gc545-nav-copy>strong{font-size:15px}.gc545-home .gc545-nav-copy>small{display:block;font-size:10px}.gc545-title{font-size:22px!important;line-height:1.45!important}.gc545-pagehead .gc545-inner{padding-top:12px;padding-bottom:14px}.gc545-panel{left:8px;right:8px;padding:15px;max-height:78vh;border-radius:16px}.gc545-panel-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.gc545-catalog{grid-template-columns:1fr;gap:6px}.gc545-catalog>a{font-size:14px;min-height:46px}.gc545-footer .gc545-inner{padding-top:12px;padding-bottom:20px}.gc545-footer-intro{gap:9px}.gc545-footer-intro>img{width:68px!important;height:68px!important;flex-basis:68px}.gc545-footer-intro p{font-size:17px}.gc545-footer-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gc545-footer-primary .gc545-nav-copy>strong{font-size:14px}.gc545-footer-primary .gc545-nav-card{min-height:62px;padding:8px}.gc545-footer-primary .gc545-nav-art{width:40px!important;height:40px!important;flex-basis:40px}.gc545-footer-hadou>strong{font-size:13px}body[data-gc545] #container{padding:12px 9px!important}body[data-gc545] #main font[size="2"]{font-size:15px!important;line-height:1.7!important}body[data-gc545] #main h2{font-size:19px!important;padding:10px 11px!important}body[data-gc545] #main h3{font-size:17px!important}body[data-gc545-kind="hadou"]>main{padding:12px 9px}}
@media(max-width:350px){.gc545-brand{gap:5px}.gc545-mascot{width:82px!important;height:82px!important;flex-basis:82px}.gc545-brand-copy>strong{font-size:25px}.gc545-brand-copy>span{font-size:11px}.gc545-site{font-size:11px}.gc545-news-label{display:none}.gc545-hadou{font-size:11px}.gc545-home .gc545-nav-card{padding:7px 4px;gap:3px}.gc545-home .gc545-primary .gc545-nav-art{width:43px!important;height:43px!important;flex-basis:43px}.gc545-home .gc545-nav-copy>small{display:none}.gc545-home .gc545-primary .gc545-nav-copy>strong{font-size:13px}.gc545-primary .gc545-nav-copy>strong{font-size:11px}.gc545-footer-intro p{font-size:15px}.gc545-footer-primary .gc545-nav-copy>strong{font-size:12px}.gc545-title{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){.gc545 *{transition:none!important;scroll-behavior:auto!important}}
@media print{.gc545-header,.gc545-footer,.gc545-skip{display:none!important}body[data-gc545] #side{display:none!important}body[data-gc545] #container>#main{float:none!important;width:100%!important}body[data-gc545] #container{padding:0!important}.gc545-pagehead{background:#fff!important}.gc545-pagehead .gc545-inner{padding-left:0!important}}

body[data-gc545-kind="home"] .gc545-title{font-size:clamp(17px,4.7vw,24px)!important;letter-spacing:0}
/* Home uses legacy #tbox/#box rather than #main. Theme its existing content without reordering links. */
body[data-gc545-kind="home"] #tbox{width:100%!important;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;box-sizing:border-box}
body[data-gc545-kind="home"] #tbox>#box{width:auto!important;min-width:0;float:none!important;margin:0!important;padding:0!important;box-sizing:border-box}
body[data-gc545-kind="home"] #container table[width="100%"]{width:100%;max-width:100%;border:1px solid #c8e3eb!important;border-collapse:separate!important;border-spacing:0!important;border-radius:17px!important;box-sizing:border-box;background:#fff!important;box-shadow:0 4px 13px #285c750a!important}
body[data-gc545-kind="home"] #container td{padding:9px 11px!important;line-height:1.75;overflow-wrap:anywhere;border-color:#e1eff3!important}
body[data-gc545-kind="home"] #container font[size="2"]{font-size:14px!important;line-height:1.75}
body[data-gc545-kind="home"] #container a{color:#12638d;text-underline-offset:3px;line-height:1.75}
body[data-gc545-kind="home"] #container a:visited{color:#525a85}
body[data-gc545-kind="home"] #container td>a{display:inline-block;min-height:26px;box-sizing:border-box}
body[data-gc545-kind="home"] #container td[bgcolor="#efefef"]{background:#fff!important}
body[data-gc545-kind="home"] #container td[bgcolor="#e6e6e6"]{background:#f2f9fc!important}
body[data-gc545-kind="home"] #container th.yw2-section-head{display:table-cell!important;padding:12px 13px!important;text-align:left;background:linear-gradient(110deg,#e2f5fa,#f7fdfb)!important;border-bottom:1px solid #c7e5ed!important;color:#155170!important;border-radius:16px 16px 0 0!important}
body[data-gc545-kind="home"] #container th.yw2-section-head font{color:inherit!important;font-weight:800;font-size:16px!important}
body[data-gc545-kind="home"] #container .yw2-section-head::before{display:inline-block!important;vertical-align:middle;margin:0 9px 0 0!important;border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important;background-size:contain!important;width:34px;height:34px}
body[data-gc545-kind="home"] #container .yw2-icon-chart::before{background-image:url('/youkaiwatch2/img/ui545/story.webp')!important}
body[data-gc545-kind="home"] #container .yw2-icon-map::before{background-image:url('/youkaiwatch2/img/ui545/map.webp')!important}
body[data-gc545-kind="home"] #container .yw2-icon-quest::before{background-image:url('/youkaiwatch2/img/ui545/quest.webp')!important}
body[data-gc545-kind="home"] #container .yw2-icon-youkai::before{background-image:url('/youkaiwatch2/img/ui545/youkai.webp')!important}
body[data-gc545-kind="home"] #container td[bgcolor="#555566"],body[data-gc545-kind="home"] #container tr[bgcolor="#555566"]>td{background:#edf6f9!important;color:#2d596e!important;padding:7px 11px!important}
body[data-gc545-kind="home"] #container td[bgcolor="#555566"] font,body[data-gc545-kind="home"] #container tr[bgcolor="#555566"]>td font{color:inherit!important;font-weight:650}
body[data-gc545] #main td[bgcolor="#333344"],body[data-gc545] #main td[bgcolor="#222933"],body[data-gc545] #main tr[bgcolor="#333344"]>td,body[data-gc545] #main tr[bgcolor="#222933"]>td{background:linear-gradient(110deg,#1c6082,#2a718a)!important;color:#fff!important}
@media(max-width:980px){body[data-gc545-kind="home"] #tbox{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:620px){body[data-gc545-kind="home"] #tbox{display:block}body[data-gc545-kind="home"] #tbox>#box{margin-bottom:16px!important}body[data-gc545-kind="home"] #container font[size="2"]{font-size:15px!important}}
/* Small-screen preservation: all six rank links and all three post actions remain visible. */
body[data-gc545-kind="home"] #container td{padding-left:7px!important;padding-right:7px!important}
/* Home rank medals: keep a square box instead of filling the table cell. */
body[data-gc545-kind="home"] #container a.yw2-rank-link{
  display:inline-flex!important;align-items:center;justify-content:center;
  box-sizing:border-box!important;
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  padding:0!important;margin:2px 0!important;line-height:1!important;
  border-radius:50%!important;vertical-align:middle;
}
@media(max-width:319px){
  body[data-gc545-kind="home"] #container a.yw2-rank-link{
    width:26px!important;min-width:26px!important;max-width:26px!important;
    height:26px!important;min-height:26px!important;max-height:26px!important;
  }
}
body[data-gc545] #main table.yw2-post-meta{table-layout:fixed!important;width:100%!important}
body[data-gc545] #main .yw2-post-meta input.yw2-action-btn{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:6px 0!important;font-size:12px!important;min-height:44px!important}


/* Stage 9A5.45.1: four reported visual fixes only (2026-09-29).
   Keep the entire header stack above the following page heading. The panel's
   local z-index alone cannot escape the isolated header's stacking context. */
body[data-gc545] .gc545.gc545-header {
  z-index: 40;
}
body[data-gc545] .gc545.gc545-pagehead {
  position: relative;
  z-index: 0;
}

/* Selected chapter: a light, distinct surface with explicit visited/focus
   colours. Override the generic #main link colour without changing links. */
body[data-gc545] #main .yw2c-chapters a[aria-current="page"],
body[data-gc545] #main .yw2c-chapters a[aria-current="page"]:link,
body[data-gc545] #main .yw2c-chapters a[aria-current="page"]:visited {
  background: #daf3f8 !important;
  color: #134a62 !important;
  border-color: #68aebf !important;
  box-shadow: inset 0 -3px 0 #438a9e !important;
  text-shadow: none !important;
}
body[data-gc545] #main .yw2c-chapters a[aria-current="page"]:hover,
body[data-gc545] #main .yw2c-chapters a[aria-current="page"]:focus-visible,
body[data-gc545] #main .yw2c-chapters a[aria-current="page"]:active {
  background: #cbeaf2 !important;
  color: #134a62 !important;
}

/* Sidebar: match the new reading palette; beat both legacy per-category
   gradient selectors and the generic heading colour as a single pair. */
body[data-gc545] #side h3.yw2-section-head {
  color: #174d65 !important;
  background: linear-gradient(105deg,var(--gc545-side-tint,#edf9fc),#ffffff) !important;
  text-shadow: none !important;
}
body[data-gc545] #side h3.yw2-section-head.yw2-icon-chart { --gc545-side-tint: #fff0ed; }
body[data-gc545] #side h3.yw2-section-head.yw2-icon-quest { --gc545-side-tint: #fff4da; }
body[data-gc545] #side h3.yw2-section-head.yw2-icon-map { --gc545-side-tint: #e5f5ff; }
body[data-gc545] #side h3.yw2-section-head.yw2-icon-youkai { --gc545-side-tint: #f5edff; }
body[data-gc545] #side h3.yw2-section-head a,
body[data-gc545] #side h3.yw2-section-head a:visited,
body[data-gc545] #side h3.yw2-section-head span,
body[data-gc545] #side h3.yw2-section-head font {
  color: inherit !important;
  text-shadow: none !important;
}

/* The logo lives in #sidetop, a sibling of #side, not inside #side.
   Use the same desktop rail width and centre the original image as-is. */
@media screen and (min-width:981px) {
  body[data-gc545] #container > #sidetop {
    box-sizing: border-box !important;
    float: right !important;
    width: 256px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  body[data-gc545] #sidetop > a {
    display: block !important;
    width: 100%;
    text-align: center !important;
  }
  body[data-gc545] #sidetop > a > img {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
@media screen and (max-width:980px) {
  body[data-gc545] #sidetop { display: none !important; }
}


/* Stage 9A5.45.2 (2026-09-29): primary map links use their own foreground
   in every link state. Generic #main a/:visited must not recolour this CTA.
   Scope is deliberately limited; the three adjacent secondary links retain
   their light backgrounds, and no map geometry/URL/behaviour is changed. */
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary,
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary:link,
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary:visited {
  color: #ffffff !important;
  background: #0c756b !important;
  text-shadow: none !important;
  text-decoration: none;
}
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary:hover,
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary:focus,
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary:active {
  color: #ffffff !important;
  background: #095e57 !important;
}
body[data-gc545] #main .yw2-map-card-actions a.yw2-map-primary::after {
  color: inherit !important;
}