@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Inter:wght@300;400;600&display=swap";:root{--gold: #d4af37;--dark-gold: #aa8529;--bg-color: #0d0d0d;--mystic-glow: rgba(212, 175, 55, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:#fff;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Cinzel Decorative,cursive;color:var(--gold)}.mystic-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a1a1a,#000);position:relative}.door-container{perspective:1200px;width:320px;height:550px;position:relative;margin:2rem auto}.door-frame{width:100%;height:100%;border:8px solid #2a2a2a;border-bottom:none;border-radius:160px 160px 0 0;position:relative;background:#050505;box-shadow:0 0 30px #000 inset,0 0 20px #000c}.door{width:100%;height:100%;background:linear-gradient(45deg,#1f1a0e,#3a3015);border:4px solid var(--dark-gold);border-radius:152px 152px 0 0;transform-origin:left;transition:transform 3s cubic-bezier(.2,.8,.2,1),box-shadow 3s;box-shadow:inset 0 0 50px #000000e6,0 0 10px var(--mystic-glow);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.door.open{transform:rotateY(-105deg);box-shadow:inset 0 0 30px #00000080,20px 0 50px var(--mystic-glow)}.door-glyph{font-family:Cinzel Decorative,cursive;font-size:6rem;color:var(--gold);text-shadow:0 0 20px var(--mystic-glow),0 0 40px var(--gold);transition:opacity 1s,transform .5s}.door-glyph:hover{transform:scale(1.1);text-shadow:0 0 30px var(--gold),0 0 60px #fff}.door.open .door-glyph{opacity:0}.light-ray{position:absolute;top:50%;left:50%;width:0;height:0;background:var(--mystic-glow);box-shadow:0 0 100px 50px var(--gold);opacity:0;transition:opacity 2s 1s;z-index:1}.door.open~.light-ray{opacity:.8}.invisible-input{position:absolute;opacity:0;top:-1000px;left:-1000px}.token-input-visible{background:#0009;border:1px solid var(--gold);color:var(--gold);padding:1rem;font-family:monospace;width:320px;text-align:center;font-size:1.2rem;border-radius:5px;outline:none;transition:box-shadow .3s,border-color .3s}.token-input-visible:focus{box-shadow:0 0 20px var(--mystic-glow);border-color:#ffe57f}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1;text-shadow:0 0 30px var(--gold)}to{transform:scale(1);opacity:.8}}.pulse-animation{animation:pulse 2s infinite}.vault-broken-overlay{position:fixed;inset:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn 1s forwards;text-align:center}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.gold-text{color:var(--gold);text-shadow:0 0 20px var(--gold);margin-bottom:2rem}.button-gold{background:linear-gradient(45deg,var(--dark-gold),var(--gold));color:#000;border:none;padding:12px 24px;font-weight:700;font-family:Cinzel Decorative,cursive;font-size:1.1rem;cursor:pointer;border-radius:4px;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:1px}.button-gold:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--mystic-glow)}.button-gold:active{transform:translateY(0)}.vault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1200px;margin:2rem auto}.vault-card{background:#0f0c05d9;border:1px solid var(--dark-gold);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #000c,inset 0 0 20px #d4af371a;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.vault-card:not(.disabled):hover{transform:translateY(-5px);box-shadow:0 15px 50px #d4af374d,inset 0 0 30px #d4af3733;border-color:var(--gold)}.vault-card.disabled{opacity:.6;filter:grayscale(80%);cursor:not-allowed;border-color:#333}.vault-card.disabled:hover{transform:none;box-shadow:0 10px 40px #000c}.vault-image{width:100%;aspect-ratio:1;object-fit:cover;border-bottom:2px solid var(--dark-gold)}.vault-card.disabled .vault-image{border-bottom-color:#333}.vault-info{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.vault-level{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#f8f2d5;opacity:.8}.vault-serial{font-family:monospace;font-size:.9rem;color:var(--gold);background:#00000080;padding:.2rem .5rem;border-radius:4px;display:inline-block;margin-top:.5rem}.card{background:#0f0c05d9;border:1px solid var(--dark-gold);border-radius:8px;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #000c,inset 0 0 20px #d4af371a}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;background:radial-gradient(circle,#fff,var(--gold) 40%,transparent 80%);border-radius:50%;box-shadow:0 0 10px var(--gold),0 0 20px var(--gold);opacity:0;animation:floatUp 5s infinite linear}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}20%{opacity:.8}80%{opacity:.5}to{transform:translateY(-100px) scale(1.5);opacity:0}}