/* Cohesive pass: matching relic material, no hanging banners or ragged cloth. */
.intro-copy h1,.intro-copy h1 em{color:#e3f1ff;background:linear-gradient(110deg,#eaf5ff 0%,#eaf5ff 24%,#8adcf5 40%,#c9bafa 53%,#eaf5ff 67%,#eaf5ff 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-current 8s ease-in-out infinite;text-shadow:0 3px 0 #07162d33}
/* The opening previews are images held in matching relic lenses, not miniature store cards. */
.hero-art.menu-scene{height:400px;min-height:400px;isolation:isolate}
.menu-scene .sample{width:176px;height:176px;padding:15px;background:none;border:0;box-shadow:none;top:auto;bottom:26px;left:18%;transform-origin:center;--tilt:-4deg;animation:lens-drift 8s ease-in-out infinite;overflow:visible}
.menu-scene .sample:before{inset:0;background:url('/assets/gwen-world/relic-seal.svg') center/contain no-repeat;opacity:1;transform:rotate(-5deg)}
.menu-scene .sample img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:78% center;clip-path:polygon(50% 0,85% 14%,100% 47%,88% 84%,54% 100%,17% 88%,0 55%,12% 18%);border:0;border-radius:0;opacity:.92}
.menu-scene .sample:after{content:"";position:absolute;inset:16px;clip-path:polygon(50% 0,85% 14%,100% 47%,88% 84%,54% 100%,17% 88%,0 55%,12% 18%);background:linear-gradient(0deg,#06142a60,transparent 55%);pointer-events:none}
.menu-scene .sample.sam2{left:50%;bottom:-8px;width:190px;height:190px;--tilt:1deg;animation-delay:-2.5s}
.menu-scene .sample.sam3{left:82%;bottom:36px;--tilt:5deg;animation-delay:-5s}
.menu-scene .sample span{display:none!important}
@keyframes lens-drift{0%,100%{transform:translateX(-50%) translateY(0) rotate(var(--tilt))}50%{transform:translateX(-50%) translateY(-7px) rotate(calc(var(--tilt) + 2deg))}}
.menu-scene .portal-disc{width:170px;height:170px;background:radial-gradient(circle,#32577812,transparent 70%);border:0;box-shadow:none}
.menu-scene .portal-ring{width:216px;height:216px;border:1px solid #86b6d72b;box-shadow:none;animation-duration:40s}
.menu-scene .portal-ring.ring-inner{width:202px;height:202px;border:1px dashed #a3c2e029;animation-duration:32s}
.menu-scene .portal-ring.ring-outer:after{display:none}
.menu-scene .portal-scissors{width:108px;height:150px;top:29px;left:calc(50% - 54px)}
.menu-scene .portal-spark{top:20px;transform-origin:10px 120px;font-size:13px;opacity:.4}
/* Mood objects: emblem, label, selection — all share one blue/silver material. */
.deck.threads{max-width:1050px;gap:26px;padding-top:5px;align-items:stretch}
.deck.threads .thread-card{--c:#a4def1!important;position:relative;max-width:190px;min-height:260px;padding:10px 4px 20px!important;isolation:isolate;transform-origin:center;transition:translate .3s,opacity .3s}
.thread-card[data-k=dark],.thread-card[data-k=dance]{--c:#b3b5ed!important}
.deck.threads .thread-card:before{inset:auto 0 0;height:104px;background:radial-gradient(ellipse at 50% 20%,#1f3a5e85,transparent 72%);border:0;opacity:.7;filter:none;outline:0}
.thread-card .patch-cord,.thread-card .patch-pin,.thread-card .cloth-corner{display:none!important}
.thread-card .symbol{position:relative;height:168px!important;width:168px;margin:0 auto!important;isolation:isolate}
.thread-card .symbol:before{content:"";position:absolute;inset:0;left:0;top:0;width:100%;height:100%;transform:none;border:0;border-radius:0;background:url('/assets/gwen-world/relic-seal.svg') center/contain no-repeat;opacity:.9;transition:opacity .3s}
.thread-card .symbol svg.mood-sigil{width:112px!important;height:125px!important;color:var(--c);opacity:.95;transform-origin:center}
.thread-card .symbol:after{content:"";position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle,#8acfea10,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.thread-card .sigil-line{stroke-width:1.6}.thread-card .sigil-stitch{stroke-width:1;opacity:.45}.thread-card .sigil-fill{opacity:.08}
.thread-card h2{font-size:21px!important;font-weight:700;line-height:1.5!important;margin:13px -5px 0!important;color:#e8f1ff;text-shadow:0 3px 12px #041022}
.thread-card[data-k=dark] h2{font-size:18px!important}
.thread-card .mood-caption{margin-top:4px!important;color:#adc2d9!important;font-size:11px!important}
.thread-card .mood-pick{margin-top:11px;padding:3px 11px;background:none;border:0;border-top:1px solid #7299be55;font-size:9px;color:#abcce2}
.thread-card .role{right:50%;top:4px;transform:translateX(50%);white-space:nowrap}
.thread-card.selected .role{right:50%;top:-3px;transform:translateX(50%);background:#152943;color:#d1eaff;border:1px solid #83b3d1;border-radius:2px 7px;padding:3px 9px;box-shadow:0 4px 10px #03112588;z-index:4;font-size:9px}
.deck.threads .thread-card:hover,.deck.threads .thread-card:focus-visible{translate:0 -7px;rotate:0deg;background:none}
.deck.threads .thread-card.selected{translate:0 -9px;rotate:0deg;background:none}
.thread-card:hover .symbol:before,.thread-card:focus-visible .symbol:before,.thread-card.selected .symbol:before{opacity:1}
.thread-card.selected .symbol:before{background:url('/assets/gwen-world/relic-seal.svg') center/contain no-repeat;border:0;filter:brightness(1.3)}
.thread-card.selected .symbol:after{opacity:1}
.thread-card.selected:before{filter:none;background:radial-gradient(ellipse at 50% 20%,#32658e66,transparent 72%)}
.thread-card.selected h2{color:#ace4f6;text-shadow:0 2px 0 #07162c}
.deck.threads .thread-card.selected:after{top:142px;inset-inline-end:27px;width:19px;height:19px;background:#b1dcf1;color:#15304b;border:1px solid #d5edfa;font-size:10px;line-height:18px}
.thread-card.selected .sigil-fill{opacity:.16}
.braid{height:31px;width:290px;opacity:.35}.braid.on{opacity:.75}
@media(min-width:1000px){.hero-art.menu-scene{height:400px;min-height:400px}.menu-scene .portal-scissors{top:25px}.menu-scene .portal-spark{top:10px}.menu-scene .portal-ring{top:25px}.menu-scene .portal-disc{top:47px}.deck.threads .thread-card{min-height:265px}.stage{padding-top:10px}}
@media(max-width:1000px) and (min-width:761px){.deck.threads{gap:12px}.thread-card .symbol{width:145px;height:145px!important}.thread-card .symbol svg.mood-sigil{width:98px!important;height:108px!important}.thread-card h2{font-size:19px!important}.thread-card[data-k=dark] h2{font-size:17px!important}.menu-scene .sample{width:150px;height:150px}.menu-scene .sample.sam2{width:165px;height:165px}}
@media(max-width:760px){.hero-art.menu-scene{height:300px;min-height:300px;max-width:355px}.menu-scene .sample{width:116px;height:116px;padding:11px;bottom:14px;left:18%}.menu-scene .sample.sam2{width:131px;height:131px;left:50%;bottom:-4px}.menu-scene .sample.sam3{width:116px;height:116px;left:82%;bottom:19px}.menu-scene .sample:after{inset:12px}.menu-scene .portal-scissors{width:94px;height:132px;top:5px;left:calc(50% - 47px)}.menu-scene .portal-disc{width:150px;height:150px}.menu-scene .portal-ring{width:178px;height:178px}.menu-scene .portal-ring.ring-inner{width:165px;height:165px}.menu-scene .portal-spark{top:0;transform-origin:10px 105px}.deck.threads{gap:20px 14px;padding-top:5px;max-width:400px}.deck.threads .thread-card{min-height:239px;padding:7px 2px 15px!important;width:100%;max-width:none}.thread-card .symbol{width:142px;height:142px!important}.thread-card .symbol svg.mood-sigil{width:94px!important;height:105px!important}.thread-card h2{font-size:19px!important;line-height:1.5!important;margin-top:10px!important}.thread-card[data-k=dark] h2{font-size:17px!important}.thread-card .mood-caption{font-size:10px!important}.thread-card .mood-pick{font-size:8px;margin-top:8px}.deck.threads .thread-card.selected:after{top:120px;inset-inline-end:21px;width:17px;height:17px;font-size:9px;line-height:16px}.thread-card.selected .role{top:0;font-size:8px;padding:2px 7px}.thread-card .symbol:after{inset:20px}.braid{width:65%;height:27px}}
html[data-motion=off] .menu-scene .sample{animation:none!important;transform:translateX(-50%) rotate(var(--tilt));opacity:1}
@media(prefers-reduced-motion:reduce){.intro-copy h1,.intro-copy h1 em{animation:none!important}.menu-scene .sample{animation:none!important;transform:translateX(-50%) rotate(var(--tilt));opacity:1}}