/*
Theme Name: GCXX Pedaism Guide
Version: 0.1.0
Text Domain: gcxx-pedaism
*/

:root{--ink:#162536;--muted:#53677d;--line:#c9d5e2;--paper:#fff;--soft:#f3f7fb;--nav:#10243a;--blue:#0878b8;--yellow:#f4c538;--green:#2b7958;--danger:#9a3f35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef3f7;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.75}a{color:#0069a8;text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%;height:auto}.site-header{background:var(--nav);color:#fff;border-bottom:4px solid var(--yellow)}.header-inner{width:min(1240px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;gap:24px}.site-brand{display:flex;flex-direction:column;color:#fff;text-decoration:none;line-height:1.35;min-width:240px}.site-brand strong{font-size:20px}.site-brand span{font-size:12px;color:#d5e3ef}.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.site-nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav a:focus-visible{background:#193a58;border-color:var(--yellow)}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #7690a8;background:#16334e;color:#fff;font-size:22px}.site-main{width:min(1240px,calc(100% - 32px));margin:24px auto 40px;background:var(--paper);border:1px solid var(--line);padding:24px}.hero{position:relative;min-height:330px;display:grid;align-items:end;overflow:hidden;background:#193b5a;color:#fff}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,45,.88) 0,rgba(10,28,45,.68) 46%,rgba(10,28,45,.2) 100%)}.hero-copy{position:relative;z-index:1;max-width:720px;padding:32px}.hero h1{margin:0 0 12px;font-size:clamp(28px,4vw,48px);line-height:1.25;letter-spacing:0}.hero p{margin:0;font-size:17px}.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:3px solid var(--blue);margin-bottom:16px}.section-head h2{margin:0;padding:0 0 8px;font-size:25px;line-height:1.35}.entity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.entity-card{display:grid;grid-template-rows:150px auto;border:1px solid var(--line);border-top:4px solid var(--blue);background:#fff;min-width:0}.entity-card__visual{display:grid;place-items:center;background:var(--soft);overflow:hidden}.entity-card__visual img{width:100%;height:100%;object-fit:contain}.entity-card__visual span{font-size:36px;font-weight:800;color:#8394a5}.entity-card__body{padding:14px}.entity-card h3{font-size:18px;line-height:1.45;margin:0 0 6px}.entity-card p{margin:0;color:var(--muted);font-size:14px}.entity-card__count{display:inline-block;margin-top:8px;font-weight:700;color:var(--green)}.entity-card a{font-weight:700}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:3px solid var(--blue);padding-bottom:12px}.archive-head h1,.entry-head h1{font-size:32px;line-height:1.35;margin:0}.filter-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;margin:18px 0;padding:14px;background:var(--soft);border:1px solid var(--line)}.filter-form input{min-height:44px;border:1px solid #8da0b4;padding:8px 12px;font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;background:var(--blue);color:#fff!important;padding:9px 18px;font-weight:700;text-decoration:none}.record-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record{border:1px solid var(--line);background:#fff;min-width:0}.record__media{display:grid;place-items:center;aspect-ratio:16/9;background:var(--soft);overflow:hidden}.record__media img{width:100%;height:100%;object-fit:contain}.record__body{padding:14px}.record h2{font-size:19px;line-height:1.45;margin:0 0 8px}.record p{font-size:14px;color:var(--muted);margin:0}.entry-head{border-bottom:3px solid var(--blue);padding-bottom:14px}.entry-layout{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:24px;margin-top:18px}.entry-image{display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);min-height:260px}.entry-image img{width:100%;max-height:420px;object-fit:contain}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.data-table th{width:180px;background:#eaf2f8}.entry-content{margin-top:28px}.source-note{margin-top:24px;padding:12px 14px;border-left:4px solid var(--green);background:#eef8f3}.empty-state{padding:28px;border:1px solid var(--line);background:var(--soft);text-align:center}.site-footer{background:#152c43;color:#d8e4ef;border-top:4px solid var(--yellow)}.footer-inner{width:min(1240px,calc(100% - 32px));margin:auto;padding:22px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#fff}.sponsor-slot{min-height:90px;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:12px}

@media(max-width:900px){.header-inner{flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block}.site-nav{display:none;width:100%;margin:0}.site-nav.is-open{display:block}.site-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.site-nav a{border:1px solid #33536f}.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-list{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-layout{grid-template-columns:1fr}.entry-image{min-height:220px}.footer-inner{align-items:flex-start;flex-direction:column}}

@media(max-width:560px){body{font-size:15px}.site-main{width:100%;margin:0;background:#fff;border:0;padding:16px}.header-inner{width:calc(100% - 24px)}.site-brand{min-width:0;max-width:calc(100% - 60px)}.site-brand strong{font-size:17px}.hero{min-height:290px}.hero img{object-position:center 28%}.hero-copy{padding:22px 16px}.hero h1{font-size:28px}.hero p{font-size:14px}.section{margin-top:28px}.section-head{align-items:flex-start;flex-direction:column;gap:4px}.section-head h2{font-size:22px}.entity-grid,.record-list{grid-template-columns:1fr}.entity-card{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto;min-height:112px}.entity-card__visual{min-height:108px}.entity-card__body{padding:12px}.archive-head{align-items:flex-start;flex-direction:column}.archive-head h1,.entry-head h1{font-size:26px}.filter-form{grid-template-columns:1fr}.record{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:128px}.record__media{aspect-ratio:auto;min-height:126px}.record__body{padding:12px}.entry-image{min-height:190px}.data-table,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block;width:100%}.data-table tr{border:1px solid var(--line);margin-bottom:10px}.data-table th,.data-table td{border:0}.data-table th{border-bottom:1px solid var(--line);padding:7px 10px}.data-table td{padding:10px}.footer-inner{width:calc(100% - 32px)}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}

/* Preserve the complete official key visual instead of cropping character faces. */
.hero{min-height:410px}
.hero img{object-fit:contain;object-position:right center}
.hero::after{inset:0 auto 0 0;width:58%;background:rgba(10,28,45,.9)}
.hero-copy{max-width:680px}
@media(max-width:560px){.hero{min-height:360px;align-items:end}.hero img{object-position:center top}.hero::after{inset:auto 0 0;width:100%;height:48%;background:rgba(10,28,45,.88)}.hero-copy{padding:20px 16px}.hero h1{font-size:26px}}

/* Player filters stay compact and usable on desktop and mobile. */
.filter-form input,.filter-form select{min-width:0;min-height:44px;border:1px solid #8da0b4;background:#fff;padding:8px 12px;font:inherit}
.filter-form:has(select){grid-template-columns:minmax(220px,1fr) minmax(150px,.36fr) minmax(150px,.36fr) auto}
@media(max-width:700px){.filter-form:has(select){grid-template-columns:1fr 1fr}.filter-form:has(select) input,.filter-form:has(select) .button{grid-column:1/-1}}
@media(max-width:430px){.filter-form:has(select){grid-template-columns:1fr}.filter-form:has(select) input,.filter-form:has(select) .button{grid-column:auto}}

/* Keep parent records and verified child data connected in both directions. */
.related-records{margin-top:32px;padding-top:24px;border-top:2px solid var(--line)}
.related-records h2{margin:0 0 16px}
.related-records__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-record{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:8px;border:1px solid var(--line);background:#fff;color:var(--nav);text-decoration:none}
.related-record:hover{border-color:var(--blue)}
.related-record__image{display:grid;place-items:center;width:72px;height:72px;background:var(--soft);overflow:hidden}
.related-record__image img{width:100%;height:100%;object-fit:contain}
.related-record__text{min-width:0}
.related-record__text small{display:block;margin-bottom:4px;color:#4e6273}
.related-record__text strong{display:block;overflow-wrap:anywhere}
@media(max-width:560px){.related-records__grid{grid-template-columns:1fr}}