#fullMapPage .full-bonus{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:48px;align-items:center;max-width:980px;margin:48px auto;padding:32px 0;border-top:1px solid #d9bc7633;border-bottom:1px solid #d9bc7633}
#fullMapPage .full-bonus-art{position:relative;isolation:isolate;width:100%;max-width:310px;margin:auto;box-shadow:0 20px 50px #80573118,0 0 24px #fff3ca30;transition:box-shadow .6s;touch-action:pan-y}
#fullMapPage .full-bonus-art img{display:block;width:100%;height:auto;object-fit:contain;filter:none;transform:none;transition:filter .6s}
#fullMapPage .full-bonus-art:focus-visible{outline:2px solid #f0cf91;outline-offset:5px}
#fullMapPage .full-key-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
#fullMapPage .full-key-current{fill:none;stroke:#fff0ca;stroke-width:1.5;stroke-dasharray:14 22 90 800;opacity:.13;filter:drop-shadow(0 0 4px #f0cf91);animation:fullPainCurrent 16s linear infinite}
#fullMapPage .full-key-glint{fill:#fff1d7;opacity:.1;filter:drop-shadow(0 0 6px #fff0ca);animation:fullPainGlint 13s ease-in-out var(--delay) infinite}
#fullMapPage .full-key-gloss{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff8eb00 42%,#fff8eb38 49%,#e8c89312 54%,transparent 65%);background-size:250% 100%;background-position:140% 0;opacity:0;transition:opacity .5s}
#fullMapPage .full-bonus:is(:hover,:focus-within,.full-key-awake) .full-bonus-art{box-shadow:0 18px 45px #b4865533,0 0 34px #fff0b655}
#fullMapPage .full-bonus:is(:hover,:focus-within,.full-key-awake) img{filter:brightness(1.065) saturate(1.035)}
#fullMapPage .full-bonus:is(:hover,:focus-within,.full-key-awake) .full-key-gloss{opacity:.65;animation:fullPainGloss 1.4s ease-out both}
#fullMapPage .full-bonus:is(:hover,:focus-within,.full-key-awake) .full-key-current{opacity:.3}
#fullMapPage .full-bonus-copy h2{font:400 clamp(1.4rem,2.5vw,2rem)/1.25 var(--serif);color:#fff1d7;margin:12px 0}
#fullMapPage .full-bonus-copy h3{font:400 1.2rem/1.4 var(--serif);color:#f0cf91;margin:12px 0}
#fullMapPage .full-bonus-copy p{font:400 1rem/1.7 var(--serif);color:#e9d9c7;max-width:46ch;margin:14px 0}
#fullMapPage .full-bonus-copy .full-bonus-eyebrow{font:600 .7rem/1.7 var(--sans);letter-spacing:.14em;color:#f0cf91}
#fullMapPage .full-bonus-copy .full-bonus-note{font-size:.85rem}
#fullMapPage .full-bonus-copy a{margin-top:22px;width:100%}
#fullMapPage .full-bonus[data-motion-paused="true"] *{animation-play-state:paused!important}
body.quiet #fullMapPage .full-bonus *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#fullMapPage .full-bonus *{animation:none!important;transition:none!important}}
@media(max-width:760px){#fullMapPage .full-bonus{grid-template-columns:1fr;gap:24px;margin:32px auto}#fullMapPage .full-bonus-copy{max-width:38ch;margin:auto;text-align:center}#fullMapPage .full-bonus-art{max-width:270px}}
@keyframes fullPainCurrent{to{stroke-dashoffset:-926}}
@keyframes fullPainGlint{0%,72%,100%{opacity:.08}80%{opacity:.6}88%{opacity:.12}}
@keyframes fullPainGloss{0%{background-position:140% 0;opacity:.1}45%{opacity:.65}100%{background-position:-40% 0;opacity:.2}}