@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital@1&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--gold-primary: #cda45e;--gold-light: #fff;--bg-dark: #000;--text-primary: #222;--page-cream: #fdfbf7;--page-shadow: #e3e1dd}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:Cinzel,serif;user-select:none;-webkit-user-select:none}#bg-canvas{display:block;position:absolute;top:0;left:0;z-index:0}#fg-canvas{display:block;position:absolute;top:0;left:0;z-index:50;pointer-events:none}#scene{position:relative;z-index:10;width:100vw;height:100vh;perspective:2000px;display:flex;justify-content:center;align-items:center}.book-wrapper{position:relative;width:320px;height:440px;transform-style:preserve-3d;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-25deg) rotateX(15deg)}.hard-cover-back{position:absolute;width:100%;height:100%;background:#1a1a1a;border-radius:4px 12px 12px 4px;transform:translateZ(-15px);box-shadow:-10px 10px 30px #000c}.pages-right{position:absolute;width:280px;height:400px;left:20px;top:20px;background:var(--page-cream);transform:translateZ(-5px);border-radius:2px 8px 8px 2px;box-shadow:inset 10px 0 20px #0000001a;display:flex;justify-content:center;align-items:center;padding:20px;text-align:center;overflow:hidden}.pages-right:before{content:"";position:absolute;right:0;top:2px;width:20px;height:99%;background:linear-gradient(to right,var(--page-shadow),var(--page-cream) 20%,var(--page-shadow) 40%,var(--page-cream) 60%,var(--page-shadow));background-size:4px 100%;transform-origin:right;transform:rotateY(90deg)}.pages-right:after{content:"";position:absolute;bottom:0;left:2px;width:100%;height:15px;background:linear-gradient(to bottom,var(--page-shadow),var(--page-cream) 20%,var(--page-shadow) 40%,var(--page-cream) 60%,var(--page-shadow));background-size:100% 4px;transform-origin:bottom;transform:rotateX(-90deg)}.spine{position:absolute;width:40px;height:100%;left:-15px;top:0;background:linear-gradient(90deg,#2a2a2a,#0d0d0d,#2a2a2a);transform:rotateY(-90deg) translateZ(18px);border-radius:4px}.front-cover-group{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:left center;transform-style:preserve-3d;transform:translateZ(5px)}.front-cover-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:linear-gradient(135deg,#1f1f1f,#0a0a0a);border:2px solid #333;border-radius:4px 12px 12px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--gold-primary);box-shadow:inset 0 0 40px #000}.front-cover-face:before{content:"";position:absolute;inset:15px;border:1px solid rgba(205,164,94,.4);border-radius:2px 8px 8px 2px}.front-cover-inside{position:absolute;width:280px;height:400px;left:20px;top:20px;background:var(--page-cream);transform:rotateY(180deg) translateZ(2px);backface-visibility:hidden;border-radius:2px 8px 8px 2px;box-shadow:inset -10px 0 20px #0000001a}.front-cover-inside:before{content:"";position:absolute;left:0;top:2px;width:10px;height:99%;background:var(--page-shadow);transform-origin:left;transform:rotateY(-90deg)}.book-title{font-size:36px;letter-spacing:6px;font-weight:700;text-transform:uppercase;text-shadow:0 2px 10px rgba(205,164,94,.6);margin-bottom:20px;text-align:center;background:linear-gradient(45deg,var(--gold-primary),var(--gold-light),var(--gold-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.book-subtitle{font-size:14px;opacity:.8;letter-spacing:4px;color:#888}.answer-text{font-family:Playfair Display,serif;font-size:32px;font-weight:700;font-style:italic;color:var(--text-primary);opacity:0;transform:scale(.8);line-height:1.4;max-width:80%;position:relative;z-index:20}.light-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:600px;height:600px;background:radial-gradient(circle,#fff,#ffdc96cc 20%,#ff643200 70%);mix-blend-mode:screen;pointer-events:none;z-index:50;opacity:0}.rune-bg{position:absolute;width:80%;height:80%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23000' stroke-width='1' fill='none' opacity='0.05'/%3E%3Cpath d='M50 10 L90 50 L50 90 L10 50 Z' stroke='%23000' stroke-width='1' fill='none' opacity='0.05'/%3E%3C/svg%3E");opacity:.5;animation:rotateRune 60s linear infinite}@keyframes rotateRune{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instruction-text{position:absolute;bottom:-80px;width:100%;text-align:center;color:#fff6;font-size:14px;letter-spacing:3px;text-transform:uppercase;font-family:Segoe UI,sans-serif;pointer-events:none;transition:opacity .3s}.audio-toggle{position:fixed;top:20px;right:20px;z-index:100;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .2s ease;color:#ffffffb3}.audio-toggle:hover{transform:scale(1.1);background:#ffffff26}.audio-toggle.visible{opacity:1}.audio-toggle svg{width:20px;height:20px}.app-download-overlay{position:fixed;inset:0;z-index:80;background:#000000b3;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.app-download-overlay.visible{opacity:1;pointer-events:auto}.app-download-content{text-align:center;color:#fff}.app-download-title{font-family:Cinzel,serif;font-size:28px;color:var(--gold-primary);margin-bottom:16px;letter-spacing:3px}.app-download-subtitle{font-size:16px;color:#ffffffb3;margin-bottom:30px}.app-store-badge{display:inline-block;transition:transform .2s ease}.app-store-badge:hover{transform:scale(1.05)}.app-store-badge img{height:54px}.app-download-dismiss{margin-top:30px;padding:12px 30px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;border-radius:25px;cursor:pointer;font-family:Cinzel,serif;letter-spacing:2px;transition:all .3s ease}.app-download-dismiss:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.footer{position:fixed;bottom:0;left:0;right:0;z-index:60;padding:60px;display:flex;justify-content:center;gap:30px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.footer a{color:#fff6;text-decoration:none;font-size:12px;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease}.footer a:hover{color:var(--gold-primary)}html:has(.legal-page),html:has(.legal-page) body{overflow:auto;height:auto}.legal-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:60px 20px 100px}.legal-container{max-width:800px;margin:0 auto;color:#fffc}.legal-title{font-family:Cinzel,serif;font-size:36px;color:var(--gold-primary);text-align:center;margin-bottom:40px;letter-spacing:4px}.legal-content{line-height:1.8;font-size:15px}.legal-content h2{color:var(--gold-primary);font-family:Cinzel,serif;font-size:20px;margin-top:30px;margin-bottom:15px}.legal-content p{margin-bottom:15px}.legal-content ul{margin-bottom:15px;padding-left:20px}.legal-content li{margin-bottom:8px}.legal-back{display:inline-flex;align-items:center;gap:8px;color:#ffffff80;text-decoration:none;margin-bottom:30px;transition:color .3s ease}.legal-back:hover{color:var(--gold-primary)}