.wheel-mode .world-layout{inset:92px 5vw 4vh;grid-template-columns:minmax(520px,48vw) minmax(330px,410px);gap:clamp(45px,8vw,150px);align-items:center;justify-content:space-between}
.wheel-mode .world-directory-left{position:relative;height:min(76vh,760px);min-height:560px;padding:0;background:none;border:0;overflow:visible;isolation:isolate}
.wheel-mode .world-directory-left:before,.wheel-mode .world-directory-left:after{display:none}
.wheel-mode .world-rail-title{display:none}
.wheel-mode .world-rail-title small{font-size:9px;margin-bottom:10px}.wheel-mode .world-rail-title b{font-size:20px}
.wheel-mode .world-menu{position:absolute;inset:0;overflow:hidden;scrollbar-width:none;touch-action:none;cursor:grab;outline:none;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
.wheel-mode .world-menu.dragging{cursor:grabbing}
.wheel-mode .world-menu button{position:absolute;z-index:3;left:23%;top:50%;width:max-content;min-width:390px;min-height:0;padding:16px 30px;border:0;background:none!important;display:grid;grid-template-columns:48px auto;text-align:left;transform-origin:left center;will-change:transform,opacity,filter;color:rgba(241,237,226,.55);scroll-snap-align:none}
.wheel-mode .world-menu button:before{left:3px;top:50%;width:7px;height:7px!important;border-radius:50%;background:#c99b4a;box-shadow:0 0 0 7px rgba(201,155,74,.09);opacity:var(--wheel-focus,0);transition:opacity .25s}
.wheel-mode .world-menu button:after{content:"";position:absolute;right:100%;top:50%;width:46vw;height:1px;background:linear-gradient(90deg,transparent,rgba(201,155,74,.22));transform-origin:right;opacity:calc(var(--wheel-focus,0)*.8);pointer-events:none}
.wheel-mode .world-menu button>span{grid-column:1;grid-row:1;align-self:center;font-size:13px;line-height:1;color:#c99b4a;padding:0}.wheel-mode .world-menu button b{grid-column:2;grid-row:1;font-size:clamp(22px,1.9vw,31px);font-weight:400;line-height:1.12;letter-spacing:.04em}.wheel-mode .world-menu button small{grid-column:2;grid-row:2;display:block;box-sizing:border-box;font-size:9px;line-height:1;white-space:nowrap;margin-top:9px}.wheel-mode .world-menu button.active{color:#f7f2e5}.wheel-mode .world-menu button.active b{font-size:clamp(32px,2.6vw,44px)}
.wheel-mode .world-scroll-hint{display:none}
.wheel-mode .world-directory-right{position:absolute;left:calc(50% + 1em);right:auto;top:50%;width:min(29vw,410px);height:min(58vh,520px);min-height:420px;margin:0;padding:0;overflow:visible;mask-image:none;scroll-snap-type:none;translate:0 -50%}
.wheel-mode .world-card{position:absolute;inset:0;min-height:0;height:100%;margin:0;padding:clamp(32px,3.3vw,50px);justify-content:center;opacity:0;visibility:hidden;transform:translateY(18px) scale(.985);background:linear-gradient(145deg,rgba(5,22,14,.8),rgba(8,29,18,.48));border:1px solid rgba(225,205,164,.19);border-radius:20px;backdrop-filter:blur(11px);transition:opacity .48s ease,transform .55s cubic-bezier(.2,.72,.2,1),visibility 0s linear .5s}
.wheel-mode .world-card.active{opacity:1;visibility:visible;transform:none;border-color:rgba(201,155,74,.3);transition-delay:0s}
.wheel-mode .world-card>span{font-size:9px}.wheel-mode .world-card h2{font-size:clamp(31px,3vw,45px);margin:20px 0}.wheel-mode .world-card p{font-size:14px;line-height:2}.wheel-mode .world-card>small{margin-top:34px}
@media(max-width:1000px){.wheel-mode .world-layout{grid-template-columns:minmax(430px,1fr) 340px;gap:25px}.wheel-mode .world-menu button{left:17%;min-width:340px}}
@media(max-width:760px){.wheel-mode .world-layout{inset:72px 20px 18px;display:grid;grid-template-columns:1fr;grid-template-rows:43vh 1fr;gap:10px}.wheel-mode .world-directory-left{height:43vh;min-height:0;margin:0}.wheel-mode .world-directory-left:before{width:440px;height:440px;left:-250px}.wheel-mode .world-menu button{left:25%;min-width:250px;padding:9px 18px}.wheel-mode .world-menu button b{font-size:18px}.wheel-mode .world-menu button.active b{font-size:24px}.wheel-mode .world-rail-title{top:10px}.wheel-mode .world-scroll-hint{display:none}.wheel-mode .world-directory-right{width:100%;height:auto;min-height:0;margin:0;padding:0}.wheel-mode .world-card{padding:24px 26px}.wheel-mode .world-card h2{font-size:28px;margin:12px 0}.wheel-mode .world-card p{font-size:12px;line-height:1.75}.wheel-mode .world-card>small{margin-top:16px}}

/* Museum-plaque treatment and the animated connector between both regions. */
.wheel-mode .world-directory-left,.wheel-mode .world-directory-right{z-index:3}
.wheel-mode .world-menu button:after{display:block}
.world-connector{display:none}
.world-connector path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(201,155,74,.12));opacity:0}
.wheel-mode .world-card{padding:clamp(42px,4vw,62px);padding-left:clamp(68px,5.6vw,90px);background:linear-gradient(rgba(201,155,74,.55),rgba(201,155,74,.55)) left top/46% 1px no-repeat,linear-gradient(rgba(201,155,74,.55),rgba(201,155,74,.55)) left top/1px 62% no-repeat,linear-gradient(rgba(201,155,74,.4),rgba(201,155,74,.4)) right bottom/19% 1px no-repeat,linear-gradient(rgba(201,155,74,.4),rgba(201,155,74,.4)) right bottom/1px 17% no-repeat;border:0;border-radius:0;backdrop-filter:none}
.wheel-mode .world-card:after{content:attr(data-chapter);position:absolute;z-index:-1;right:-4px;top:-70px;font-size:clamp(112px,11vw,168px);font-weight:200;line-height:1;color:rgba(213,180,102,.075);letter-spacing:-.07em;pointer-events:none}
.wheel-mode .world-card>span{position:relative;padding-left:22px}.wheel-mode .world-card>span:before{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:#c99b4a}
.wheel-mode .world-card h2{font-size:clamp(35px,3.2vw,49px);color:rgba(255,252,240,.96);text-shadow:0 2px 18px rgba(2,12,7,.24)}
.wheel-mode .world-card p{max-width:340px;color:rgba(250,246,233,.82)}
.wheel-mode .world-card>span{color:#e5b95f}
.wheel-mode .world-card>small{align-self:flex-start;padding-bottom:8px;border-bottom:1px solid rgba(222,181,91,.48);color:rgba(238,200,116,.88)}
.world-plaque-footer{position:absolute;right:0;bottom:-48px;display:flex;align-items:center;gap:18px;color:rgba(211,174,92,.72);font-size:8px;letter-spacing:.24em;white-space:nowrap}
.world-plaque-footer i{width:25px;height:25px;border:1px solid rgba(201,155,74,.42);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px}
@media(max-width:760px){.world-connector{display:none}.wheel-mode .world-directory-right{position:relative;left:auto;right:auto;top:auto;translate:0 0}.wheel-mode .world-card{padding:28px 27px}.wheel-mode .world-card:after{top:-28px;font-size:82px}.world-plaque-footer{bottom:-28px;font-size:7px}.world-plaque-footer i{display:none}}

/* Restrained museum-plaque edge light, adapted from the supplied BorderGlow. */
@property --plaque-glow-angle{syntax:"<angle>";inherits:false;initial-value:115deg}
.wheel-mode .world-card{--plaque-glow-angle:115deg;--plaque-glow-opacity:0;isolation:isolate}
.wheel-mode .world-card>*{position:relative;z-index:2}
.wheel-mode .world-card:after{z-index:2;top:-52px;right:0;color:rgba(246,211,132,.34);text-shadow:0 0 30px rgba(224,180,82,.11)}
.wheel-mode .world-card:before{content:"";position:absolute;z-index:3;inset:-1px;padding:1px;pointer-events:none;background:conic-gradient(from var(--plaque-glow-angle),transparent 0 39%,rgba(118,151,105,.08) 44%,rgba(201,155,74,.78) 49%,rgba(244,226,182,.82) 50%,rgba(201,155,74,.42) 53%,transparent 61%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:var(--plaque-glow-opacity);filter:drop-shadow(0 0 5px rgba(201,155,74,.16));transition:opacity .55s ease}
.wheel-mode .world-card.active.plaque-sweep:before{animation:plaqueIntroSweep 2.6s cubic-bezier(.2,.68,.2,1)}
@keyframes plaqueIntroSweep{0%{--plaque-glow-angle:105deg;opacity:0}18%{opacity:.42}68%{opacity:.32}100%{--plaque-glow-angle:455deg;opacity:0}}
@media(prefers-reduced-motion:reduce){.wheel-mode .world-card.active.plaque-sweep:before{animation:none}}

/* Soft interior spotlight adapted from the supplied SpotlightCard component. */
.wheel-mode .world-card .plaque-spotlight{position:absolute!important;z-index:1!important;inset:-220px!important;display:block;pointer-events:none;overflow:visible;opacity:var(--plaque-spotlight-opacity,0);transition:opacity .65s ease}
.wheel-mode .world-card .plaque-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 210px at calc(var(--plaque-spot-x,50%) + 220px) calc(var(--plaque-spot-y,50%) + 220px),rgba(224,192,119,.11) 0,rgba(131,151,103,.065) 32%,rgba(15,45,28,.025) 54%,transparent 72%);mix-blend-mode:screen;transform:translateZ(0)}
.wheel-mode .world-card.active:hover{--plaque-spotlight-opacity:1}
@media(max-width:760px),(hover:none){.wheel-mode .world-card .plaque-spotlight{display:none}}

/* Strapless Lanyard adaptation: a restrained draggable plaque with spring return. */
.wheel-mode .world-card.active{transform:translate3d(var(--plaque-float-x,0px),var(--plaque-float-y,0px),0) rotate(var(--plaque-float-r,0deg));transform-origin:50% 12%;will-change:transform;cursor:grab;transition:opacity .48s ease,visibility 0s linear 0s}
.wheel-mode .world-card.active.plaque-dragging{cursor:grabbing;user-select:none}
@media(max-width:760px),(hover:none),(prefers-reduced-motion:reduce){.wheel-mode .world-card.active{transform:none;cursor:auto;will-change:auto}}

/* Editorial museum transition: masked, staggered typography instead of a card slide. */
.wheel-mode .world-card.plaque-leave{opacity:1;visibility:visible;pointer-events:none;z-index:4}
.wheel-mode .world-card.plaque-enter{z-index:5}
.wheel-mode .world-card.plaque-enter>span,.wheel-mode .world-card.plaque-enter>h2,.wheel-mode .world-card.plaque-enter>p,.wheel-mode .world-card.plaque-enter>small{animation:plaqueEditorialIn .82s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity,filter,clip-path}
.wheel-mode .world-card.plaque-enter>span{animation-delay:.06s}
.wheel-mode .world-card.plaque-enter>h2{animation-delay:.13s}
.wheel-mode .world-card.plaque-enter>p{animation-delay:.22s}
.wheel-mode .world-card.plaque-enter>small{animation-delay:.31s}
.wheel-mode .world-card.plaque-enter:after{animation:plaqueNumberIn 1.05s cubic-bezier(.16,1,.3,1) .03s both}
.wheel-mode .world-card.plaque-leave>span,.wheel-mode .world-card.plaque-leave>h2,.wheel-mode .world-card.plaque-leave>p,.wheel-mode .world-card.plaque-leave>small{animation:plaqueEditorialOut .38s cubic-bezier(.4,0,1,1) both}
.wheel-mode .world-card.plaque-leave:after{animation:plaqueNumberOut .48s ease both}
@keyframes plaqueEditorialIn{0%{opacity:0;transform:translate3d(0,24px,0);filter:blur(7px);clip-path:inset(0 0 100% 0)}42%{opacity:.55}100%{opacity:1;transform:none;filter:blur(0);clip-path:inset(0)}}
@keyframes plaqueEditorialOut{0%{opacity:1;transform:none;filter:blur(0);clip-path:inset(0)}100%{opacity:0;transform:translate3d(0,-13px,0);filter:blur(4px);clip-path:inset(0 0 18% 0)}}
@keyframes plaqueNumberIn{0%{opacity:0;transform:translate3d(30px,-8px,0);filter:blur(9px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes plaqueNumberOut{to{opacity:0;transform:translate3d(-18px,-5px,0);filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){.wheel-mode .world-card.plaque-enter>span,.wheel-mode .world-card.plaque-enter>h2,.wheel-mode .world-card.plaque-enter>p,.wheel-mode .world-card.plaque-enter>small,.wheel-mode .world-card.plaque-enter:after,.wheel-mode .world-card.plaque-leave>span,.wheel-mode .world-card.plaque-leave>h2,.wheel-mode .world-card.plaque-leave>p,.wheel-mode .world-card.plaque-leave>small,.wheel-mode .world-card.plaque-leave:after{animation:none}}

/* Circular archive plate: turns in sympathy with the directory wheel. */
.wheel-mode .world-directory-right{width:min(31vw,440px);height:min(31vw,440px);min-height:0;overflow:visible}
.wheel-mode .world-card,.wheel-mode .world-card.active{inset:0;box-sizing:border-box;border-radius:50%;padding:clamp(58px,5vw,78px);background:radial-gradient(circle at 36% 30%,rgba(40,74,48,.3),rgba(5,24,15,.74) 58%,rgba(3,15,10,.88));border:1px solid rgba(226,190,109,.31);box-shadow:inset 0 0 0 12px rgba(201,155,74,.018),inset 0 0 0 13px rgba(201,155,74,.09),0 25px 70px rgba(1,9,5,.2);overflow:visible}
.wheel-mode .world-card:before{border-radius:50%}
.wheel-mode .world-card:after{right:8%;top:-6%;font-size:clamp(94px,9vw,138px);color:rgba(246,211,132,.28)}
.wheel-mode .world-card.plaque-enter>span,.wheel-mode .world-card.plaque-enter>h2,.wheel-mode .world-card.plaque-enter>p,.wheel-mode .world-card.plaque-enter>small,.wheel-mode .world-card.plaque-enter:after,.wheel-mode .world-card.plaque-leave>span,.wheel-mode .world-card.plaque-leave>h2,.wheel-mode .world-card.plaque-leave>p,.wheel-mode .world-card.plaque-leave>small,.wheel-mode .world-card.plaque-leave:after{animation:none}
.wheel-mode .world-card.plaque-enter{animation:archiveDiscIn .92s cubic-bezier(.16,1,.3,1) both}
.wheel-mode .world-card.plaque-leave{animation:archiveDiscOut .62s cubic-bezier(.4,0,.5,1) both}
.wheel-mode .world-card.plaque-turn-backward{--disc-in-angle:-14deg;--disc-out-angle:10deg}
.wheel-mode .world-card.plaque-turn-forward{--disc-in-angle:14deg;--disc-out-angle:-10deg}
@keyframes archiveDiscIn{0%{opacity:0;filter:blur(7px) brightness(.78);transform:translate3d(0,16px,0) rotate(var(--disc-in-angle,14deg)) scale(.91);clip-path:circle(18% at 50% 50%)}45%{opacity:.58}100%{opacity:1;filter:none;transform:translate3d(var(--plaque-float-x,0),var(--plaque-float-y,0),0) rotate(var(--plaque-float-r,0deg)) scale(1);clip-path:circle(72% at 50% 50%)}}
@keyframes archiveDiscOut{0%{opacity:1;filter:none;transform:none;clip-path:circle(72% at 50% 50%)}100%{opacity:0;filter:blur(5px) brightness(.8);transform:translate3d(0,-10px,0) rotate(var(--disc-out-angle,-10deg)) scale(.94);clip-path:circle(28% at 50% 50%)}}
@media(max-width:760px){.wheel-mode .world-directory-right{width:min(82vw,390px);height:min(82vw,390px);margin-inline:auto}.wheel-mode .world-card,.wheel-mode .world-card.active{padding:48px}}
@media(prefers-reduced-motion:reduce){.wheel-mode .world-card.plaque-enter,.wheel-mode .world-card.plaque-leave{animation:none}}

/* Mirrored archive wheel: rectangular plaques travel on the same arc as the left directory. */
.wheel-mode .world-directory-right{left:calc(50% + 2em);top:50%;width:min(31vw,440px);height:min(78vh,760px);min-height:560px;translate:0 -50%;overflow:visible}
.wheel-mode .world-card,.wheel-mode .world-card.active{top:50%;bottom:auto;left:0;right:0;width:100%;height:min(39vh,350px);min-height:300px;margin:0;padding:clamp(42px,4vw,62px) clamp(50px,4.8vw,76px);border-radius:0;overflow:visible;visibility:visible;opacity:var(--archive-opacity,0);filter:blur(var(--archive-blur,0));transform:translate3d(calc(var(--archive-x,0px) + var(--plaque-float-x,0px)),calc(var(--archive-y,0px) + var(--plaque-float-y,0px) - 50%),0) rotate(calc(var(--archive-r,0deg) + var(--plaque-float-r,0deg))) scale(var(--archive-scale,1));transform-origin:left center;background:linear-gradient(rgba(201,155,74,.58),rgba(201,155,74,.58)) left top/46% 1px no-repeat,linear-gradient(rgba(201,155,74,.58),rgba(201,155,74,.58)) left top/1px 62% no-repeat,linear-gradient(rgba(201,155,74,.42),rgba(201,155,74,.42)) right bottom/19% 1px no-repeat,linear-gradient(rgba(201,155,74,.42),rgba(201,155,74,.42)) right bottom/1px 17% no-repeat,linear-gradient(145deg,rgba(5,22,14,.72),rgba(8,29,18,.32));border:0;box-shadow:none;backdrop-filter:blur(7px);transition:none;pointer-events:none;will-change:transform,opacity,filter}
.wheel-mode .world-card.active{pointer-events:auto;cursor:grab}
.wheel-mode .world-card.active.plaque-dragging{cursor:grabbing}
.wheel-mode .world-card:before{border-radius:0}
.wheel-mode .world-card:after{right:0;top:-12%;font-size:clamp(92px,8vw,130px)}
.wheel-mode .world-card.plaque-enter,.wheel-mode .world-card.plaque-leave{animation:none}
@media(max-width:760px){.wheel-mode .world-directory-right{left:auto;top:auto;width:100%;height:43vh;min-height:0;translate:0}.wheel-mode .world-card,.wheel-mode .world-card.active{height:250px;min-height:250px;padding:34px 38px}}

/* Restored editorial rectangular plaque. */
.wheel-mode .world-directory-right{position:absolute;left:calc(50% + 1em);right:auto;top:50%;width:min(29vw,410px);height:min(58vh,520px);min-height:420px;margin:0;padding:0;overflow:visible;translate:0 -50%}
.wheel-mode .world-card,.wheel-mode .world-card.active{position:absolute;inset:0;width:auto;height:100%;min-height:0;margin:0;padding:clamp(42px,4vw,62px);padding-left:clamp(68px,5.6vw,90px);justify-content:center;border-radius:0;overflow:visible;background:linear-gradient(rgba(201,155,74,.55),rgba(201,155,74,.55)) left top/46% 1px no-repeat,linear-gradient(rgba(201,155,74,.55),rgba(201,155,74,.55)) left top/1px 62% no-repeat,linear-gradient(rgba(201,155,74,.4),rgba(201,155,74,.4)) right bottom/19% 1px no-repeat,linear-gradient(rgba(201,155,74,.4),rgba(201,155,74,.4)) right bottom/1px 17% no-repeat;box-shadow:none;backdrop-filter:none;filter:none;transform:translate3d(var(--plaque-float-x,0px),var(--plaque-float-y,0px),0) rotate(var(--plaque-float-r,0deg));transform-origin:50% 12%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .48s ease,visibility 0s linear .5s;z-index:auto}
.wheel-mode .world-card.active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.wheel-mode .world-card:before{border-radius:0}
.wheel-mode .world-card:after{right:0;top:-52px;font-size:clamp(112px,11vw,168px)}
.wheel-mode .world-card.plaque-enter{z-index:5;animation:none}
.wheel-mode .world-card.plaque-leave{opacity:1;visibility:visible;z-index:4;animation:none}
.wheel-mode .world-card.plaque-enter>span,.wheel-mode .world-card.plaque-enter>h2,.wheel-mode .world-card.plaque-enter>p,.wheel-mode .world-card.plaque-enter>small{animation:plaqueEditorialIn .82s cubic-bezier(.16,1,.3,1) both}
.wheel-mode .world-card.plaque-enter>span{animation-delay:.06s}.wheel-mode .world-card.plaque-enter>h2{animation-delay:.13s}.wheel-mode .world-card.plaque-enter>p{animation-delay:.22s}.wheel-mode .world-card.plaque-enter>small{animation-delay:.31s}
.wheel-mode .world-card.plaque-enter:after{animation:plaqueNumberIn 1.05s cubic-bezier(.16,1,.3,1) .03s both}
.wheel-mode .world-card.plaque-leave>span,.wheel-mode .world-card.plaque-leave>h2,.wheel-mode .world-card.plaque-leave>p,.wheel-mode .world-card.plaque-leave>small{animation:plaqueEditorialOut .38s cubic-bezier(.4,0,1,1) both}
.wheel-mode .world-card.plaque-leave:after{animation:plaqueNumberOut .48s ease both}
.wheel-mode .world-card.plaque-enter>.world-chapter-cta{animation:chapterCtaIn .68s cubic-bezier(.16,1,.3,1) .36s both;transform-origin:left center;will-change:transform,opacity,filter,clip-path}
.wheel-mode .world-card.plaque-leave>.world-chapter-cta{animation:chapterCtaOut .3s cubic-bezier(.4,0,1,1) both;transform-origin:left center;will-change:transform,opacity,filter,clip-path}
@keyframes chapterCtaIn{0%{opacity:0;transform:translate3d(0,15px,0) scaleX(.72);filter:blur(5px);clip-path:inset(0 100% 0 0 round 8px)}100%{opacity:1;transform:none;filter:none;clip-path:inset(0 round 8px)}}
@keyframes chapterCtaOut{0%{opacity:1;transform:none;filter:none;clip-path:inset(0 round 8px)}100%{opacity:0;transform:translate3d(8px,-5px,0) scaleX(.82);filter:blur(3px);clip-path:inset(0 0 0 72% round 8px)}}
.wheel-mode .world-card.plaque-exited{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
@media(max-width:760px){.wheel-mode .world-directory-right{position:relative;left:auto;right:auto;top:auto;width:100%;height:auto;min-height:0;margin:0;padding:0;translate:0}.wheel-mode .world-card,.wheel-mode .world-card.active{padding:28px 27px}}

.world-chapter-cta{position:relative!important;z-index:8!important;display:grid;grid-template-columns:1fr auto;align-items:center;width:min(100%,290px);margin-top:28px;padding:0;color:#102015;text-align:left;cursor:pointer;font-family:inherit;background:none;border:0;overflow:visible;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease}
.world-chapter-cta:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:58px;border-radius:8px 22px 8px 22px;background:linear-gradient(105deg,transparent 35%,rgba(255,247,220,.3) 49%,transparent 62%);background-size:220% 100%;background-position:160% 0;transition:background-position .75s cubic-bezier(.16,1,.3,1);pointer-events:none;overflow:hidden}
.world-chapter-cta:after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:58px;border-radius:8px 22px 8px 22px;background:linear-gradient(112deg,rgba(241,199,111,.96),rgba(194,139,57,.92));border:1px solid rgba(255,230,172,.38);box-shadow:inset 0 1px rgba(255,247,219,.25),0 12px 30px rgba(3,12,7,.2);pointer-events:none}
.world-chapter-cta b,.world-chapter-cta i{position:relative;z-index:3;display:flex;align-items:center;height:58px;background:transparent;box-shadow:none;border-radius:0;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.world-chapter-cta b{padding-left:26px;font-size:17px;font-weight:500;letter-spacing:.08em}
.world-chapter-cta i{justify-content:center;width:58px;font-size:28px;font-weight:300;font-style:normal}
.world-chapter-cta em{position:relative;z-index:3;grid-column:1/3;margin-top:11px;color:rgba(232,199,123,.68);font-size:8px;font-weight:500;font-style:normal;letter-spacing:.34em}
.world-chapter-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
.world-chapter-cta:hover:before{background-position:-60% 0}
.world-chapter-cta:hover i{transform:translateX(5px)}
.world-chapter-cta:focus-visible{outline:1px solid #f0c770;outline-offset:5px}
.world-chapter-cta:active{transform:translateY(0) scale(.985)}
@media(max-width:760px){.world-chapter-cta{margin-top:18px;width:240px}.world-chapter-cta b,.world-chapter-cta i{height:48px}.world-chapter-cta b{font-size:15px;padding-left:21px}.world-chapter-cta i{width:48px}}

.eye-world.chapter-leaving .world-layout{opacity:0;transform:translate3d(0,-13px,0) scale(.988);filter:blur(4px);transition:opacity .48s ease,transform .62s cubic-bezier(.4,0,.2,1),filter .5s ease}
.eye-world.chapter-leaving .world-header{opacity:.2;transform:translateY(-7px);transition:opacity .48s ease,transform .58s ease}
.eye-world.chapter-leaving .eye-world-bg{transform:scale(1.025);filter:brightness(.94);transition:transform .9s cubic-bezier(.4,0,.2,1),filter .6s ease}
.eye-world.chapter-leaving:after{background:linear-gradient(0deg,rgba(3,11,7,.48),rgba(3,11,7,.08) 55%,rgba(3,11,7,.2));transition:background .5s ease}
@media(prefers-reduced-motion:reduce){.eye-world.chapter-leaving .world-layout,.eye-world.chapter-leaving .world-header,.eye-world.chapter-leaving .eye-world-bg{transform:none;filter:none;transition-duration:.2s}}
@media(prefers-reduced-motion:reduce){.wheel-mode .world-card.plaque-enter>.world-chapter-cta,.wheel-mode .world-card.plaque-leave>.world-chapter-cta{animation:none}}
.world-click-spark{position:fixed;z-index:30;inset:0;display:block;pointer-events:none;user-select:none}

/* Keep desktop chapter names on one composed editorial line. */
@media(min-width:761px){
  .wheel-mode .world-directory-right{width:min(32vw,450px)}
  .wheel-mode .world-card,.wheel-mode .world-card.active{padding-left:clamp(52px,4vw,66px);padding-right:clamp(44px,3.5vw,58px)}
  .wheel-mode .world-card h2{font-size:clamp(31px,2.45vw,41px);line-height:1.2;letter-spacing:-.035em;white-space:nowrap}
}

/* A visually hidden directory must never cover interactions on the hero. */
#eyeWorld:not(.open),#eyeWorld:not(.open) *{pointer-events:none!important}

/* Homepage-aligned chapter titles can wrap to a second editorial line. */
.wheel-mode .world-card h2{white-space:normal}