.card{width:100px;height:164px;perspective:1000px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;box-shadow:0 4px 8px #00000080;transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:0 8px 16px #000000b3;transform:scale(1.05)}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:8px;transform:rotateY(180deg)}.card:not(.flipped) .card-inner{transform:rotateY(0)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#073444;color:#eee;box-sizing:border-box;padding:3px}.card-front{z-index:2}.card-back{background-image:url(/card-back.png);background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotateY(180deg);box-shadow:inset 0 0 10px #0000004d}.card-image{width:80px;max-height:110px;height:auto;object-fit:contain;background-color:#073444;border-radius:8px;padding:4px;margin:8px auto 0;-webkit-user-select:none;user-select:none}.card-name{margin:3px 0 0;font-weight:500;font-family:Georgia,serif;color:#ddd;-webkit-user-select:none;user-select:none;max-width:90px;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;font-size:.7rem}.candle-container{position:relative;overflow:visible}.candle{position:relative;width:40px;height:60px;margin:10px auto 0}.wax{position:absolute;bottom:0;width:100%;height:80%;background:linear-gradient(#fff4e1,#e2c59c);border-radius:10px;z-index:1}.wick{position:absolute;top:10%;left:50%;transform:translate(-50%);width:3px;height:10px;background-color:#222;z-index:4}.flame{position:absolute;top:-20px;left:50%;width:14px;height:22px;background:radial-gradient(ellipse at center,#ffec85 0%,#ffae00 60%,transparent 100%);border-radius:50%;transform-origin:center bottom;animation:flicker 1.5s infinite ease-in-out;transform:translate(-50%);z-index:3}.smoke{position:absolute;top:-10px;left:50%;width:20px;height:20px;background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0%,rgba(200,200,255,.3) 50%,transparent 100%);border-radius:50%;transform:translate(-50%);opacity:0;animation:smokeRise 3s infinite ease-in-out;filter:drop-shadow(0 0 4px rgba(255,255,255,.5));z-index:2}.glow{position:absolute;top:-28px;left:50%;width:38px;height:38px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,246,170,.85) 0%,rgba(255,200,64,.45) 40%,rgba(255,170,0,.15) 65%,transparent 75%);filter:blur(2px);mix-blend-mode:screen;animation:glowPulse 2.2s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes flicker{0%{transform:translate(-50%) scaleY(1);opacity:1}25%{transform:translate(-48%) scaleY(1.05);opacity:.9}50%{transform:translate(-52%) scaleY(.95);opacity:1}75%{transform:translate(-51%) scaleY(1.05);opacity:.85}to{transform:translate(-50%) scaleY(1);opacity:1}}@keyframes smokeRise{0%{transform:translate(-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-20px) scale(1.2);opacity:.2}to{transform:translate(-50%,-40px) scale(1.5);opacity:0}}@keyframes glowPulse{0%{transform:translate(-50%) scale(.95);opacity:.85}50%{transform:translate(-50%) scale(1.05);opacity:1}to{transform:translate(-50%) scale(.95);opacity:.85}}.cards-header{position:relative;width:100%;background-color:#0d377f;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;box-shadow:0 2px 10px #00000080;height:130px;box-sizing:border-box;border-bottom:#d4af37}.navbar-left{display:flex;align-items:center;gap:10px}.candles-wrapper{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-grow:1;overflow:visible}.page-title{color:#6fbdea;font-size:3rem;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}.header-right{display:flex;gap:15px}.reveal-button,.other-button,#music-toggle{background-color:#d4af37;border:none;padding:12px 24px;color:#1a1a1a;font-weight:700;border-radius:25px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;animation:pulse 3s infinite}.reveal-button{animation-delay:0s}.other-button{animation-delay:1.5s}.reveal-button:hover{background-color:#f1c40f;transform:scale(1.07);box-shadow:0 0 25px gold}.other-button:hover,#music-toggle:hover{background-color:#e67e22;transform:scale(1.07);box-shadow:0 0 25px gold}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #d4af37}50%{transform:scale(1.05);box-shadow:0 0 20px gold}}@media (max-width: 768px){.cards-header{flex-direction:column;height:auto;padding:15px}.candles-wrapper{align-items:center;justify-content:center;gap:1.7rem;margin-top:15px}.page-title{font-size:2rem;text-align:center;margin:5px 0 0}.header-right{flex-direction:row;gap:18px;width:auto;justify-content:center;margin-top:15px}.reveal-button,.other-button,#music-toggle{width:auto;padding:8px 16px}}.footer{background-color:#0d377f;color:#fff;padding:20px 10px;text-align:center;font-family:Arial,sans-serif;border-top:2px solid #d4af37;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box;position:relative;left:0;z-index:30;overflow-x:hidden}.footer-logo{height:55px}.footer-text{font-weight:700;font-size:.9rem}.footer-contacts{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.footer-contacts a{color:#fff;text-decoration:underline;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:5px;transition:color .3s ease}.footer-contacts a:hover{color:#d4af37}.icon-circle{background-color:#000;border-radius:50%;padding:4px;display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;color:#fff;font-size:14px}.github-icon{color:#fff;font-size:18px;transition:color .3s ease}.github-icon:hover{color:#d4af37}.linkedin-icon{color:#0077b5;font-size:18px;transition:color .3s ease}.linkedin-icon:hover{color:#d4af37}.cards-grid{position:relative;margin-top:5px;padding:0 10px 20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;z-index:20;border-radius:10px;overflow:visible;min-height:auto}.drop-in-card{opacity:0;animation:dropIn .6s ease-out forwards}@keyframes dropIn{0%{transform:translateY(-150px) rotate(var(--rotation)) scale(.8);opacity:0}to{transform:translateY(0) rotate(var(--rotation)) scale(1);opacity:1}}@media (max-width: 1400px){.cards-grid{max-width:max-content}}@media (max-width: 1000px){.cards-grid{max-width:max-content}}@media (max-width: 600px){.cards-grid{max-width:max-content}.card{width:100px;height:164px}}.cards-page-content{flex:1;padding:24px 20px;color:#fff;background:linear-gradient(-45deg,#1c1b1d,#18117a,#6591cb,#0c1f51);background-size:400% 400%;animation:gradientShift 15s ease infinite;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:84vh}.welcome-text{text-align:center;color:#6fbdea;font-family:Georgia,Times New Roman,Times,serif;font-size:1.3rem;font-weight:700;margin:0}.deck-image{width:200px;max-width:90%;height:auto;transition:opacity .5s ease,transform .5s ease}.deck-image.hide{opacity:0;transform:translateY(-50px);pointer-events:none}.deck-image-wrapper{display:flex;justify-content:center;margin:20px 0}.deck-image2{width:430px;max-width:90%;height:auto;transition:opacity .5s ease,transform .5s ease}.deck-image2.hide{opacity:0;transform:translateY(-50px);pointer-events:none}.reading-buttons{margin-top:10px;margin-bottom:15px;text-align:center;display:flex;justify-content:center;gap:10px;position:sticky;bottom:20px;z-index:10}.reading-buttons button{background-color:#f8c300;color:#000;border:2px solid #333;border-radius:12px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.reading-buttons button:hover{background-color:#fff;color:#000;transform:scale(1.1);opacity:1;box-shadow:0 0 10px #0000004d}.reading-buttons button.active{background-color:#f8c300;color:#000;transform:scale(1.1);opacity:1;box-shadow:0 0 10px #0000004d}.reading-buttons button.active:hover{transform:scale(1.15);box-shadow:0 0 15px #00000080;color:#0f4653}.reading-buttons button:disabled{cursor:not-allowed;opacity:.4;transform:none;box-shadow:none}.highlight-third{box-shadow:0 0 25px gold;transform:scale(1.15);transition:all .3s ease}.mobile-floating{display:none}@media (max-width: 768px){.mobile-floating{display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:50;margin-bottom:200px}.desktop-only{display:none}}.cards-detail-page{display:flex;flex-direction:column;min-height:100vh}.cards-detail-content{flex:1;padding:24px 20px;color:#fff;background:linear-gradient(-45deg,#1c1b1d,#18117a,#4250ef,#6591cb,#0c1f51);background-size:400% 400%;animation:gradientShift 15s ease infinite;box-sizing:border-box}.card-detail-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.arcane-section,.goddess-section{background:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;box-sizing:border-box;text-align:left}.arcane-title{font-size:2rem;line-height:1.2;margin:0 0 12px;color:#ffe8a6}.goddess-title{font-size:1.6rem;line-height:1.25;margin:0 0 12px;color:#ffdca8}.arcane-image,.goddess-image{display:block;max-width:220px;width:100%;height:auto;border-radius:10px;margin:0 0 14px}.arcane-description,.goddess-description{max-width:60ch;font-size:1rem;line-height:1.55;margin:0}.arcane-row{display:flex;gap:16px;align-items:flex-start}.arcane-description{flex:1}.goddess-row{display:flex;gap:16px;align-items:flex-start}.goddess-description{flex:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 900px){.card-detail-container{grid-template-columns:1fr}.arcane-image,.goddess-image{max-width:100%}.arcane-row,.goddess-row{flex-direction:column}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}