:root{--gold: #ffd700;--gold-dim: rgba(255, 215, 0, .15);--gold-glow: rgba(255, 215, 0, .3);--rich-black: #0a0a0a;--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:#000;color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.skip-intro{position:fixed;top:1.5rem;right:1.5rem;z-index:150;font-family:var(--font-main);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff6;background:none;border:1px solid rgba(255,255,255,.12);padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;transition:all .3s ease;min-height:44px;min-width:44px;display:flex;align-items:center;gap:.4rem}.skip-intro:hover{color:#ffffffb3;border-color:#ffffff4d;background:#ffffff0d}.skip-intro span{font-size:1.1rem;line-height:1}.skip-intro.hidden{opacity:0;pointer-events:none}.skip-intro.visible{opacity:1;pointer-events:all;animation:skipFadeIn 1s ease 2s both}@keyframes skipFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.enter-prompt{position:fixed;bottom:0;left:0;width:100%;z-index:100;display:flex;justify-content:center;pointer-events:none;transition:opacity 1.5s ease}.enter-prompt.hidden{opacity:0;pointer-events:none}.enter-prompt.visible{opacity:1;pointer-events:all}.prompt-content{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;padding:4rem 3rem 3.5rem;background:linear-gradient(to top,rgba(0,0,0,.98) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.4) 75%,transparent 100%);animation:promptBreathe 4s ease-in-out infinite}.prompt-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),var(--gold),var(--gold-dim),transparent);opacity:.6}.prompt-enter-btn{font-family:var(--font-serif);font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;font-weight:400;letter-spacing:.2em;color:var(--gold);background:#000000b3;border:1.5px solid rgba(255,215,0,.5);padding:1rem 3rem;border-radius:30px;cursor:pointer;min-height:52px;transition:all .4s ease;box-shadow:0 0 30px #ffd7001f,0 0 60px #ffd7000f,inset 0 0 20px #ffd7000d;text-shadow:0 0 18px rgba(255,215,0,.6)}.prompt-enter-btn:hover{background:#ffd7001f;border-color:#ffd700b3;box-shadow:0 0 40px #ffd70033,0 0 80px #ffd70014,inset 0 0 25px #ffd70014;transform:scale(1.06)}.prompt-enter-btn:active{transform:scale(.97)}@keyframes promptBreathe{0%,to{opacity:.55}50%{opacity:1}}.links-hub{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:200;background:radial-gradient(ellipse at 50% 50%,#05050873,#000000d9);display:flex;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:opacity 1.5s cubic-bezier(.4,0,.2,1)}.links-hub.hidden{opacity:0;pointer-events:none}.links-hub.visible{opacity:1;pointer-events:all}.links-hub::-webkit-scrollbar{width:4px}.links-hub::-webkit-scrollbar-track{background:transparent}.links-hub::-webkit-scrollbar-thumb{background:#ffd70033;border-radius:4px}.particles-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:201;overflow:hidden}.ambient-particle{position:absolute;width:3px;height:3px;background:var(--gold);border-radius:50%;opacity:0;box-shadow:0 0 8px var(--gold-glow)}.vip-menu-container{width:100%;max-width:850px;margin:auto;padding:2.5rem 3.5rem 14px;background:#0a0a0ca6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.15);border-radius:8px;box-shadow:0 30px 60px #000c,inset 0 0 80px #00000080,0 0 40px #ffd7000d;position:relative;z-index:202;max-height:94vh;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.vip-menu-container::-webkit-scrollbar{display:none}.vip-menu-container:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,215,0,.08);border-radius:4px;pointer-events:none}.vip-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem;flex-shrink:0}.laurel-wreath{width:48px;height:48px;opacity:0}.gold-svg{color:var(--gold);filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}.title-stack{text-align:center}.hub-title{font-family:var(--font-main);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:300;letter-spacing:.3em;color:#fffffff2;overflow:hidden;line-height:1}.hub-title .letter,.hub-title .letter-gold{display:inline-block;opacity:0}.hub-title .letter-gold{font-weight:600;color:var(--gold);text-shadow:0 0 15px rgba(255,215,0,.4)}.hub-subtitle{font-family:var(--font-serif);font-size:clamp(.9rem,1.5vw,1.2rem);font-style:italic;letter-spacing:.4em;color:#ffd700b3;margin-top:1rem;overflow:hidden}.hub-subtitle .sub-letter{display:inline-block;opacity:0}.hub-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent);margin:1.5rem 0;opacity:0;transform-origin:center;flex-shrink:0}.vip-menu-list{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;text-decoration:none;padding:.75rem 1rem;border-radius:4px;transition:background .4s ease;opacity:0;min-height:56px}.menu-item:hover{background:#ffd7000a}.menu-item-left{display:flex;align-items:flex-start;gap:1.5rem;max-width:60%}.menu-number{font-family:var(--font-serif);font-size:1.4rem;font-style:italic;color:#ffd70080;transition:color .4s ease}.menu-item:hover .menu-number{color:var(--gold)}.menu-text{display:flex;flex-direction:column;gap:.4rem}.menu-name{font-family:var(--font-main);font-size:1.25rem;font-weight:400;letter-spacing:.1em;color:#ffffffd9;display:flex;align-items:center;gap:.75rem;transition:color .4s ease}.menu-item:hover .menu-name{color:#fff}.menu-desc{font-family:var(--font-serif);font-size:.95rem;font-style:italic;color:#fff6;line-height:1.4}.menu-line{flex:1;height:1px;border-bottom:2px dotted rgba(255,215,0,.2);margin-top:10px;transition:border-color .4s ease}.menu-item:hover .menu-line{border-color:#ffd70080}.menu-price{font-family:var(--font-serif);font-size:1.3rem;font-style:italic;color:var(--gold);letter-spacing:.05em;text-transform:capitalize;text-shadow:0 0 10px rgba(255,215,0,.2)}.badge{font-family:var(--font-main);font-size:.6rem;font-weight:600;font-style:normal;letter-spacing:.15em;text-transform:uppercase;padding:.15rem .5rem;border-radius:12px;border:1px solid currentColor}.badge-gold{color:var(--gold);background:#ffd7001a}.badge-silver{color:#a1a1aa;background:#a1a1aa1a}.badge-copper{color:#eb459e;background:#eb459e1a}.bottom-divider{margin:1.5rem 0}.vip-lounge-section{text-align:center;opacity:0;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.lounge-title{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--gold);letter-spacing:.2em;margin-bottom:1.5rem}.lounge-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-main);font-size:.9rem;font-weight:500;letter-spacing:.15em;color:var(--gold);text-decoration:none;border:1px solid rgba(255,215,0,.25);padding:.8rem 2rem;border-radius:30px;background:#ffd7000a;transition:all .3s ease;min-height:48px}.lounge-btn:hover{background:#ffd7001a;border-color:#ffd70080;box-shadow:0 0 25px #ffd7001a;transform:scale(1.03)}.lounge-btn .discord-icon{opacity:.8}.vip-lounge-section{margin-bottom:15px}.lang-picker-wrapper{display:flex;justify-content:center;margin-top:auto;padding:14px 0;border-top:1px solid rgba(255,215,0,.08);opacity:0}.lang-picker{font-family:var(--font-main);font-size:.75rem;font-weight:400;letter-spacing:.1em;color:#ffffff80;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.45rem 1.2rem;cursor:pointer;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:36px}.lang-picker:hover,.lang-picker:focus{color:#ffffffb3;border-color:#ffd70040;background:#ffffff0f}.lang-picker option{background:#0a0a0c;color:#ccc}@media(max-width:768px){.links-hub{align-items:flex-start;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) 0;background:#08080af2}.vip-menu-container{padding:1.5rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));margin:0;max-height:none;overflow-y:visible;border-radius:0;border:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.vip-header{gap:.8rem}.laurel-wreath{display:none}.hub-title{font-size:clamp(1.4rem,6vw,1.8rem)}.hub-subtitle{font-size:clamp(.65rem,2.5vw,.8rem)}.menu-item{flex-wrap:wrap;gap:.5rem;padding:.8rem .6rem;min-height:48px}.menu-item-left{max-width:100%;gap:.8rem}.menu-line{display:none}.menu-price{width:100%;text-align:left;font-size:.95rem;margin-top:.15rem;padding-left:2.2rem}.menu-name{flex-wrap:wrap;font-size:clamp(.9rem,3.5vw,1.1rem)}.menu-description{font-size:clamp(.7rem,2.5vw,.85rem)}.lounge-btn{width:auto;font-size:.85rem;padding:.7rem 1.8rem}.prompt-line{display:none}.prompt-content{padding:3rem 1.5rem 2.5rem}.prompt-enter-btn{width:80%;max-width:300px;padding:1rem 2rem;font-size:clamp(1rem,4vw,1.2rem)}.skip-intro{top:1rem;right:1rem;font-size:.65rem;padding:.4rem .8rem}.hub-divider{margin:.8rem auto}.bottom-divider{margin:1rem 0}.lounge-title{font-size:1.2rem}}