/* World 002 v13: optional encore — related reels & ramblings */
.world-extras{max-width:730px;margin:74px auto 0;padding:0 0 2px;color:#f7e2b4}
.world-extras-eyebrow{font:500 11px/1.4 'Avenir Next',Avenir,Arial,sans-serif;letter-spacing:.3em;color:#cfa765;text-transform:uppercase;text-align:center;margin-bottom:27px}
.world-extras-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}
.world-extra{text-align:left;border:1px solid rgba(235,187,100,.57);background:rgba(116,16,25,.22);transition:border-color .25s ease,background .25s ease;min-width:0}
.world-extra[open]{border-color:#f2bd65;background:rgba(100,16,25,.34)}
.world-extra summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;color:#f7d39a;font:700 clamp(14px,1.6vw,18px)/1.2 'Bebas Neue','Avenir Next',Arial,sans-serif;letter-spacing:.105em;text-transform:uppercase;user-select:none;transition:color .2s ease,background .2s ease}
.world-extra summary::-webkit-details-marker{display:none}
.world-extra summary:hover,.world-extra summary:focus-visible{background:rgba(228,153,54,.11);color:#fff1d2}
.world-extra summary:focus-visible{outline:2px solid #ffb653;outline-offset:3px}
.extra-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;font:400 24px/1 'Avenir Next',Arial,sans-serif;transform:translateY(-1px);transition:transform .25s ease}
.world-extra[open] .extra-arrow{transform:rotate(45deg)}
.world-extra-body{border-top:1px solid rgba(235,187,100,.3);padding:16px 16px 18px;background:rgba(0,0,0,.23)}
.extra-reel{display:flex;gap:12px;align-items:center;color:#fff2d8;text-decoration:none;padding:10px 8px;transition:background .2s ease}
.extra-reel:hover,.extra-reel:focus-visible{background:rgba(238,161,65,.12)}
.extra-play{width:36px;height:36px;border:1px solid #e8ad5d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffcf80;font-size:11px;flex-shrink:0;padding-left:2px}
.extra-reel-description{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.extra-reel-number{font:500 10px/1.3 'Avenir Next',Arial,sans-serif;letter-spacing:.2em;color:#e3b777}
.extra-reel-name{font:500 12px/1.5 'Avenir Next',Arial,sans-serif;letter-spacing:.06em}
.extra-external{font:400 22px/1 Georgia,serif;color:#e5ba7a}
.extra-empty{color:#e6caa5;margin:0;font:400 12px/1.7 'Avenir Next',Arial,sans-serif;letter-spacing:.06em}
@media(max-width:620px){
 .world-extras{margin-top:54px}
 .world-extras-options{grid-template-columns:1fr;gap:12px}
 .world-extra summary{padding:16px 18px}
}