:root{--bg-color: #050505;--text-primary: #f0f0f0;--text-secondary: #9a9a9a;--border-color: rgba(255, 255, 255, .1);--btn-bg: #111;--btn-active-bg: #fff;--btn-active-text: #000;--logo-gold: #ffea8c;--logo-gold-glow: rgba(255, 234, 140, .5);--logo-green: #9de354;--logo-green-glow: rgba(157, 227, 84, .5)}@font-face{font-family:Courier New;src:url(fonts/subset-CourierNewPSMT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Courier New Cyr;src:url(fonts/subset-CourierCyrPS.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;position:sticky;top:0;background:#050505cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid transparent;transition:border-color .3s ease}.lang-switcher{display:flex;gap:.5rem}.lang-switcher button{background:var(--btn-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.lang-switcher button.active{background:#ffea8c0d;color:var(--logo-gold);border-color:var(--logo-gold);box-shadow:0 0 10px var(--logo-gold-glow),inset 0 0 5px var(--logo-gold-glow);text-shadow:0 0 8px var(--logo-gold-glow)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.steps-links{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.step-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.step-card:hover{background:#ffffff0f;border-color:#fff3;transform:translate(5px)}.step-card h3{font-size:1.2rem;font-weight:400;margin:0}.step-arrow{font-size:1.5rem;color:var(--text-secondary);transition:color .2s ease}.step-card:hover .step-arrow{color:var(--text-primary)}.back-link-container{margin-bottom:2rem}.back-link{color:var(--text-secondary);text-decoration:none;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;transition:color .2s ease}.back-link:hover{color:var(--text-primary)}.step-header{text-align:center;padding:2rem 0 3rem;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.card-instance{color:var(--text-secondary);font-family:Courier New Cyr,Courier New,Courier,monospace;letter-spacing:.1em;margin-top:.5rem}.card-detail .back-link-container{margin-bottom:.4rem}.card-detail.step-detail .step-header{padding-top:.25rem;padding-bottom:.3rem;margin-bottom:0}.card-detail .step-content{gap:.6rem}.card-image-container{display:flex;justify-content:center}.tilt-card-scene{position:relative;perspective:1200px;--card-glow: var(--logo-gold-glow);--card-glow-soft: rgba(255, 234, 140, .12);--card-text: var(--logo-gold)}.tilt-card-scene--major{--card-glow: var(--logo-gold-glow);--card-glow-soft: rgba(255, 234, 140, .12);--card-text: var(--logo-gold)}.tilt-card-scene--wands{--card-glow: rgba(255, 106, 46, .55);--card-glow-soft: rgba(255, 106, 46, .12);--card-text: #ffb083}.tilt-card-scene--cups{--card-glow: rgba(74, 169, 255, .55);--card-glow-soft: rgba(74, 169, 255, .12);--card-text: #9fd6ff}.tilt-card-scene--swords{--card-glow: rgba(210, 226, 255, .55);--card-glow-soft: rgba(210, 226, 255, .12);--card-text: #e4edff}.tilt-card-scene--pentacles{--card-glow: var(--logo-green-glow);--card-glow-soft: rgba(157, 227, 84, .12);--card-text: var(--logo-green)}.tilt-card-scene:before{content:"";position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background:radial-gradient(circle,var(--card-glow) 0%,var(--card-glow-soft) 40%,transparent 70%);filter:blur(30px);animation:backlight-pulse 4s ease-in-out infinite;z-index:-1}@keyframes backlight-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.tilt-card-scene--boost:before{animation:backlight-shimmer 3s ease-in-out infinite}.tilt-card-scene--boost{animation:card-float 4s ease-in-out infinite}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes backlight-shimmer{0%,to{opacity:.85;transform:scale(1.15)}50%{opacity:1;transform:scale(1.3)}}.tilt-card{position:relative;width:min(68vw,280px);aspect-ratio:900 / 1559;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;opacity:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transform:translateY(50px) scale(.9) rotateX(-25deg);transition:opacity .6s ease-out}.tilt-card--active{will-change:transform}.tilt-card--entered:not(.tilt-card--active){opacity:1;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .6s ease-out,box-shadow .3s ease-out}.tilt-card--entered{opacity:1}.tilt-card--active{transition:transform .12s ease-out,box-shadow .3s ease-out}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1)}.flip-card-inner--celebrating{transition:transform 1.1s cubic-bezier(.15,.8,.3,1)}.flip-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.45)}.flip-card-face-clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.flip-card-back{transform:rotateY(180deg);background:#000 url(/tarot/back-texture.jpg) center / 100% 100% no-repeat}.flip-card-back-content{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem 2rem 1rem;margin:2rem 0 0rem;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;mask-image:linear-gradient(to bottom,transparent 0,black 36px,black calc(100% - 36px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 36px,black calc(100% - 36px),transparent 100%)}.flip-card-activate-slot{flex-shrink:0;display:flex;justify-content:center;padding:.5rem 1rem 3rem}.flip-card-back-content p{font-size:.85rem;line-height:1.55;color:var(--card-text);text-align:center;text-shadow:0 0 8px var(--card-glow)}.flip-card-attribution{font-size:.7rem!important;opacity:.7;margin-top:.9rem;font-style:italic;text-shadow:none!important}.tilt-card .card-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.card-image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(14px);transform:scale(1.15)}.card-image--full{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:blur(18px);transition:opacity .5s ease-out,filter .9s ease-out}.card-image--full-visible{opacity:1;filter:blur(0)}.card-rws-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .9s ease-out;z-index:1}.card-rws-layer--hidden{opacity:0;pointer-events:none}.card-image--rws-color{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:brightness(.85) blur(18px);transition:opacity .5s ease-out,filter .9s ease-out}.card-image--rws-color-visible{opacity:1;filter:brightness(.85) blur(0)}.card-image--rws{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:grayscale(1) brightness(.85) blur(18px);transition:opacity .5s ease-out,filter .9s ease-out}.card-image--rws-visible{opacity:1;filter:grayscale(1) brightness(.85) blur(0)}.card-lock-badge{position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.25);color:#b8b8b8;z-index:2}.card-lock-badge svg{display:block}.tilt-card-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;mix-blend-mode:overlay;transition:opacity .25s ease-out;pointer-events:none;z-index:3}.tilt-card-flash{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--card-glow) 35%,transparent 70%);pointer-events:none;z-index:5;animation:card-flash .55s ease-out forwards}@keyframes card-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.tilt-card-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;overflow:visible}.tilt-card-spark{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--card-text, #fff);box-shadow:0 0 6px 1px var(--card-glow);transform:rotate(var(--angle)) translate(0);opacity:0;animation:spark-burst .8s ease-out forwards;animation-delay:var(--delay, 0s)}@keyframes spark-burst{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translate(90px) scale(.3)}}.card-flip-hint{text-align:center;color:var(--text-secondary);font-size:.85rem;letter-spacing:.04em;margin:0}.card-flip-chevrons{display:flex;justify-content:center;color:var(--logo-gold);filter:drop-shadow(0 0 3px var(--logo-gold-glow));margin-top:.75rem;animation:tap-hint 1.4s ease-in-out infinite}@keyframes tap-hint{0%,to{transform:translateY(0);opacity:.85}30%{transform:translateY(-4px);opacity:1}50%{transform:translateY(0);opacity:.85}}.activate-card{display:flex;flex-direction:column;align-items:center;gap:.4rem}.activate-card-btn{background:var(--btn-bg);color:var(--logo-gold);border:1px solid var(--logo-gold);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px var(--logo-gold-glow);box-shadow:0 0 10px var(--logo-gold-glow);transition:all .2s ease}.activate-card-btn:hover:not(:disabled){background:#ffea8c14}.activate-card-btn:disabled{opacity:.6;cursor:default}.activate-card-done{color:var(--logo-green);text-shadow:0 0 8px var(--logo-green-glow);font-size:.75rem;letter-spacing:.03em}.activate-card-error{color:#ff7676;font-size:.65rem}h1{font-size:clamp(2rem,5vw,3rem);font-family:Courier New Cyr,Courier New,Courier,monospace;letter-spacing:.05em;font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#bf953f 20%,#fcf6ba 40%,#b38728,#fcf6ba 60%,#bf953f 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-shine 4s linear infinite;text-shadow:0 0 4px var(--logo-gold-glow),0 0 10px var(--logo-gold-glow),0 0 15px var(--logo-gold-glow)}@keyframes gold-shine{0%{background-position:200% center}to{background-position:0% center}}.step-content{display:flex;flex-direction:column;gap:3rem}.step-lyrics h2,.step-philosophy h2{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tab-btn{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:#ffea8c0d;color:var(--logo-gold);border-color:var(--logo-gold);box-shadow:0 0 10px var(--logo-gold-glow),inset 0 0 5px var(--logo-gold-glow);text-shadow:0 0 8px var(--logo-gold-glow)}.step-lyrics p{font-style:italic;color:var(--text-primary);font-size:1.1rem;line-height:1.8;animation:fadeIn .5s ease-out}.philosophy-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.2rem}.philosophy-content p:last-child{margin-bottom:0}main{flex:1;padding:0 1.5rem;max-width:680px;margin:0 auto;width:100%}.hero{text-align:center;padding:5rem 0 4rem;border-bottom:1px solid var(--border-color);animation:fadeIn 1s ease-out}.hero h1{font-family:Courier New Cyr,Courier New,Courier,monospace;font-size:clamp(2.5rem,8vw,4rem);letter-spacing:.05em;margin-bottom:.5rem;font-weight:400;text-transform:uppercase;color:var(--logo-gold);text-shadow:0 0 8px var(--logo-gold-glow),0 0 20px var(--logo-gold-glow),0 0 30px var(--logo-gold-glow)}.hero .subtitle{font-size:clamp(.9rem,3vw,1.1rem);color:var(--text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.1em}section{padding:4rem 0;border-bottom:1px solid var(--border-color)}section h2{font-family:Courier New,Courier,monospace;font-size:1.25rem;margin-bottom:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--logo-gold);text-shadow:0 0 8px var(--logo-gold-glow),0 0 20px var(--logo-gold-glow),0 0 30px var(--logo-gold-glow)}section p{font-size:1.05rem;color:var(--text-secondary);line-height:1.8}footer{text-align:center;padding:3rem 1.5rem 4rem;margin-top:auto}footer p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-links a{color:var(--text-primary);text-decoration:none;font-size:.95rem;opacity:.7;transition:opacity .2s ease}.social-links a:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html:not([data-scroll="0"]) .top-nav{border-bottom:1px solid var(--border-color)}