/* Local mystery-page adapter for Guildbound v3. The small-soul ritual is unchanged.
   Owning source: docs/design-system-v3/{DESIGN.md,tokens.css}, 31 Oct 2026.
   Review decision: 20px highlight frames; existing filigree asset retained. */
body.fth-design.design-v3{
 --brand-title:var(--gb-font-display);--brand-reading:var(--gb-font-text);
 --fth-bg:var(--gb-page);--fth-panel:#221e19;--fth-inset:var(--gb-field);
 --fth-text:var(--gb-text);--fth-muted:var(--gb-muted);--fth-gold:var(--gb-gold-text);--fth-font:var(--gb-font-text);
 --home-frame-base:50px;--home-frame-scale:.4;--home-outset-base:10px;
 --gb-frame-slice:112;--gb-frame-width:20px;--gb-frame-outset:4px;
 background:var(--gb-page);color:var(--gb-text);font-size:16px;line-height:1.5;
 scrollbar-color:var(--gb-brass) var(--gb-deep);
}
.design-v3 .site-header{background:var(--gb-deep);border-color:var(--gb-brass-line)}
.design-v3 .site-header nav a,.design-v3 .site-header .nav-demo{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-leather-text);font-size:16px;min-height:44px}
.design-v3 .hero{background:var(--gb-page)}
.design-v3 .hero-atmosphere{background:linear-gradient(110deg,#14100c,#19150f 56%,#11110e)}
.design-v3 .hero h1{font:400 clamp(40px,4.1vw,54px)/1.12 var(--gb-font-display);-webkit-text-stroke:.6px currentColor;letter-spacing:0;color:var(--gb-title)}
.design-v3 .hero h1 em{color:var(--gb-gold-text)}
.design-v3 .intro{font-size:19px;line-height:1.7;color:var(--gb-text)}
.design-v3 .hero-note,.design-v3 .collection-heading p:not(.collection-count){font-size:16px;line-height:1.5;color:var(--gb-muted)}
.design-v3 .hero-bottom,.design-v3 .motion-toggle,.design-v3 .seal-caption{color:var(--gb-muted);font-size:14px}
.design-v3 .hero-bottom .status-light{background:var(--gb-neutral);box-shadow:none}
.design-v3 .caption-line{background:var(--gb-brass-line)}
.design-v3 .concept-label{color:var(--gb-muted);border-color:var(--gb-brass-line);background:transparent}
.design-v3 .collection{border-color:var(--gb-brass-line)}
.design-v3 .collection h2,.design-v3 .ritual-invitation h2{font-size:34px;color:var(--gb-title);-webkit-text-stroke:.6px currentColor}
.design-v3 .collection-count strong{color:var(--gb-gold-text);-webkit-text-stroke:.6px currentColor}
.design-v3 .collection-toolbar{border-color:var(--gb-brass-line)}
.design-v3 .collection-state,.design-v3 .collection-count>span,.design-v3 .collection-footer p{color:var(--gb-muted)}
.design-v3 .tiny-seal{border-color:var(--gb-brass);background:var(--gb-field)}
/* The collection is level two: brass-edged panels, no repeating highlight frame. */
.design-v3 .seal-card{border:1px solid var(--gb-brass-line);border-image:none;border-radius:4px;background:var(--gb-panel);box-shadow:var(--gb-shadow-1)}
.design-v3 .seal-card:hover,.design-v3 .seal-card:focus-visible{border-color:var(--gb-brass);background:linear-gradient(140deg,#2b251b,#211c16);transform:none}
.design-v3 .card-title{font-family:var(--gb-font-display);-webkit-text-stroke:.3px currentColor;color:var(--gb-gold-text);font-size:20px}
.design-v3 .card-subtitle,.design-v3 .has-hint .card-subtitle{font-size:14px;color:var(--gb-muted)}
.design-v3 .has-hint .card-subtitle{color:var(--gb-text)}
.design-v3 .card-arrow{color:var(--gb-link)}
body.fth-design.design-v3 .button,.design-v3 .collection-filters button{
 min-height:44px;font:400 16px/1.4 var(--gb-font-display);-webkit-text-stroke:.3px currentColor;
 color:var(--gb-leather-text);background:var(--gb-leather);border:1px solid var(--gb-brass);border-radius:3px;
 box-shadow:0 0 0 1px #000,inset 0 1px 0 #ffdc961f;padding:11px 20px;
}
body.fth-design.design-v3 .button:hover:not(:disabled),.design-v3 .collection-filters button:hover{background:var(--gb-leather-hover);border-color:var(--gb-gold);color:#f2e3c0}
body.fth-design.design-v3 .button.primary,.design-v3 .item-knowledge #context-demo{background:var(--gb-quest);color:var(--gb-quest-text);border-color:var(--gb-gold);box-shadow:0 0 0 1px #000,inset 0 1px 0 #ffbe8c59,inset 0 -2px 0 #0006}
body.fth-design.design-v3 .button.primary:hover:not(:disabled),.design-v3 .item-knowledge #context-demo:hover{background:var(--gb-quest-hover);color:#ffe2a0}
body.fth-design.design-v3 .button:active{transform:translateY(1px)}
body.fth-design.design-v3 .button:disabled{background:#1a1611;color:var(--gb-disabled);border-color:#3a2f1d;box-shadow:none}
.design-v3 .collection-filters button[aria-pressed=true]{color:var(--gb-gold-text);border-color:var(--gb-gold);background:#312517}
.design-v3 .collection-filters button span,.design-v3 .collection-filters button[aria-pressed=true] span{color:inherit}
.design-v3 .quiet,.design-v3 .text-action{color:var(--gb-link);text-decoration-color:#8a6d36}
.design-v3 .quiet:hover,.design-v3 .text-action:hover{color:var(--gb-gold-text)}
.design-v3 .about-data{background:var(--gb-panel);border-color:var(--gb-brass-line);color:var(--gb-text);font-size:16px;line-height:1.5}
.design-v3 .ritual-invitation{background:transparent;border-color:var(--gb-brass-line)}
.design-v3 .ritual-invitation p,.design-v3 .ritual-invitation small,.design-v3 .site-footer{color:var(--gb-muted)}
/* The reveal dialog is the single ornate highlight window in its view. */
.design-v3 dialog{background:var(--gb-window);border-image-width:20px;box-shadow:var(--gb-shadow-3);scrollbar-color:var(--gb-brass) var(--gb-deep)}
.design-v3 .ritual-room,.design-v3 .epic-demo .ritual-room{background:var(--gb-window)}
.design-v3 .dialog-top,.design-v3 .dialog-bottom{color:var(--gb-muted);border-color:var(--gb-brass-line);background:transparent}
.design-v3 .dialog-top .close-button{border:1px solid var(--gb-brass);background:var(--gb-leather);border-radius:3px;color:var(--gb-text)}
.design-v3 .ritual-copy h2,.design-v3 .item-knowledge h3{font-family:var(--gb-font-display);color:var(--gb-gold-text);-webkit-text-stroke:.6px currentColor}
.design-v3 .ritual-copy>p:last-child,.design-v3 .still-hidden,.design-v3 .known-record dt,.design-v3 .demo-disclosure,.design-v3 .context-demo-note,.design-v3 .item-evidence{color:var(--gb-muted)}
.design-v3 .ritual-status{color:var(--gb-soul);-webkit-text-stroke:.3px currentColor}
.design-v3 .item-knowledge li strong{color:var(--gb-gold-text)}
.design-v3 .item-knowledge li p,.design-v3 .known-record dd{color:var(--gb-text)}
.design-v3 .context-caption{color:var(--gb-muted)}
.design-v3 .ritual-theme-control{color:var(--gb-muted)}
.design-v3 .ritual-theme-control select{background:var(--gb-field);border-color:var(--gb-brass);color:var(--gb-text)}
.design-v3 .released-tooltip{background:#100c08;border-color:var(--gb-brass);color:var(--gb-text)}
.design-v3 .released-source{color:var(--gb-muted);border-color:var(--gb-brass-line)}
.design-v3 .ritual-room[data-quality='3']{--quality-text:var(--q-rare)}
.design-v3 .ritual-room[data-quality='4']{--quality-text:var(--q-epic)}
.design-v3 .ritual-room[data-quality='5']{--quality-text:var(--q-legendary)}
.design-v3 .epic-demo .revealed .ritual-copy h2{color:var(--quality-text,var(--quality-color))}
body.fth-design.design-v3 :focus-visible{outline:2px solid var(--gb-soul);outline-offset:5px}
.design-v3 .skip-link{background:var(--gb-deep);color:var(--gb-title)}
.design-v3 .skip-link:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){
 .design-v3 .hero h1{font-size:40px}.design-v3 .collection h2,.design-v3 .ritual-invitation h2{font-size:29px}
 .design-v3 .intro{font-size:19px}.design-v3 .site-header .nav-demo{font-size:14px}
 .design-v3 .card-title{font-size:19px}.design-v3 .card-subtitle{font-size:13px}
 .design-v3 .collection-filters button{font-size:15px;padding-inline:13px}
}
@media(max-width:359px){.design-v3 .hero h1{font-size:34px}.design-v3 .site-header .nav-demo{font-size:13px}.design-v3 .card-title{font-size:18px}}
.design-v3 .about-data{padding:20px 22px;border:1px solid var(--gb-brass-line);border-radius:4px}
.design-v3 .about-data p{max-width:72ch}
@media(max-width:700px){.design-v3 .about-data{padding:17px 16px}}