/* Shared appearance menu. */
.appearance-control { position:relative; flex-shrink:0; }
.appearance-trigger { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--border); border-radius:10px; cursor:pointer; background:var(--surface); color:var(--muted); }
.appearance-trigger:hover, .appearance-trigger[aria-expanded="true"] { color:var(--accent); border-color:var(--accent); }
.appearance-menu { position:absolute; right:0; top:calc(100% + 12px); z-index:110; width:280px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 90px); overflow-y:auto; padding:10px; border:1px solid var(--border); border-radius:16px; background:var(--surface); color:var(--foreground); box-shadow:0 18px 50px rgb(30 25 60 / .18); }
.appearance-heading { margin:4px 10px 7px; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.08em; }
.appearance-choice { width:100%; padding:11px 10px; display:flex; align-items:center; gap:12px; border:0; border-radius:9px; text-align:left; background:transparent; color:var(--foreground); cursor:pointer; font:inherit; font-size:13px; }
.appearance-choice > span { flex:1; min-width:0; }
.appearance-choice strong { display:block; font-size:13px; font-weight:650; }
.appearance-choice small { display:block; margin-top:3px; font-size:11px; color:var(--muted); }
.appearance-choice:hover, .appearance-choice:focus-visible { background:var(--surface-alt); }
.appearance-choice[aria-checked="true"] { background:color-mix(in srgb,var(--accent) 12%,transparent); }
.appearance-check { color:var(--accent); flex-shrink:0; }
.appearance-separator { height:1px; margin:9px 3px; background:var(--border); }
.appearance-trigger:focus-visible, .appearance-choice:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.sidebar-link-english, .sidebar-pjsk-cardmaker { display:none; }
.sidebar-link-chinese { display:block; }
.pjsk-bg { display:none; }

