@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap";
*{box-sizing:border-box}html,body{background:#030207;min-height:100%;margin:0}body{overflow-x:hidden}button,textarea,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.tarot-page{color:#f4ead4;background:#030207;min-height:100vh;font-family:Cormorant Garamond,serif;position:relative;overflow:hidden}.tarot-background-picture,.tarot-background,.tarot-background-shade{width:100%;height:100%;position:fixed;inset:0}.tarot-background-picture{z-index:0;pointer-events:none}.tarot-background{object-fit:cover;object-position:center;display:block}.tarot-background-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#020105c7 0%,#02010538 24%,#0201050f 52%,#02010533 100%),linear-gradient(#02010514 0%,#0201050a 56%,#020105b3 100%)}.tarot-sidebar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050209e6,#030107e0);border-right:1px solid #dbb46552;flex-direction:column;width:220px;padding:28px 22px 30px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-logo-link{width:100%;margin-bottom:46px;text-decoration:none;display:block}.sidebar-logo{object-fit:contain;width:100%;max-width:160px;height:auto;margin:0 auto;display:block}.sidebar-menu{gap:10px;display:grid}.sidebar-menu a{color:#ffffffd6;border:1px solid #0000;align-items:center;gap:13px;min-height:46px;padding:0 10px;font-family:Arial,sans-serif;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:flex}.sidebar-menu a:hover{color:#f3ddb1;background:#67317729;border-color:#ddb46047}.menu-icon{color:#dfb768;text-align:center;width:22px;font-size:18px}.sidebar-message{text-align:center;border-top:1px solid #ddb46033;margin-top:auto;padding-top:24px}.sidebar-message-symbol{color:#dfb768;margin-bottom:10px;font-size:26px;display:block}.sidebar-message p{color:#ffffffad;margin:6px 0;font-size:14px;line-height:1.35}.tarot-mobile-header{display:none}.language-switcher{z-index:40;gap:6px;display:flex;position:fixed;top:18px;right:22px}.language-switcher button{color:#ffffff85;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06030aad;border:1px solid #e2c07d47;min-width:36px;padding:6px 8px;font-family:Arial,sans-serif;font-size:11px}.language-switcher button.active{color:#f3ddb1;background:#4b1d59b8;border-color:#e2c07db8}.tarot-content{z-index:10;min-height:100vh;margin-left:220px;padding:70px 4vw 230px;position:relative}.tarot-price-badge{z-index:35;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050209ad;border:1px solid #e2c07d6b;min-width:76px;padding:8px 12px;position:fixed;top:68px;right:22px}.tarot-price-badge strong{color:#e8c77d;font-family:Cinzel,serif;font-size:22px;font-weight:500;line-height:1;display:block}.tarot-price-badge span{color:#ffffffb3;letter-spacing:.18em;margin-top:3px;font-family:Arial,sans-serif;font-size:9px;display:block}.stage-message{color:#ffffffe6;text-align:center;margin:0 0 18px;font-size:19px;line-height:1.5}.question-panel,.shuffle-panel,.payment-panel{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050209c2;border:1px solid #deb56057;width:min(680px,100vw - 300px);position:absolute;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000061,inset 0 0 40px #5b256914}.question-panel{padding:22px;bottom:54px}.question-panel textarea{resize:vertical;color:#fff;background:#0a050fdb;border:1px solid #debc7747;outline:none;width:100%;min-height:118px;padding:15px 16px;font-family:Arial,sans-serif;font-size:14px;line-height:1.6}.question-panel textarea::placeholder{color:#ffffff6b}.question-panel textarea:focus{border-color:#e2c07d94;box-shadow:0 0 0 2px #8a409924}.question-footer{justify-content:flex-end;margin-top:6px;display:flex}.char-count{color:#ffffff6b;font-family:Arial,sans-serif;font-size:11px}.notice{color:#e8a4ae;text-align:center;margin:10px 0 0;font-family:Arial,sans-serif;font-size:13px}.primary-action{color:#f4dfb1;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#672d77eb,#250d30fa);border:1px solid #e4c37e9e;min-width:230px;margin:16px auto 0;padding:13px 28px;font-family:Cinzel,serif;font-size:13px;transition:transform .2s,filter .2s;display:block;box-shadow:0 10px 28px #00000057}.primary-action:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.primary-action:disabled{opacity:.58;cursor:wait}.shuffle-panel{text-align:center;padding:22px;top:50%;transform:translate(-50%,-50%)}.shuffle-animation{width:260px;height:170px;margin:20px auto 0;position:relative}.shuffle-deck{background:radial-gradient(circle,#0000 18%,#d4a65952 20% 22%,#0000 24%),linear-gradient(145deg,#32103e,#0a050f);border:2px solid #d2a55e;border-radius:7px;width:92px;height:142px;position:absolute;bottom:10px;left:50%;box-shadow:0 14px 35px #0009,0 0 18px #8a36ad52}.d1{animation:1s ease-in-out infinite shuffleOne}.d2{animation:1s ease-in-out infinite shuffleTwo}.d3{animation:1s ease-in-out infinite shuffleThree}.cards-panel{min-height:calc(100vh - 100px);position:relative}.cards-panel>.stage-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0402088f;border:1px solid #dcb15b3d;width:min(650px,70vw);margin:0 auto;padding:10px 16px}.selected-counter{background:#030207c7;border:1px solid #dcb15b4d;width:max-content;margin:14px auto 0;padding:8px 16px;font-family:Cinzel,serif;font-size:12px}.double-spread{z-index:10;height:235px;position:absolute;bottom:190px;left:2vw;right:2vw}.table-spread{perspective:900px;width:min(1140px,94%);height:118px;position:absolute;left:50%;transform:translate(-50%)}.spread-row-1{top:0}.spread-row-2{top:95px}.spread-card{cursor:pointer;transform-origin:50% 120%;background:linear-gradient(135deg,#0000 47%,#dbb15e73 49% 51%,#0000 53%),linear-gradient(45deg,#0000 47%,#dbb15e52 49% 51%,#0000 53%),radial-gradient(circle,#7c3193 0 8%,#1a0822 10% 55%,#09040d 72%);border:1px solid #e7be6cb8;border-radius:5px;width:62px;height:102px;padding:0;transition:bottom .2s,filter .2s,opacity .2s;position:absolute;bottom:8px;box-shadow:0 9px 18px #0000008c}.spread-card:hover:not(:disabled){filter:brightness(1.4)drop-shadow(0 0 10px #deb15cb8);bottom:25px;z-index:200!important}.spread-card.chosen{opacity:.14;pointer-events:none}.spread-card span{color:#ddbb70;font-size:17px}.chosen-row{z-index:14;grid-template-columns:repeat(7,minmax(72px,108px));justify-content:center;gap:12px;display:grid;position:absolute;bottom:20px;left:3vw;right:3vw}.chosen-slot{height:148px}.empty-slot,.chosen-card{width:100%;height:100%}.empty-slot{color:#ffffff3d;background:#04020770;border:1px dashed #ddb96d47;justify-content:center;align-items:center;display:flex}.chosen-card{perspective:900px}.chosen-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.15,1);position:relative}.chosen-card.revealed .chosen-card-inner{transform:rotateY(180deg)}.chosen-card-back,.chosen-card-front{backface-visibility:hidden;border:1px solid #deb5609e;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chosen-card-back{color:#e0bd74;background:radial-gradient(circle,#7f3298 0 8%,#1c0a25 10% 55%,#08030d 72%)}.chosen-card-back>span{font-family:Cinzel,serif;font-size:24px}.chosen-card-back button{color:#f1c8cf;cursor:pointer;background:0 0;border:0;margin-top:16px;font-family:Arial,sans-serif;font-size:11px}.chosen-card-front{text-align:center;background:#09040d;padding:0;overflow:hidden;transform:rotateY(180deg)}.chosen-card-front img{object-fit:cover;width:100%;height:calc(100% - 30px);display:block}.chosen-card-front strong{color:#f1d69e;background:#07030af5;justify-content:center;align-items:center;width:100%;min-height:30px;margin:0;padding:4px 6px;font-family:Cinzel,serif;font-size:10px;line-height:1.1;display:flex}.payment-panel{text-align:center;padding:18px 22px;bottom:18px}.payment-action{margin-top:0}.locked-page{color:#f2e7cf;background:radial-gradient(circle,#60227259,#0000 35%),#030207;place-items:center;min-height:100vh;padding:20px;font-family:Cormorant Garamond,serif;display:grid}.locked-card{text-align:center;background:#060309d1;border:1px solid #dcb15b59;width:min(520px,88vw);padding:40px}.locked-logo{width:min(230px,70%);margin:0 auto 24px;display:block}.locked-card h1{color:#ead29e;font-family:Cinzel,serif;font-size:26px}.locked-card p{font-size:18px}.locked-card a{color:#e5bf74;margin-top:18px;display:inline-block}@keyframes shuffleOne{0%,to{transform:translate(-50%)rotate(-3deg)}50%{transform:translate(-120%)translateY(-18px)rotate(-18deg)}}@keyframes shuffleTwo{0%,to{transform:translate(-50%)rotate(2deg)}50%{transform:translate(20%)translateY(-25px)rotate(17deg)}}@keyframes shuffleThree{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-36px)}}@media (max-width:900px){.tarot-page{overflow:visible}.tarot-background{object-fit:cover;object-position:top center}.tarot-background-shade{background:linear-gradient(#0302070a 0%,#03020714 32%,#0302079e 62%,#030207 88%)}.tarot-sidebar{display:none}.tarot-mobile-header{z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03020780;border-bottom:1px solid #dcb15b33;grid-template-columns:1fr auto;align-items:center;min-height:64px;padding:8px 14px;display:grid;position:relative}.mobile-logo-link{width:max-content;text-decoration:none;display:block}.mobile-logo{object-fit:contain;object-position:left center;width:150px;max-height:48px;display:block}.mobile-header-price{text-align:right;min-width:54px}.mobile-header-price strong{color:#e5c47d;font-family:Cinzel,serif;font-size:18px;line-height:1;display:block}.mobile-header-price span{color:#ffffffa8;letter-spacing:.16em;margin-top:3px;font-family:Arial,sans-serif;font-size:8px;display:block}.language-switcher{top:72px;right:10px}.language-switcher button{min-width:30px;padding:4px 5px;font-size:9px}.tarot-content{min-height:100vh;margin-left:0;padding:315px 14px 90px}.tarot-price-badge{display:none}.question-panel,.shuffle-panel,.payment-panel{width:100%;position:relative;top:auto;bottom:auto;left:auto;transform:none}.question-panel{margin:0 auto;padding:18px}.question-panel textarea{min-height:118px}.shuffle-panel{margin:0 auto;padding:20px 16px}.shuffle-animation{width:230px;margin-top:16px}.cards-panel{min-height:auto}.cards-panel>.stage-message{width:100%}.selected-counter{margin-top:14px}.double-spread{width:100%;height:420px;margin:24px auto 0;position:relative;bottom:auto;left:auto;right:auto}.table-spread{width:100%;height:190px}.spread-row-1{top:0}.spread-row-2{top:188px}.spread-card{width:46px;height:86px;bottom:16px}.spread-card:hover:not(:disabled){filter:none;bottom:16px}.spread-card:active:not(:disabled){filter:brightness(1.38);bottom:29px;z-index:200!important}.chosen-row{grid-template-columns:repeat(7,minmax(38px,48px));gap:6px;margin:6px auto 0;position:relative;bottom:auto;left:auto;right:auto}.chosen-slot{height:76px}.chosen-card-back>span{font-size:16px}.chosen-card-back button{color:#0000;background:#17081e;border:1px solid #e2bb70b8;border-radius:50%;width:20px;height:20px;margin:0;padding:0;font-size:0;position:absolute;top:-8px;right:-8px;overflow:hidden}.chosen-card-back button:after{content:"×";color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:18px}.chosen-card-front img{height:100%}.chosen-card-front strong{display:none}.payment-panel{margin:18px auto 0}}@media (max-width:430px){.mobile-logo{width:136px}.tarot-content{padding-top:290px}.stage-message{font-size:16px}.double-spread{height:380px}.table-spread{height:172px}.spread-row-2{top:168px}.spread-card{width:42px;height:80px}.chosen-row{grid-template-columns:repeat(7,minmax(36px,42px));gap:5px}.chosen-slot{height:70px}.primary-action{width:100%;min-width:0}}