/* Guide accents leave the site's selected category colors unchanged. */
html[data-wcys-guide="leo"] { --wcys-guide-accent:#6550a5; --wcys-guide-strong:#493777; --wcys-guide-tint:#eee9f8; --wcys-guide-decoration:#cdede4; --wcys-guide-soft:#e6d6f5; }
html[data-wcys-guide="melisa"] { --wcys-guide-accent:#a63f69; --wcys-guide-strong:#76324e; --wcys-guide-tint:#f9e9ee; --wcys-guide-decoration:#f8cddf; --wcys-guide-soft:#ffe9a8; }
/* Personal appearance overrides the selected site's neutral/accent tokens, never category semantics. */
html[data-wcys-guide="melisa"] {
  --wcys-bg:#fffaf8;
  --wcys-surface:#fffdfa;
  --wcys-ink:#48333f;
  --wcys-muted:#745d69;
  --wcys-line:#ead8df;
  --wcys-preview-primary:#a63f69;
  --wcys-preview-strong:#76324e;
  --wcys-preview-tint:#f9e9ee;
  --wcys-preview-footer:#fbf0f3;
  --word-ring-color:var(--wcys-preview-primary);
  --word-ring-track:var(--wcys-line);
  --wcys-shadow:0 10px 30px color-mix(in srgb,var(--wcys-preview-strong) 6%,transparent);
}
/* Child-local variables intentionally outrank inherited inline game palette values. */
html[data-wcys-guide="melisa"] .wcys-game-bar {
  --gc-toolbar-bg:var(--wcys-guide-accent);
  --gc-toolbar-text:var(--wcys-surface);
  --gc-toolbar-icon-bg:var(--wcys-guide-strong);
  --gc-toolbar-icon-text:var(--wcys-surface);
  --gc-progress-bg:var(--wcys-guide-tint);
  --gc-progress-text:var(--wcys-guide-strong);
}
html[data-wcys-guide="melisa"] .wcys-target-panel {
  --gc-panel-bg:var(--wcys-guide-tint);
  --gc-frame-border:var(--wcys-line);
  --gc-text:var(--wcys-ink);
  --gc-muted:var(--wcys-muted);
}
[data-wcys-guide-image],[data-wcys-guide-host-image] { object-fit:contain; flex-shrink:0; transition:opacity 280ms ease; }
html[data-wcys-guide-pending] [data-wcys-guide-image],html[data-wcys-guide-pending] [data-wcys-guide-host-image] { opacity:0; }
html[data-wcys-guide] :is(.hero-choose,.parents-card .button,.wcys-guide-profile-link) { border-color:var(--wcys-guide-accent); background:var(--wcys-guide-accent); color:#fff; }
html[data-wcys-guide] :is(.hero-choose,.parents-card .button,.wcys-guide-profile-link):hover { border-color:var(--wcys-guide-strong); background:var(--wcys-guide-strong); }
html[data-wcys-guide] :is(.hero-choose,.parents-card .button,.wcys-guide-trigger,.wcys-guide-settings,.wcys-guide-card,.wcys-guide-profile-link) { transition:background-color 280ms ease,border-color 280ms ease,color 280ms ease; }
html[data-wcys-guide] .parents-card { border-color:color-mix(in srgb,var(--wcys-guide-accent) 18%,#e5e4d9); background:var(--wcys-guide-tint); }
.wcys-guide-trigger { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:7px; min-height:44px; width:112px; padding:5px 9px; border:1px solid #dde3d7; border-radius:100px; background:var(--wcys-guide-tint,#f4f5ed); color:var(--wcys-guide-strong,#304b38); font:600 .76rem/1.2 var(--wcys-font,system-ui); cursor:pointer; }
.wcys-guide-trigger img { width:30px; height:30px; }
.wcys-guide-trigger [data-wcys-guide-name] { flex:1; min-width:0; text-align:start; }
.wcys-guide-chevron { font-size:.85rem; opacity:.65; }
.site-header .brand-guide-portrait { position:relative; display:block; flex:none; min-width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:50%; background:transparent; color:var(--wcys-guide-strong,#493777); box-shadow:0 0 0 2px var(--wcys-guide-accent,#6550a5); line-height:0; cursor:pointer; }
.site-header .brand-guide-portrait .logo-mark { display:block; }
.site-header .brand-guide-portrait:focus-visible { outline:3px solid var(--wcys-guide-accent,#6550a5); outline-offset:4px; }
.site-header .brand-guide-chevron { position:absolute; inset-inline-end:-1px; bottom:0; display:grid; place-items:center; width:15px; height:15px; border:1px solid var(--wcys-line,#ded8ed); border-radius:50%; background:var(--wcys-surface,#fffefc); color:var(--wcys-guide-strong,#493777); font:700 11px/1 system-ui; pointer-events:none; }
.site-header .brand-guide-portrait:hover .brand-guide-chevron { background:var(--wcys-guide-tint,#eee9f8); }
.site-header .brand-guide>.brand-copy { color:inherit; text-decoration:none; }
.wcys-guide-dialog { position:fixed; width:min(580px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:30px; overflow:auto; overscroll-behavior:contain; border:1px solid #dce3d5; border-radius:25px; background:#fffef9; color:#273b32; box-shadow:0 24px 80px #192c3240; }
.wcys-guide-dialog::backdrop { background:#1f34365c; }
.wcys-guide-dialog-copy { padding-inline-end:25px; }
.wcys-guide-dialog h2,.wcys-guide-settings h3 { margin:0 0 10px; font-size:clamp(1.35rem,2.3vw,1.7rem); line-height:1.2; letter-spacing:-.035em; }
.wcys-guide-dialog-copy p,.wcys-guide-settings-intro { margin:0; color:#667164; font-size:.86rem; line-height:1.65; }
.wcys-guide-dialog .wcys-guide-close { position:absolute; top:12px; inset-inline-end:12px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:#52604e; font:1.6rem/1 system-ui; cursor:pointer; }
.wcys-guide-dialog .wcys-guide-close:hover { background:#f1f3e9; }
.wcys-guide-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
:is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-card { position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0; padding:16px 12px 18px; border:1px solid #dde3d7; border-radius:20px; background:#fbfcf7; color:#304237; font:inherit; text-align:center; cursor:pointer; }
.wcys-guide-card[data-wcys-guide-choice="leo"] { --card-accent:#6550a5; --card-tint:#eee9f8; }
.wcys-guide-card[data-wcys-guide-choice="melisa"] { --card-accent:#a63f69; --card-tint:#f9e9ee; }
:is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-card:hover,:is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-card[aria-pressed="true"] { border-color:var(--card-accent); background:var(--card-tint); }
:is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-card[aria-pressed="true"] { box-shadow:inset 0 0 0 1px var(--card-accent); }
.wcys-guide-card:focus-visible,.wcys-guide-trigger:focus-visible,.wcys-guide-dialog :is(button,a):focus-visible,.wcys-guide-settings :is(button,a):focus-visible { outline:3px solid var(--card-accent,var(--wcys-guide-accent,#6550a5)); outline-offset:4px; }
.wcys-guide-portrait { display:block; width:min(100%,164px); aspect-ratio:1; flex:none; }
.wcys-guide-portrait img { display:block; width:100%; height:100%; object-fit:contain; }
.wcys-guide-card strong { font-size:1.1rem; line-height:1.4; }
.wcys-guide-caption { color:#64705e; font-size:.78rem; line-height:1.45; }
.wcys-guide-swatches { display:flex; justify-content:center; gap:7px; margin-top:4px; }
.wcys-guide-swatches>span { display:block; width:37px; height:17px; border:1px solid #3b35501a; border-radius:100px; }
[data-wcys-guide-choice="leo"] .wcys-guide-swatches>span:first-child { background:#6550a5; }
[data-wcys-guide-choice="leo"] .wcys-guide-swatches>span:last-child { background:#cdede4; }
[data-wcys-guide-choice="melisa"] .wcys-guide-swatches>span:first-child { background:#a63f69; }
[data-wcys-guide-choice="melisa"] .wcys-guide-swatches>span:last-child { background:#fff0c6; }
.wcys-guide-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wcys-guide-check { position:absolute; top:10px; inset-inline-end:10px; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--card-accent); color:white; font-size:.8rem; opacity:0; }
.wcys-guide-card[aria-pressed="true"] .wcys-guide-check { opacity:1; }
:is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-card:disabled { cursor:default; opacity:.65; }
:is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-later { display:block; min-height:44px; margin:12px auto 0; padding:6px 12px; border:0; background:transparent; color:#596950; font:600 .8rem/1.5 var(--wcys-font,system-ui); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.wcys-guide-dialog .wcys-guide-later:hover { background:var(--wcys-guide-tint,#eee9f8); }
.wcys-guide-dialog .wcys-guide-later:disabled { background:transparent; color:#596950; opacity:.6; }
.wcys-guide-feedback { margin:14px 0 0; color:#64705e; font-size:.8rem; line-height:1.6; }
.wcys-guide-feedback:empty { display:none; }
.wcys-guide-feedback.is-error { color:#8a3828; }
.wcys-guide-profile-required { margin-top:16px; padding:14px 16px; border-radius:14px; background:#f1f4eb; color:#52604e; font-size:.82rem; line-height:1.65; }
.wcys-guide-profile-required p { margin:0 0 10px; }
.wcys-guide-profile-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 16px; border:1px solid #304b38; border-radius:100px; background:#304b38; color:white; font-weight:600; text-decoration:none; }
.wcys-guide-settings { margin-block:18px; padding:22px; border:1px solid #dde3d7; border-radius:20px; background:var(--wcys-guide-tint,#f5f6ef); }
.wcys-guide-settings h3 { font-size:1.15rem; }
.wcys-guide-settings .wcys-guide-cards { max-width:480px; margin-top:18px; }
.wcys-guide-settings .wcys-guide-portrait { width:min(100%,132px); }
.wcys-guide-settings .wcys-guide-card { background:#fffef9; }
.wcys-guide-announcement { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wcys-guide-about { display:flex; align-items:center; gap:28px; margin-top:32px; padding-top:28px; border-top:1px solid #e1e5d9; }
.wcys-guide-about-portraits { display:flex; flex:none; gap:10px; }
.wcys-guide-about-portraits img { width:100px; height:100px; object-fit:contain; }
.wcys-guide-about h2 { margin:0 0 12px; font-size:1.4rem; }
.wcys-guide-about p { margin:0; color:#63705e; font-size:.9rem; line-height:1.8; }
@media (max-width:600px) { .wcys-guide-about { align-items:flex-start; flex-direction:column; gap:18px; } .wcys-guide-about-portraits img { width:88px; height:88px; } }
@media (max-width:1100px) { .header-navigation .wcys-guide-trigger { align-self:flex-start; width:132px; } }
@media (max-width:420px) { .wcys-guide-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:24px 18px; border-radius:21px; } .wcys-guide-cards { gap:10px; margin-top:20px; } :is(.wcys-guide-dialog,.wcys-guide-settings) .wcys-guide-card { padding:12px 8px 15px; border-radius:17px; } .wcys-guide-caption { font-size:.71rem; } .wcys-guide-settings { padding:18px; } }
@media (max-width:330px) { .wcys-guide-cards { grid-template-columns:1fr; } .wcys-guide-portrait { width:140px; } }
@media (prefers-reduced-motion:reduce) { [data-wcys-guide-image],[data-wcys-guide-host-image],html[data-wcys-guide] :is(.hero-choose,.parents-card .button,.wcys-guide-trigger,.wcys-guide-settings,.wcys-guide-card,.wcys-guide-profile-link) { transition:none; } }
@media print { .wcys-guide-dialog,.wcys-guide-trigger { display:none!important; } }