.portal-entrance{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:99999;display:flex;justify-content:center;align-items:center;background:var(--black-void);cursor:pointer;overflow:hidden}.portal-entrance.opening{pointer-events:none}.portal-entrance.opened{pointer-events:none;visibility:hidden;opacity:0}.portal-door{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(180deg,#2a2218,#1a1510 15%,#0d0a08 30%,#1a1510 50%,#0d0a08 70%,#1a1510 85%,#2a2218);transition:transform 2.5s cubic-bezier(.7,0,.3,1);overflow:hidden;border:4px solid rgba(212,175,55,.7);box-shadow:inset 0 0 100px rgba(0,0,0,.9),inset 0 0 50px rgba(212,175,55,.1),0 0 60px rgba(0,0,0,.8),0 0 40px rgba(212,175,55,.2)}.portal-door:before{background:repeating-linear-gradient(2deg,transparent,transparent 25px,rgba(212,175,55,.03) 0,rgba(212,175,55,.03) 26px),linear-gradient(180deg,rgba(212,175,55,.12),transparent 25%,transparent 75%,rgba(0,0,0,.3))}.portal-door:after,.portal-door:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.portal-door:after{background:linear-gradient(135deg,rgba(212,175,55,.08),transparent 40%,transparent 60%,rgba(0,0,0,.15))}.door-texture{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(212,175,55,.06) 0,rgba(212,175,55,.06) 61px)}.portal-door-left{left:0;border-right:3px solid rgba(212,175,55,.6);box-shadow:inset -50px 0 100px rgba(0,0,0,.7),inset 0 0 80px rgba(0,0,0,.6),inset 0 0 40px rgba(212,175,55,.05),6px 0 40px rgba(0,0,0,.6),0 0 50px rgba(212,175,55,.15)}.portal-door-right{right:0;border-left:3px solid rgba(212,175,55,.6);box-shadow:inset 50px 0 100px rgba(0,0,0,.7),inset 0 0 80px rgba(0,0,0,.6),inset 0 0 40px rgba(212,175,55,.05),-6px 0 40px rgba(0,0,0,.6),0 0 50px rgba(212,175,55,.15)}.portal-entrance.opening .portal-door-left{transform:translateX(-100%) rotateY(-15deg)}.portal-entrance.opening .portal-door-right{transform:translateX(100%) rotateY(15deg)}.door-carving{position:absolute;top:50%;transform:translateY(-50%);width:140px;height:60%;pointer-events:none;background:rgba(0,0,0,.5);border:3px solid rgba(212,175,55,.5);box-shadow:inset 0 0 50px rgba(0,0,0,.9),inset 4px 4px 20px rgba(0,0,0,.6),inset -4px -4px 20px rgba(212,175,55,.05),0 0 20px rgba(212,175,55,.15)}.portal-door-left .door-carving{right:30px}.portal-door-right .door-carving{left:30px}.door-carving:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:80%;height:calc(100% - 40px);border:2px solid rgba(212,175,55,.35);background:rgba(0,0,0,.3)}.door-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-decorative);font-size:2.5rem;color:rgba(212,175,55,.6);text-shadow:0 0 20px rgba(212,175,55,.4);z-index:2}.door-ornament{position:absolute;left:50%;transform:translateX(-50%);width:75%;height:3px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5) 25%,rgba(212,175,55,.8) 50%,rgba(212,175,55,.5) 75%,transparent)}.door-ornament-top{top:15%}.door-ornament-bottom{bottom:15%}.door-ornament:after,.door-ornament:before{content:"◆";position:absolute;top:50%;transform:translateY(-50%);font-size:12px;color:rgba(212,175,55,.7);text-shadow:0 0 10px rgba(212,175,55,.5)}.door-ornament:before{left:-5px}.door-ornament:after{right:-5px}.portal-door:before{z-index:1}@media (min-width:769px){.door-carving:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:1px solid rgba(212,175,55,.3);border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.1) 0,transparent 70%)}}@media (max-width:768px){.door-ornament{display:none}}.portal-handles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:8px;z-index:20;transition:transform .5s ease,opacity .5s ease}.portal-entrance.opening .portal-handles{opacity:0;transform:translate(-50%,-50%) scale(.8)}.portal-handle{width:22px;height:55px;border-radius:11px;background:linear-gradient(180deg,#f4e4bc,#d4af37 15%,#b8960c 35%,#8b6914 50%,#b8960c 65%,#d4af37 85%,#f4e4bc);box-shadow:inset 0 3px 6px hsla(0,0%,100%,.4),inset 0 -3px 6px rgba(0,0,0,.4),0 4px 15px rgba(0,0,0,.6),0 0 25px rgba(212,175,55,.4);position:relative}.portal-handle:after,.portal-handle:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:75%;height:4px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);border-radius:2px}.portal-handle:before{top:10px}.portal-handle:after{bottom:10px}.portal-light{position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:100%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(255,248,220,.2) 0,rgba(212,175,55,.12) 30%,rgba(212,175,55,.05) 50%,transparent 70%);transition:width 2.5s cubic-bezier(.4,0,.2,1);z-index:5;pointer-events:none}.portal-entrance.opening .portal-light{width:100%}.portal-light-rays{position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.08) 50%,transparent);transition:width 2.5s cubic-bezier(.4,0,.2,1);z-index:4;pointer-events:none;opacity:0}.portal-entrance.opening .portal-light-rays{width:100%;opacity:1}.portal-golden-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:100;pointer-events:none;opacity:0}.portal-entrance.opening .portal-golden-flash{animation:golden-subtle-glow 2s ease-out forwards}@keyframes golden-subtle-glow{0%{opacity:0;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,248,220,.15) 0,transparent 70%)}40%{opacity:1;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(255,248,220,.25) 0,rgba(212,175,55,.1) 40%,transparent 70%)}to{opacity:0;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(255,248,220,.1) 0,transparent 60%)}}.portal-content{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding-top:2vh;transition:all 1s ease}.portal-entrance.opening .portal-content{opacity:0;transform:translateX(-50%) scale(.95)}.portal-glyph{width:84px;height:84px;color:var(--gold-pure);filter:drop-shadow(0 0 25px var(--gold-glow));margin-bottom:15px;order:1}.portal-glyph img,.portal-glyph svg{width:100%;height:100%}@keyframes glyph-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.portal-title{font-family:var(--font-decorative);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:12px;text-transform:uppercase;color:var(--gold-pure);text-shadow:0 0 30px var(--gold-glow),0 0 60px var(--gold-ember);margin-bottom:0;position:absolute;top:5%;text-align:center;line-height:1.4}.portal-subtitle-mobile{display:none;font-family:var(--font-body);font-size:1rem;font-style:italic;color:var(--gold-dark);text-align:center;position:absolute;top:22%;letter-spacing:2px;opacity:.8}.portal-button{display:inline-flex;align-items:center;gap:15px;font-family:var(--font-heading);font-size:12px;letter-spacing:5px;text-transform:uppercase;color:var(--gold-pure);padding:18px 40px;border:2px solid var(--gold-pure);background:rgba(0,0,0,.7);cursor:pointer;transition:all .5s ease;animation:pulse-button 2.5s ease-in-out infinite;position:absolute;bottom:8vh;order:3}@keyframes pulse-button{0%,to{transform:scale(1);box-shadow:0 0 30px var(--gold-glow)}50%{transform:scale(1.03);box-shadow:0 0 50px var(--gold-glow),0 0 100px var(--gold-ember)}}.portal-button:hover{background:var(--gold-pure);color:var(--black-void);box-shadow:0 0 60px var(--gold-glow),0 0 120px var(--gold-ember);animation:none;transform:scale(1.05)}.portal-instruction{font-family:var(--font-heading);font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--gold-dark);animation:pulse-text 2s ease-in-out infinite;position:absolute;bottom:15vh;order:3}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.portal-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.portal-particle{position:absolute;width:3px;height:3px;background:var(--gold-pure);border-radius:50%;animation:particle-float 4s ease-in-out infinite;opacity:0;box-shadow:0 0 6px var(--gold-glow)}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100px)}}@media (max-width:768px){.portal-content{padding-top:10vh}.portal-title{font-size:clamp(1.8rem,5vw,2.5rem);letter-spacing:8px;top:6%}.portal-button{padding:18px 35px;font-size:10px;letter-spacing:4px;bottom:15vh}.door-carving{width:80px;height:50%}.portal-door-left .door-carving{right:15px}.portal-door-right .door-carving{left:15px}.door-symbol{font-size:1.8rem}.portal-handles{gap:6px}.portal-handle{width:18px;height:48px;border-radius:9px}}@media (max-width:480px){.portal-entrance{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(212,175,55,.1) 0,var(--black-void) 70%),var(--black-void)}.portal-door{position:absolute;top:8%;height:84%;width:47%;border-radius:10px 10px 0 0;border-width:3px}.portal-door-left{left:3%;border-radius:14px 4px 0 0}.portal-door-right{right:3%;border-radius:4px 14px 0 0}.portal-entrance:before{top:5%;width:94%;height:90%;border:3px solid rgba(212,175,55,.25);border-radius:25px 25px 0 0;box-shadow:inset 0 0 50px rgba(0,0,0,.7),0 0 30px rgba(212,175,55,.15);z-index:1}.portal-entrance:after,.portal-entrance:before{content:"";position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.portal-entrance:after{top:2%;width:50%;height:4%;background:linear-gradient(180deg,rgba(212,175,55,.2),rgba(139,90,43,.15));border-radius:100px 100px 0 0;box-shadow:inset 0 -5px 15px rgba(0,0,0,.4);z-index:0}.portal-content{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:15;width:90%;max-width:320px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:12vh}.portal-entrance.opening .portal-content{opacity:0;transform:translateX(-50%) scale(.9)}.portal-glyph{width:90px;height:90px;margin-bottom:15px}.portal-title{font-size:1.6rem;letter-spacing:6px;line-height:1.4;top:14%}.portal-subtitle-mobile{display:block;top:23%;font-size:.95rem}.portal-button{padding:14px 28px;font-size:9px;letter-spacing:3px;bottom:18vh;border-width:1px}.portal-instruction{font-size:8px;bottom:20vh}.door-carving{width:55px;height:45%;border-width:2px}.portal-door-left .door-carving{right:10px}.portal-door-right .door-carving{left:10px}.door-symbol{font-size:1.2rem}.portal-handles{gap:4px}.portal-handle{width:16px;height:42px;border-radius:8px}.portal-entrance.opening .portal-door-left{transform:translateX(-105%) rotateY(-10deg)}.portal-entrance.opening .portal-door-right{transform:translateX(105%) rotateY(10deg)}.portal-light{top:8%;height:84%}}@media (max-width:375px){.portal-content{padding-top:10vh}.portal-door{top:10%;height:80%}.portal-entrance:before{top:7%;height:85%}.portal-entrance:after{top:4%}.portal-glyph{width:75px;height:75px}.portal-title{font-size:1.3rem;letter-spacing:4px;top:12%}.portal-subtitle-mobile{top:21%;font-size:.85rem;padding:0 20px}.portal-button{padding:12px 24px;font-size:8px;bottom:20vh}.door-carving{display:none}.portal-handles{gap:4px}.portal-handle{width:14px;height:36px;border-radius:7px}}@media (max-height:600px){.portal-content{padding-top:5vh}.portal-door{top:3%;height:94%}.portal-entrance:before{top:1%;height:96%}.portal-entrance:after{display:none}.portal-glyph{width:60px;height:60px;margin-bottom:10px}.portal-title{font-size:1.1rem;top:2%}.portal-button{padding:10px 20px;bottom:8vh}}