.legends-article .article-heading{max-width:950px;padding-bottom:24px}.legends-article h1 em{color:var(--red)}.legends-intro{max-width:850px;margin:0 auto 28px;font-size:1rem;line-height:1.8;color:#d7d7df}.legends-intro p{margin-bottom:14px}.legends-experience{max-width:850px;margin:0 auto}.legends-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;border:1px solid #ffffff28;background:#101017;border-radius:14px;font-size:.8rem}.legends-toolbar strong{color:#fff;font:800 italic 1.5rem var(--display);margin-right:10px}.legends-toolbar>span:last-child{color:#ff8490}.legends-instruction,.legends-caption{color:#c9c9d2;font-size:.78rem;line-height:1.7;margin:16px 0}.legends-board{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 20px 75px #0008;background:#09090c}.legends-board-art{width:100%;height:auto}.legend-card{position:absolute;left:var(--slot-x);top:var(--slot-y);width:var(--slot-w);height:var(--slot-h);padding:0;border:0;border-radius:12px;background:#09090b;cursor:pointer;perspective:1200px;isolation:isolate;box-shadow:0 2px 9px #0009}.legend-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.65,.2,1)}.legend-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;background:#09090b}.legend-face img{width:100%;height:100%;object-fit:contain}.legend-front{transform:rotateY(180deg)}.legend-card.is-revealed .legend-turn{transform:rotateY(180deg)}.legend-card.is-revealed{box-shadow:0 0 0 1px #e4ba63,0 0 20px #e4ba6355}.legend-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.legend-hint{position:absolute;z-index:2;bottom:7px;left:50%;transform:translateX(-50%);background:#09090de6;border:1px solid #ffffff35;border-radius:20px;padding:3px 9px;color:#fff;font:600 .65rem var(--body);pointer-events:none;white-space:nowrap}.legend-card.is-revealed .legend-hint{opacity:0;transition:opacity .3s}.legend-card.is-revealed:hover .legend-hint,.legend-card.is-revealed:focus-visible .legend-hint{opacity:1}.legend-spark{position:absolute;inset:0;display:grid;place-items:center;color:#ffe3a0;font-size:4rem;opacity:0;pointer-events:none;z-index:3}.legend-card.is-revealed .legend-spark{animation:legend-starlight 1.2s .35s both}.legend-card::after{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(115deg,transparent 30%,#fff5 45%,#ffe3a055 50%,transparent 65%);opacity:0;pointer-events:none;z-index:4}.legend-card.is-revealed::after{animation:legend-shine 1.4s .25s both}.legends-nojs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.legends-nojs img{width:100%;height:auto}.legends-article .article-back{padding-block:30px 55px}.legend-zoom{padding:0;border:0;background:transparent;margin:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:visible;color:#fff}.legend-zoom::backdrop{background:#030305ed;backdrop-filter:blur(7px)}.legend-zoom button{border:0;background:none;padding:0;cursor:zoom-out;display:block}.legend-zoom img{width:auto;height:min(88dvh,1000px);max-width:calc(100vw - 28px);object-fit:contain;border-radius:16px;box-shadow:0 0 60px #e4ba6333}.legend-zoom p{text-align:center;font-size:.7rem;color:#d3d3dc;margin-top:10px}.phb-reading .legends-experience{margin-top:25px}.phb-reading .legends-instruction,.phb-reading .legends-caption{font-size:.75rem}.phb-reading .legends-board-art{height:auto!important;max-height:none!important;margin:0!important;object-fit:initial!important}
@keyframes legend-starlight{0%{opacity:0;transform:scale(.2) rotate(-30deg)}35%{opacity:1;transform:scale(1.5) rotate(20deg)}100%{opacity:0;transform:scale(2.5) rotate(80deg)}}@keyframes legend-shine{0%{opacity:0;transform:translateX(-80%)}30%{opacity:.8}100%{opacity:0;transform:translateX(80%)}}
@media(max-width:700px){.legends-article .article-heading{padding-top:22px}.legends-article .container{width:calc(100% - 24px)}.legends-article h1{font-size:2.65rem}.legends-intro{font-size:.85rem}.legends-toolbar{padding:12px 14px;font-size:.67rem}.legends-toolbar strong{font-size:1.25rem}.legends-instruction,.legends-caption{font-size:.7rem;margin:12px 0}.legend-card,.legend-face,.legend-card::after{border-radius:6px}.legend-hint{font-size:.5rem;bottom:3px;padding:2px 5px}.legend-spark{font-size:2rem}.legends-board{border-radius:8px}.legend-zoom img{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.legend-turn{transition:none}.legend-spark,.legend-card::after{animation:none!important;display:none}}

/* Identical portrait frames; the original artwork stays untouched. */
.legend-card{background:transparent;box-shadow:none;border-radius:6% / 4%}
.legend-face{background:transparent;border-radius:6% / 4%;overflow:visible}
.legend-face img,.legend-zoom img,.legends-nojs img{clip-path:inset(.45% .6% round 6% / 4%)}
.legend-face img{object-fit:fill}
.legend-card.is-revealed{box-shadow:none;filter:drop-shadow(0 0 8px #e4ba6355)}
.legend-zoom img{border-radius:0;box-shadow:none;filter:drop-shadow(0 0 24px #e4ba6333)}
.legend-empty{position:absolute;left:var(--slot-x);top:var(--slot-y);width:var(--slot-w);height:var(--slot-h);display:grid;place-items:center;border:1px solid #b6b6bc55;border-radius:6% / 4%;background:linear-gradient(135deg,#b4b4b422,#27272b55);color:#c2c2c8}
.legend-empty span{font:700 .8rem var(--display);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.legend-card,.legend-face{border-radius:6% / 4%}.legend-empty span{font-size:.45rem}}

.legends-toolbar{display:block;padding:14px 0;margin:0;text-align:center;border:0;border-radius:0;background:transparent;color:#fff;font:800 italic clamp(1.3rem,3vw,2rem)/1.3 var(--display);text-wrap:balance}
.legends-toolbar em{color:var(--red);font-style:inherit}

.phb-reading .legends-toolbar{font:800 italic clamp(1.3rem,3vw,2rem)/1.3 var(--display);color:#fff}

.legends-board{outline:2px solid #fff;outline-offset:0}

.legends-intro .article-intro{font-size:clamp(.9rem,1.2vw,1rem);font-weight:400;line-height:1.7;color:#c9c9d2;max-width:none;margin-bottom:0}.legends-intro{margin-bottom:18px}

.legend-zoom img{display:block;width:min(calc(100vw - 28px),58.6667dvh,666px);height:auto;max-height:88dvh;aspect-ratio:2/3;border-radius:0}