@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--font-primary: "Cinzel", serif;--font-secondary: "Crimson Text", serif;--type-step: 1.333;--font-size-p: 1rem;--font-size-m: calc(var(--font-size-p) / var(--type-step));--font-size-mm: calc(var(--font-size-m) / var(--type-step));--font-size-h6: calc(var(--font-size-p) * var(--type-step));--font-size-h5: calc(var(--font-size-h6) * var(--type-step));--font-size-h4: calc(var(--font-size-h5) * var(--type-step));--font-size-h3: calc(var(--font-size-h4) * var(--type-step));--font-size-h2: calc(var(--font-size-h3) * var(--type-step));--font-size-h1: calc(var(--font-size-h2) * var(--type-step));--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 5rem;--color-background-start: #0a0a2e;--color-background-mid1: #16213e;--color-background-mid2: #1a1a3a;--color-background-mid3: #2d1b69;--color-background-end: #0f0f23;--color-text-primary: #e8d5b7;--color-text-light: #ffffff;--color-accent-gold: #ffd700;--color-accent-gold-transparent-15: rgba(255, 215, 0, .15);--color-accent-gold-transparent-30: rgba(255, 215, 0, .3);--color-accent-gold-transparent-40: rgba(255, 215, 0, .4);--color-accent-gold-transparent-50: rgba(255, 215, 0, .5);--color-accent-gold-transparent-80: rgba(255, 215, 0, .8);--color-light-purple: rgba(120, 119, 198, .3);--color-dark-purple: rgba(138, 43, 226, .2);--color-purple-glow-1: #6841ea;--color-purple-glow-2: #8a939d;--color-purple-glow-3: #8264ee;--color-grey-glow: #919eab;--color-button-start: #4a148c;--color-button-mid: #7b1fa2;--color-button-end: #9c27b0;--color-particle-lavender: #e6e6fa;--color-particle-plum: #dda0dd;--color-scrollbar-end: #ff6b6b;--color-shadow-dark: rgba(0, 0, 0, .3);--color-shadow-light: rgba(255, 255, 255, .1);--color-shadow-medium: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--color-background-start) 0%,var(--color-background-mid1) 25%,var(--color-background-mid2) 50%,var(--color-background-mid3) 75%,var(--color-background-end) 100%);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-secondary);margin:0;padding:0;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,var(--color-light-purple) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--color-accent-gold-transparent-15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--color-dark-purple) 0%,transparent 50%);pointer-events:none;z-index:-1}.mystical-video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.mystical-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;opacity:.8;filter:blur(1px) saturate(1.2) hue-rotate(20deg)}.mystical-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a2eb3,#16213e99,#1a1a3ab3,#2d1b6999,#0f0f23cc);mix-blend-mode:multiply}.video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-background-start) 0%,var(--color-background-mid1) 25%,var(--color-background-mid2) 50%,var(--color-background-mid3) 75%,var(--color-background-end) 100%)}.mystical-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:1px;height:1px;background:var(--color-accent-gold);border-radius:50%;opacity:1;animation:float 6s infinite ease-in-out}.particle:nth-child(odd){background:var(--color-particle-lavender);animation-duration:8s}.particle:nth-child(3n){background:var(--color-particle-plum);animation-duration:10s}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}50%{transform:translateY(-10px) rotate(180deg)}}.container{position:relative;min-height:100vh;width:100%;z-index:10}.welcome{height:100vh;width:100%;min-height:100vh;position:relative;overflow:hidden}.welcome.-hidden{opacity:0;transform:scale(.95);pointer-events:none}.welcome__dialog{margin-top:10%;text-align:center;z-index:20}.mystical-title,#selection-title{font-family:var(--font-primary);font-size:var(--font-size-h5);font-weight:700;color:var(--color-text-primary);text-shadow:0 0 10px var(--color-accent-gold-transparent-50),0 0 20px var(--color-accent-gold-transparent-30),0 0 30px rgba(255,215,0,.2);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);letter-spacing:3px;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px var(--color-accent-gold-transparent-50),0 0 20px var(--color-accent-gold-transparent-30)}to{text-shadow:0 0 20px var(--color-accent-gold-transparent-80),0 0 30px var(--color-accent-gold-transparent-50),0 0 40px var(--color-accent-gold-transparent-30)}}.mystical-subtitle{font-family:var(--font-secondary);font-size:var(--font-size-h6);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-style:italic;opacity:.9}.mystical-intro{font-family:var(--font-secondary);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);opacity:.9}.loading-message{font-family:var(--font-primary);font-size:var(--font-size-h6);color:var(--color-accent-gold);text-align:center;margin-top:var(--spacing-xl);text-shadow:0 0 10px var(--color-accent-gold-transparent-50),0 0 20px var(--color-accent-gold-transparent-30)}.shuffle-button{margin-top:30px;padding:3px 15px 10px;text-align:center;text-decoration:none;display:inline-block;font-family:var(--font-primary);font-weight:600;letter-spacing:1px;cursor:pointer;border-radius:50px;border:1px solid var(--color-accent-gold);position:relative;overflow:hidden;transition:all .3s ease}.shuffle-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.shuffle-button:hover{transform:translateY(-3px)}.shuffle-button:hover:before{left:100%}.shuffle-button:active{transform:translateY(-1px)}.card{width:132px;height:198px;position:relative;perspective:1000px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-5px) scale(1.03);filter:drop-shadow(0 0 10px var(--color-accent-gold-transparent-30))}.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,--color-accent-gold-transparent-15 0%,--color-accent-gold-transparent-30 30%,--color-accent-gold-transparent-40 40%,--color-accent-gold-transparent-50 50%,--color-accent-gold-transparent-80 80%);background-size:300% 300%;border-radius:18px;opacity:0;z-index:-1;transition:opacity .5s ease}.card-wrapper{position:absolute}.flip-card-inner{position:absolute;width:100%;height:100%;text-align:center}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;border:1px solid var(--color-accent-gold-transparent-30);display:flex;align-items:center;justify-content:center}.flip-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--color-background-mid2) 0%,var(--color-background-mid3) 100%)}.flip-card-front img,.flip-card-back img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.card:hover .flip-card-front img,.card:hover .flip-card-back img{transform:scale(1.15)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-accent-gold-transparent-30);border-top:3px solid var(--color-accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-accent-gold);font-family:var(--font-primary);text-align:center;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-gold-transparent-15) 0%,rgba(138,43,226,.1) 100%)}.image-error p{margin:var(--spacing-sm) 0;font-size:var(--font-size-m)}.welcome__lobby-list{margin-top:30px;position:absolute;top:50%;left:calc(50% - 90px);transform:translateY(-50%)}.welcome-screen{position:relative;align-items:center;justify-content:center;text-align:center;top:-20%}.welcome p{font-size:var(--font-size-h6);text-align:center;margin-bottom:var(--spacing-sm);opacity:.9}.welcome__lobby-list.-hidden{opacity:0;transform:scale(.8);pointer-events:none}.lobby-list-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.welcome__lobby-list .card{width:180px;height:271px;cursor:pointer;border-radius:15px}.title-select{font-family:var(--font-primary);color:var(--color-accent-gold);text-align:center;margin-bottom:var(--spacing-lg);opacity:0;transform:translateY(20px);transition:all .8s ease}.title-select:not(.-hidden){opacity:1;transform:translateY(0)}.title-select .pre{font-size:var(--font-size-p);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-style:italic}.title-select .title{font-size:var(--font-size-h4);font-weight:600;text-shadow:0 0 10px var(--color-accent-gold-transparent-50)}.selected-cards-display{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.selected-cards-display.-hidden{opacity:0;pointer-events:none;transform:scale(.9)}.selected-cards-display.active{opacity:1;pointer-events:all;transform:scale(1)}.horizontal-cards-container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;max-width:90%;padding:var(--spacing-md)}.horizontal-card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.horizontal-card-wrapper .card{width:154px;height:231px;margin-bottom:var(--spacing-md)}.card-name{font-family:var(--font-primary);color:var(--color-accent-gold);text-align:center;font-size:var(--font-size-p);font-weight:500;text-shadow:0 0 10px var(--color-accent-gold-transparent-50);min-height:24px;display:flex;align-items:center;justify-content:center}.final-interpretation-display{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;opacity:0;pointer-events:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.final-interpretation-display.-hidden{opacity:0;pointer-events:none;transform:translateY(50px)}.final-interpretation-display.active{opacity:1;pointer-events:all;transform:translateY(0)}.scrollable-content{flex-grow:1;overflow-y:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--color-accent-gold) transparent}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:transparent}.scrollable-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-gold),var(--color-scrollbar-end));border-radius:4px}.final-item-row{display:flex;align-items:center;gap:var(--spacing-lg);width:90%;max-width:900px;background:linear-gradient(135deg,var(--color-shadow-light) 0%,rgba(255,215,0,.05) 100%);padding:var(--spacing-lg);border-radius:20px;border:1px solid var(--color-accent-gold-transparent-30);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--color-shadow-dark),inset 0 1px 0 var(--color-shadow-light);transition:all .3s ease;opacity:0;transform:translateY(30px);animation:rowEntrance .8s ease forwards}.final-item-row:nth-child(2){animation-delay:.1s}.final-item-row:nth-child(3){animation-delay:.2s}.final-item-row:nth-child(4){animation-delay:.3s}.final-item-row:nth-child(5){animation-delay:.4s}@keyframes rowEntrance{to{opacity:1;transform:translateY(0)}}.final-item-row:hover{transform:translateY(-5px)}.final-card-container{flex-shrink:0}.final-card-container .card{width:121px;height:182px}.final-description-container{flex-grow:1;text-align:left}.final-description-container h4{font-family:var(--font-primary);color:var(--color-accent-gold);font-size:var(--font-size-h5);font-weight:600;margin-bottom:var(--spacing-sm);text-shadow:0 0 10px var(--color-accent-gold-transparent-30)}.final-description-container p{font-family:var(--font-secondary);font-size:var(--font-size-p);line-height:1.6;color:var(--color-text-primary);opacity:.9}#global-interpretation-section{flex-shrink:0;padding:var(--spacing-lg);text-align:left;background:linear-gradient(135deg,var(--color-accent-gold-transparent-15) 0%,rgba(138,43,226,.1) 100%);border-radius:20px;border:1px solid var(--color-accent-gold-transparent-40);color:var(--color-text-primary);width:90%;box-shadow:0 8px 32px var(--color-shadow-dark),inset 0 1px 0 var(--color-shadow-light);position:relative;overflow-y:visible}#global-interpretation-section:after{content:"";position:absolute;top:30%;left:0;width:100%;height:70%;background:linear-gradient(to bottom,transparent,rgba(10,10,46,.9),rgba(10,10,46,1));pointer-events:none}.global-interpretation-text-content{height:100%}#global-interpretation-section h3{font-family:var(--font-primary);color:var(--color-accent-gold);font-size:var(--font-size-h6);font-weight:700;margin-bottom:var(--spacing-md);text-shadow:0 0 15px var(--color-accent-gold-transparent-50)}#global-interpretation-section p{font-family:var(--font-secondary);font-size:var(--font-size-h6);line-height:1.8;opacity:.9}.viversum-ad-wrapper{position:absolute;right:var(--spacing-lg);right:0;bottom:0;border-radius:15px;max-width:20%;overflow:hidden;box-shadow:0 8px 32px var(--color-shadow-dark);z-index:201}.viversum-ad-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width: 1200px){.horizontal-cards-container{gap:var(--spacing-md)}.horizontal-card-wrapper .card{width:132px;height:198px}}@media (max-width: 768px){.mystical-title{font-size:var(--font-size-h3);letter-spacing:1px}.horizontal-cards-container{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.horizontal-card-wrapper .card{width:110px;height:165px}.final-item-row{flex-direction:column;text-align:center;gap:var(--spacing-md)}.final-description-container{text-align:center}.shuffle-button{padding:var(--spacing-sm) var(--spacing-lg) 15px}.mystical-video{opacity:.2;filter:blur(1px) saturate(1.1)}.viversum-ad-wrapper{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:70%;max-width:320px;background:#0a0a2ef2;padding:var(--spacing-sm);border-radius:10px 10px 0 0;box-shadow:0 -5px 20px #0006;top:auto}.viversum-ad-wrapper img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.scrollable-content{padding-bottom:100px}}@media (max-width: 480px){.mystical-title{font-size:var(--font-size-h4)}.horizontal-cards-container{gap:var(--spacing-sm);padding:var(--spacing-sm)}.horizontal-card-wrapper .card,.final-card-container .card{width:88px;height:132px}.card-name{font-size:var(--font-size-m)}.mystical-video{opacity:.15;filter:blur(3px) saturate(1)}}.purpose-selection{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.purpose-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.purpose-buttons .shuffle-button{background:none;padding:0;background-image:url(/deckBack.png);background-size:cover;background-position:center;width:180px;height:271px;max-height:418px;color:var(--color-text-light);font-size:var(--font-size-p);font-weight:600;letter-spacing:1px;border-radius:12px;border:1px solid var(--color-accent-gold-transparent-30);box-shadow:0 8px 32px var(--color-shadow-dark);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.purpose-buttons .shuffle-button:hover{transform:translateY(-5px) scale(1.05)}.purpose-buttons .shuffle-button:active{transform:translateY(-1px) scale(.98)}.purpose-buttons .shuffle-button svg{margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.purpose-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.purpose-buttons .shuffle-button{width:110px;height:165px;min-width:unset;font-size:var(--font-size-m)}}@media (max-width: 480px){.purpose-buttons .shuffle-button{width:88px;height:132px;font-size:var(--font-size-mm)}}.question-setup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);max-width:600px;margin:auto;text-align:center;background:linear-gradient(135deg,#0a0a2ee6,#16213ee6);border-radius:20px;border:1px solid var(--color-accent-gold-transparent-30);box-shadow:0 8px 32px var(--color-shadow-dark)}.question-form{width:100%;margin-top:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg);text-align:left}.form-group label{display:block;font-family:var(--font-primary);font-size:var(--font-size-p);color:var(--color-accent-gold);margin-bottom:var(--spacing-sm)}.category-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.category-button{background:linear-gradient(135deg,var(--color-button-start) 0%,var(--color-button-mid) 100%);color:var(--color-text-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:10px;border:1px solid var(--color-accent-gold-transparent-30);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-p);flex-grow:1}.category-button:hover{transform:translateY(-1px)}.category-button.selected{background:linear-gradient(135deg,var(--color-accent-gold) 0%,var(--color-accent-gold-transparent-80) 100%);color:#333;border-color:var(--color-text-light);box-shadow:0 0 15px var(--color-accent-gold-transparent-50)}textarea{width:100%;padding:var(--spacing-md);border-radius:10px;border:1px solid var(--color-accent-gold-transparent-30);background-color:#0000004d;color:var(--color-text-primary);font-family:var(--font-secondary);font-size:var(--font-size-p);resize:vertical;min-height:100px}textarea:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 10px var(--color-accent-gold-transparent-50)}.char-count{font-size:var(--font-size-m);color:var(--color-text-primary);text-align:right;margin-top:var(--spacing-sm)}.error-message{color:#ff6b6b;font-size:var(--font-size-m);margin-top:var(--spacing-sm)}.input-error{border-color:#ff6b6b!important;box-shadow:0 0 10px #ff6b6b80!important}.form-actions{display:flex;justify-content:space-between;margin-top:var(--spacing-lg)}.form-actions .shuffle-button{flex-grow:1;margin:0 var(--spacing-sm)}@media (max-width: 480px){.category-buttons{flex-direction:column}.category-button{width:100%}.form-actions{flex-direction:column}.form-actions .shuffle-button{width:100%;margin:var(--spacing-sm) 0}}.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,--color-accent-gold-transparent-50 0%,--color-accent-gold-transparent-80 100%);background-size:250% 250%;border-radius:18px;opacity:0;z-index:-1}.card:hover:before{opacity:.8;animation-duration:2.8s}@media (prefers-reduced-motion: reduce){.card:before{animation:none}}.deck-animation-container{position:absolute;top:0}