@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Syncopate:wght@700&display=swap";.light-waves-bg{pointer-events:none;z-index:0;contain:strict;background-color:#030206;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.static-glow-bottom{z-index:1;background:radial-gradient(at 20% 100%,#0099ff38 0%,#0000 70%),radial-gradient(at 50% 100%,#e6007e73 0%,#0000 65%),radial-gradient(at 80% 100%,#fc03 0%,#0000 70%);width:100%;height:45vh;position:absolute;bottom:0;left:0}.lighthouse-beam-left{transform-origin:top;will-change:transform;z-index:1;background:radial-gradient(circle at top,#0099ff47 0%,#0000 70%);width:50vw;height:60vh;animation:14s ease-in-out infinite alternate sweepLeft;position:absolute;top:-20%;left:-10%}.lighthouse-beam-right{transform-origin:top;will-change:transform;z-index:1;background:radial-gradient(circle at top,#ffcc0038 0%,#0000 70%);width:50vw;height:60vh;animation:16s ease-in-out infinite alternate sweepRight;position:absolute;top:-20%;right:-10%}@keyframes sweepLeft{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes sweepRight{0%{transform:rotate(12deg)}to{transform:rotate(-12deg)}}.ambient-glow{will-change:opacity;z-index:1;background:radial-gradient(circle at 50% 45%,#e6007e33 0%,#e6007e0d 45%,#0000 75%);animation:10s ease-in-out infinite alternate breathe;position:absolute;inset:0}@keyframes breathe{0%{opacity:.6}to{opacity:1}}.card-scene{perspective:1000px;z-index:2;width:320px;height:520px;margin-top:-30px;position:relative}.card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;will-change:transform;transition:transform .1s ease-out;position:relative}.card-face{backface-visibility:hidden;background-color:var(--bg-card);will-change:transform;border-radius:16px;width:100%;height:100%;padding:12px;position:absolute;overflow:hidden;box-shadow:0 12px 35px #000000e6,0 0 20px #0099ff40,0 0 35px #e6007e33}.card-face:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(60deg,#0000 30%,#ffffff14 45%,#0099ff26 50%,#ffffff14 55%,#0000 70%);width:200%;height:200%;animation:6s ease-in-out infinite shimmerGlare;position:absolute;top:-50%;left:-50%}@keyframes shimmerGlare{0%{transform:translate(-100%)rotate(25deg)}30%,to{transform:translate(100%)rotate(25deg)}}.card-border{border:1px solid var(--logo-cyan);z-index:3;background:#ffffff03;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:15px;display:flex;position:relative}.corner-symbol{color:var(--logo-cyan);font-size:.8rem;position:absolute}.top-left{top:6px;left:8px}.top-right{top:6px;right:8px}.bottom-left{bottom:6px;left:8px}.bottom-right{bottom:6px;right:8px}.cover-wrapper{aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:16px 16px 0;display:flex;overflow:hidden}.album-cover{object-fit:contain;object-position:top center;width:100%;height:100%}.card-info{text-align:center}.card-info h2{font-family:var(--font-title);color:var(--logo-yellow);letter-spacing:2px;text-transform:uppercase;font-size:1.2rem;font-weight:700}.card-info p{opacity:.7;font-size:.9rem;font-weight:400}.flip-hint{color:var(--logo-cyan);opacity:.6;letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:500}.card-back{z-index:5;transform:rotateY(180deg)}.links-title{font-family:var(--font-title);color:var(--logo-yellow);letter-spacing:2px;text-transform:uppercase;margin-top:10px;font-size:1rem;font-weight:700}.links-list{flex-direction:column;gap:12px;width:100%;display:flex}.arcana-btn{width:100%;color:var(--text-light);font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;z-index:10;cursor:pointer;will-change:transform;background:#0099ff0d;border:1px solid #09f6;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s;display:flex;position:relative}.arcana-btn .icon{color:var(--logo-cyan)}.arcana-btn:hover{border-color:var(--logo-cyan);background:#09f3;transform:translateY(-2px);box-shadow:0 0 10px #09f6}:root{--logo-cyan:#09f;--logo-magenta:#e6007e;--logo-yellow:#fc0;--logo-dark-purple:#3b1443;--logo-deep-shadow:#120918;--bg-dark:#030206;--bg-card:#120918;--text-light:#e8e6e3;--font-artist:"Syncopate", sans-serif;--font-title:"Montserrat", sans-serif;--font-body:"Montserrat", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-body), sans-serif;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:450px;padding:20px;display:flex;position:relative}.header{text-align:center;z-index:2;flex-direction:column;align-items:center;margin-bottom:25px;display:flex;position:relative}.logo-container{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.bg-moon-wrapper{pointer-events:none;z-index:0;justify-content:center;align-items:center;width:350px;display:flex;position:absolute;top:50%;left:-50%;transform:translate(-50%,-50%)}.moon-svg{object-fit:contain;opacity:.1;width:100%;height:100%}.custom-svg-wrapper{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.img-svg{width:100%;max-width:350px;height:auto;margin-top:-10px}
