.world-entrance{isolation:isolate;color:#352a30;background:radial-gradient(at 50% 60%,#806e87 0,#2d253e 42%,#111d23 80%);min-height:100vh;padding:50px 16px 120px;position:relative;overflow:hidden}.world-entrance:before,.world-entrance:after{content:"";z-index:-1;opacity:.7;background:repeating-linear-gradient(74deg,#0000 0 65px,#142c2a 66px 86px,#0000 87px 160px);width:25%;position:absolute;top:0;bottom:0;transform:rotate(8deg)}.world-entrance:after{right:0;transform:scaleX(-1)rotate(8deg)}.world-stars{z-index:-1;background-image:radial-gradient(circle,#ffdfac 1px,#0000 2px),radial-gradient(circle,#e4b5ce 1px,#0000 3px);background-size:137px 173px,211px 239px;animation:7s ease-in-out infinite alternate world-shimmer;position:absolute;inset:0}.world-arch{background:repeating-linear-gradient(0deg,#8c7e80 0 76px,#655961 77px 82px);border:12px solid #bfa596;border-radius:380px 380px 24px 24px;max-width:820px;margin:auto;padding:24px 24px 30px;box-shadow:0 0 0 3px #e8c9a2,0 0 0 12px #514654,0 30px 100px #0009,inset 0 0 35px #201624}.world-arch-heading{text-align:center;color:#fff0d2;text-shadow:0 3px 8px #241a2a;padding:70px 8px 24px}.world-arch-heading p{letter-spacing:.14em;font-size:12px}.world-arch-heading h1{font-family:var(--font-heading,Georgia, serif);font-size:clamp(42px,8vw,74px)}.world-arch>section{border:2px solid #c9a779;max-width:570px;margin:0 auto 24px;box-shadow:0 4px 16px #22182377}.world-doorway{perspective:1400px;background:#272039;border:7px solid #654f43;border-radius:180px 180px 12px 12px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #e6bfa1}.world-beyond{text-align:center;color:#fff9dc;font-family:var(--font-heading,Georgia, serif);text-shadow:0 3px 12px #312b55;background:radial-gradient(at 50% 75%,#fff5d9,#bba5da 30%,#446d72 60%,#203a40);justify-content:center;align-items:center;padding:24px;font-size:50px;display:flex;position:absolute;inset:0}.world-beyond:before{content:"";background:repeating-conic-gradient(from 20deg at 50% 70%,transparent 0 18deg,#fff3 19deg 20deg,transparent 21deg 36deg);position:absolute;inset:0}.world-door{backface-visibility:hidden;background:repeating-linear-gradient(90deg,#523934 0 28px,#76534a 29px 34px,#60443d 35px 66px);border:2px solid #bb9566;width:50%;transition:transform 1.4s ease-in-out;position:absolute;top:0;bottom:0}.world-door-left{transform-origin:0;left:0}.world-door-right{transform-origin:100%;right:0}.world-door-content{padding:100px 24px 24px;transition:opacity .7s;position:relative}.world-door-note{background:linear-gradient(130deg,#fff8e6,#f1dfc2);border:1px solid #d1b48b;border-radius:3px 12px 5px 8px;padding:28px;transform:rotate(-.6deg);box-shadow:0 12px 18px #180b0c66}.world-door-note p{color:#65534c}.world-door-note article{background:#fff9ed80;padding:12px}.world-door-note>div{grid-template-columns:1fr;gap:6px;margin:16px 0 0}.world-door-note article p{margin-top:3px}.world-door-handle{background:#3d2b23;border:9px solid #c49454;border-radius:50%;width:60px;height:60px;margin:25px 15% 15px auto;box-shadow:inset 0 2px 5px #fff8,0 4px 8px #0008}.world-door-access{background:#fff8edeb;border:1px solid #d9ba91;border-radius:16px;padding:22px}.world-door-access>div{margin-top:12px;padding-top:12px}.world-entering .world-door-left,.world-unlocked .world-door-left{transform:rotateY(-105deg)}.world-entering .world-door-right,.world-unlocked .world-door-right{transform:rotateY(105deg)}.world-entering .world-door-content{opacity:0;pointer-events:none}.world-unlocked .world-door-note{background:#fff8e6ed}.world-unlocked .world-door-handle{display:none}@keyframes world-shimmer{to{opacity:.35;transform:translateY(-12px)}}@media (max-width:600px){.world-arch{border-width:7px;padding:12px 8px}.world-arch-heading{padding-top:45px}.world-door-content{padding:65px 10px 15px}.world-door-note{padding:20px 16px}.world-door-access{padding:16px}.world-door-note h2{font-size:32px}.world-entrance{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.world-stars{animation:none}.world-door,.world-door-content{transition:none}}.world-arch>section{color:#fff3df;text-align:center;background:#30272d;padding:20px}.world-arch>section>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.world-arch>section span{display:block}.world-arch>section span:first-child{font-family:var(--font-heading,Georgia,serif);font-size:36px}.world-arch>section span:last-child{text-transform:uppercase;font-size:10px}