/* Reference: https://pjsekai.sega.jp/news/index.html . Background assets are local. */
html[data-site-theme="pjsk"] { --surface:#fbfbff; --surface-alt:#efeff7; --surface-glass:rgba(250,250,255,.86); --glass-outline:rgba(255,255,255,.8); --background:#e7f5f6; --foreground:#444466; --muted:#72728c; --border:#d8d8e7; --accent:#009e9b; --accent-foreground:#006d70; --accent-glow:rgba(0,205,194,.2); }
html[data-site-theme="pjsk"].dark { --surface:#24263b; --surface-alt:#30324a; --surface-glass:rgba(32,34,53,.88); --glass-outline:rgba(255,255,255,.1); --background:#181c30; --foreground:#f0f0fc; --muted:#b2b6d0; --border:#44465f; --accent:#56e2d5; --accent-foreground:#b3fff5; }
html[data-site-theme="pjsk"] .chuni-bg, html[data-site-theme="pjsk"] .bg-beams-layer { display:none; }
html[data-site-theme="pjsk"] .pjsk-bg { display:block; position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:linear-gradient(112deg,#b9f1f2 0%,#dbedf5 46%,#f5dfed 100%); }
html[data-site-theme="pjsk"] .pjsk-bg-geometry { position:absolute; inset:0; background:url('/themes/pjsk/bg_lottie_pc.png.webp') center/cover; mix-blend-mode:soft-light; opacity:.55; }
html[data-site-theme="pjsk"] .pjsk-bg-shapes { position:absolute; inset:-24px 0; background-position:center; background-size:cover; background-repeat:no-repeat; opacity:.55; animation:pjsk-background-drift 24s ease-in-out infinite alternate; }
html[data-site-theme="pjsk"] .pjsk-bg-shapes-1 { background-image:url('/themes/pjsk/bg_parallax01_pc.png.webp'); }
html[data-site-theme="pjsk"] .pjsk-bg-shapes-2 { background-image:url('/themes/pjsk/bg_parallax02_pc.png.webp'); animation-delay:-8s; animation-duration:32s; }
html[data-site-theme="pjsk"] .pjsk-bg-shapes-3 { background-image:url('/themes/pjsk/bg_parallax03_pc.png.webp'); animation-delay:-15s; animation-duration:38s; }
html[data-site-theme="pjsk"].dark .pjsk-bg { background:linear-gradient(112deg,#183a43,#272a46 50%,#3d2946); }
html[data-site-theme="pjsk"].dark .pjsk-bg-geometry { opacity:.17; }
html[data-site-theme="pjsk"].dark .pjsk-bg-shapes { opacity:.32; }
html[data-site-theme="pjsk"] .sidebar { background:#ebebf2 url('/themes/pjsk/bg_parts_navi.png.webp') right bottom/95% auto no-repeat; color:#444466; border-right:1px solid rgb(68 68 102 / .12); backdrop-filter:none; overflow-y:auto; overflow-x:hidden; }
html[data-site-theme="pjsk"].dark .sidebar { background-color:#282a40; background-blend-mode:soft-light; color:#f0f0fc; }
html[data-site-theme="pjsk"] .sidebar-nav { padding:2px 0; }
html[data-site-theme="pjsk"] .sidebar-link { padding:10px 12px; gap:12px; border-radius:0; position:relative; color:inherit; }
html[data-site-theme="pjsk"] .sidebar-link-english { display:block; font-family:Arial,'Inter',sans-serif; font-size:17px; font-weight:900; line-height:1.15; letter-spacing:.025em; }
html[data-site-theme="pjsk"] .sidebar-link-chinese { margin-top:4px; font-size:10px; font-weight:500; letter-spacing:.1em; line-height:1.3; }
html[data-site-theme="pjsk"] .sidebar-link-label { min-width:0; }
html[data-site-theme="pjsk"] .sidebar-link-icon { background:none; width:20px; height:24px; color:inherit; opacity:.65; }
html[data-site-theme="pjsk"] .sidebar-link:hover { background:rgb(0 190 180 / .07); color:var(--accent); }
html[data-site-theme="pjsk"] .sidebar-link.active { color:var(--accent); background:none; }
html[data-site-theme="pjsk"] .sidebar-link.active::before { content:'✦'; background:none; width:auto; height:auto; top:11px; left:-3px; font-size:15px; }
html[data-site-theme="pjsk"] .sidebar-user-badge { background:rgb(0 190 180 / .08); border-radius:4px; }
html[data-site-theme="pjsk"] .sidebar-name { color:inherit; background:none; -webkit-text-fill-color:currentColor; font-weight:900; letter-spacing:.02em; }
html[data-site-theme="pjsk"] .sidebar-section-label { color:inherit; opacity:.55; letter-spacing:.13em; font-size:10px; }
html[data-site-theme="pjsk"] .topbar { background:var(--surface-glass); border-bottom:3px solid transparent; border-image:linear-gradient(90deg,#00cabc,#e7f6ff 48%,#f05db0) 1; }
html[data-site-theme="pjsk"] .topbar-title { font-weight:800; letter-spacing:.04em; }
html[data-site-theme="pjsk"] .topbar-btn, html[data-site-theme="pjsk"] .appearance-trigger { border-radius:50%; color:var(--foreground); }
html[data-site-theme="pjsk"] .text-gradient { background-image:linear-gradient(115deg,#009e9b,#9b54af); }
html[data-site-theme="pjsk"].dark .text-gradient { background-image:linear-gradient(115deg,#63eadb,#ee9dd6); }
html[data-site-theme="pjsk"] .sidebar-name.text-gradient { background:none; }
html[data-site-theme="pjsk"] .sidebar.collapsed .sidebar-link-label { display:none; }
html[data-site-theme="pjsk"] .sidebar.collapsed .sidebar-link.active::before { left:1px; }
html[data-site-theme="pjsk"] .sidebar-default-cardmaker { display:none; }
html[data-site-theme="pjsk"] .sidebar-pjsk-cardmaker { display:inline; }
@keyframes pjsk-background-drift { from { transform:translateY(-9px); } to { transform:translateY(9px); } }
@media (max-width:768px) {
  html[data-site-theme="pjsk"] .pjsk-bg-geometry { background-image:url('/themes/pjsk/bg_lottie.png.webp'); }
  html[data-site-theme="pjsk"] .pjsk-bg-shapes-1 { background-image:url('/themes/pjsk/bg_parallax01.png.webp'); }
  html[data-site-theme="pjsk"] .pjsk-bg-shapes-2 { background-image:url('/themes/pjsk/bg_parallax02.png.webp'); }
  html[data-site-theme="pjsk"] .pjsk-bg-shapes-3 { background-image:url('/themes/pjsk/bg_parallax03.png.webp'); }
  html[data-site-theme="pjsk"] .sidebar.collapsed.open .sidebar-link-label { display:block; }
  html[data-site-theme="pjsk"] .sidebar.collapsed.open .sidebar-link { padding:10px 12px; }
}
@media (prefers-reduced-motion:reduce) { html[data-site-theme="pjsk"] .pjsk-bg-shapes { animation:none; } }
html[data-page-hidden="true"] .pjsk-bg-shapes { animation-play-state:paused; }
html[data-site-theme="pjsk"] .sidebar { height:100dvh; min-height:0; flex-shrink:0; }