:root{--bg-0:#03040a;--bg-1:#07081a;--bg-2:#0d0d24;--ink:#f0e9d6;--ink-2:#c8bf9e;--ink-3:#f0e9d68c;--ink-4:#f0e9d64d;--gold:#d4af37;--gold-2:#f5d06a;--gold-3:#b8892a;--gold-glow:#f5d06a8c;--gold-soft:#d4af3726;--purple:#5b21b6;--purple-2:#a89aff;--purple-glow:#8b5cf68c;--purple-deep:#2a1058;--glass-bg:linear-gradient(145deg,#2e1a5ceb 0%,#120a2af5 100%);--glass-border:#d4af378c;--glass-bright:#f5d06a2e;--card-w:260px;--card-h:420px;--ease-xxx:cubic-bezier(.19,1,.22,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-in-out:cubic-bezier(.83,0,.17,1);--serif:"Noto Serif SC","Songti SC","STSong","SimSun","Cormorant Garamond",Georgia,"Times New Roman",serif;--display:"Cinzel","Cormorant Garamond","Noto Serif SC",serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.05em;background:#03040a;font-weight:400;overflow:hidden}body{cursor:none;background:radial-gradient(80% 70% at 50% 45%,#8b5cf638 0%,#0000 55%),radial-gradient(120% 90% at 50% 100%,#2a10588c 0%,#0000 55%),radial-gradient(#16143a 0%,#07061a 50%,#020208 100%)}button{color:inherit;cursor:none;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}i{justify-content:center;align-items:center;display:inline-flex}svg{display:block}ul{list-style:none}#starfield{z-index:1;pointer-events:none;position:fixed;inset:0}#scene-container{z-index:2;pointer-events:none;position:fixed;inset:0}#scene-container canvas{display:block}#vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 35%,#03040abf 100%);position:fixed;inset:0}.corner-rune{z-index:4;pointer-events:none;opacity:.45;filter:drop-shadow(0 0 18px #d4af3759);background-repeat:no-repeat;background-size:contain;width:140px;height:140px;animation:8s ease-in-out infinite runeFloat;position:fixed}.corner-rune.tl{animation-delay:0s;top:24px;left:24px}.corner-rune.tr{animation-delay:-2s;top:24px;right:24px;transform:scaleX(-1)}.corner-rune.bl{animation-delay:-4s;bottom:24px;left:24px;transform:scaleY(-1)}.corner-rune.br{animation-delay:-6s;bottom:24px;right:24px;transform:scale(-1)}.corner-rune{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'><g fill='none' stroke='%23d4af37' stroke-width='0.8'><circle cx='14' cy='14' r='28' stroke-opacity='0.25'/><path d='M14 14 L60 14 M14 14 L14 60' stroke-opacity='0.8'/><path d='M22 22 L52 22 M22 22 L22 52' stroke-opacity='0.45'/><circle cx='14' cy='14' r='4' fill='%23f5d06a'/><circle cx='40' cy='14' r='2' fill='%23f5d06a' fill-opacity='0.8'/><circle cx='14' cy='40' r='2' fill='%23f5d06a' fill-opacity='0.8'/><polygon points='14,14 20,18 14,24 8,18' fill='%23f5d06a' fill-opacity='0.4'/></g></svg>")}@keyframes runeFloat{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.55;transform:translateY(-4px)}}.corner-rune.tr{animation-name:runeFloatR}.corner-rune.bl{animation-name:runeFloatB}.corner-rune.br{animation-name:runeFloatBR}@keyframes runeFloatR{0%,to{opacity:.35;transform:scaleX(-1)translateY(0)}50%{opacity:.55;transform:scaleX(-1)translateY(-4px)}}@keyframes runeFloatB{0%,to{opacity:.35;transform:scaleY(-1)translateY(0)}50%{opacity:.55;transform:scaleY(-1)translateY(4px)}}@keyframes runeFloatBR{0%,to{opacity:.35;transform:scale(-1)translateY(0)}50%{opacity:.55;transform:scale(-1)translateY(4px)}}#edge-glow{z-index:5;pointer-events:none;transition:box-shadow .6s var(--ease-xxx);position:fixed;inset:0;box-shadow:inset 0 0 120px 8px #8b5cf61f,inset 0 0 60px #f5d06a0f}#edge-glow.grabbing{animation:1.5s ease-in-out infinite edgePulse;box-shadow:inset 0 0 300px 40px #d4af3766,inset 0 0 140px 20px #8b5cf659,inset 0 0 60px #f5d06a4d}#edge-glow.preview{box-shadow:inset 0 0 220px 24px #8b5cf659,inset 0 0 80px #f5d06a2e}@keyframes edgePulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}#grab-pulse{z-index:4;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-xxx),transform .8s var(--ease-xxx);background:radial-gradient(circle,#f5d06a47 0%,#a89aff26 40%,#0000 65%);position:fixed;inset:0;transform:scale(.5)}#grab-pulse.fire{opacity:1;transform:scale(1.4)}.topbar{z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:24px 32px 0;display:flex;position:fixed;top:0;left:0;right:0}.brand{pointer-events:auto;background:linear-gradient(145deg,#2e1a5cf0 0%,#120a2afa 100%);border:1px solid #d4af3780;align-items:center;gap:14px;padding:10px 18px 10px 12px;display:flex;box-shadow:0 8px 28px #000000b3,0 0 24px #d4af3740,inset 0 1px #f5d06a33}.brand:before{content:"";pointer-events:none;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border:1px solid #d4af371f;position:absolute;inset:4px}.brand-seal{width:44px;height:44px;filter:drop-shadow(0 0 14px var(--gold-glow));justify-content:center;align-items:center;animation:4s ease-in-out infinite sealBreathe;display:flex}@keyframes sealBreathe{0%,to{filter:drop-shadow(0 0 10px var(--gold-glow))}50%{filter:drop-shadow(0 0 22px var(--gold-glow)) drop-shadow(0 0 40px var(--purple-glow))}}.brand-meta{line-height:1.2}.brand-name-cn{letter-spacing:.6em;color:var(--gold-2);text-shadow:0 0 20px var(--gold-glow);padding-left:.6em;font-size:17px;font-weight:500}.brand-name-en{letter-spacing:.4em;color:var(--ink-3);font-size:9px;font-family:var(--display);margin-top:4px;font-weight:300}.topbar-right{pointer-events:auto;align-items:center;gap:16px;display:flex}.progress-track{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);opacity:0;transition:all .8s var(--ease-xxx);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border:1px solid #d4af3747;border-radius:2px;align-items:center;gap:0;padding:12px 26px;display:flex;transform:translateY(-12px);box-shadow:0 8px 28px #00000080,inset 0 1px #f5d06a1a}.progress-track.show{opacity:1;transform:translateY(0)}.prog-dot{justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.prog-node{border:1px solid var(--gold);width:10px;height:10px;transition:all .4s var(--ease-spring);z-index:2;background:#0a0818b3;border-radius:50%;position:relative}.prog-dot.done .prog-node{background:var(--gold);box-shadow:0 0 14px var(--gold-glow)}.prog-dot.active .prog-node{background:var(--gold-2);width:14px;height:14px;box-shadow:0 0 22px var(--gold-glow),0 0 40px var(--gold-glow), 0 0 60px var(--purple-glow);animation:1.6s ease-in-out infinite nodePulse}@keyframes nodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.prog-label{letter-spacing:.4em;color:var(--ink-3);white-space:nowrap;opacity:0;transition:all .4s var(--ease-xxx);font-size:10px;position:absolute;top:-24px;left:50%;transform:translate(-50%)translateY(4px)}.prog-dot.active .prog-label{opacity:1;color:var(--gold-2);text-shadow:0 0 10px var(--gold-glow);transform:translate(-50%)translateY(0)}.prog-dot.done .prog-label{opacity:.7;color:var(--gold)}.prog-line{background:#d4af372e;width:40px;height:1px;position:relative;overflow:hidden}.prog-line-fill{background:linear-gradient(90deg,transparent,var(--gold-2),var(--gold),transparent);width:0;transition:width 1s var(--ease-xxx);box-shadow:0 0 8px var(--gold-glow);position:absolute;inset:0}.prog-line.lit .prog-line-fill{width:100%}.icon-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);width:44px;height:44px;color:var(--ink-2);transition:all .35s var(--ease-spring);border:1px solid #d4af374d;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible;box-shadow:0 4px 18px #00000080,inset 0 1px #f5d06a14}.icon-btn:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#f5d06a59,#0000 70%);border-radius:50%;transition:opacity .4s,transform .4s;position:absolute;inset:-4px}.icon-btn:after{content:"";opacity:0;transition:all .4s var(--ease-xxx);pointer-events:none;border:1px solid #f5d06a80;border-radius:50%;position:absolute;inset:0;transform:scale(1.3)}.icon-btn:hover{color:var(--gold-2);border-color:var(--gold);box-shadow:0 0 28px var(--gold-glow), 0 0 50px #f5d06a40, inset 0 0 22px #f5d06a1f;transform:rotate(12deg)scale(1.08)}.icon-btn:hover:before{opacity:1;transform:scale(1.3)}.icon-btn:hover:after{opacity:1;animation:1.4s ease-out infinite btnRing;transform:scale(1.5)}@keyframes btnRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.icon-btn.active{color:var(--gold-2);border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow), 0 0 40px #f5d06a33}.icon-btn i{z-index:2;width:18px;height:18px;position:relative}.icon-btn.sm{width:34px;height:34px}.icon-btn.sm i{width:14px;height:14px}.menu-panel{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(1.4);clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);opacity:0;pointer-events:none;width:296px;transition:opacity .4s var(--ease-xxx),transform .5s var(--ease-spring);transform-origin:100% 0;background:linear-gradient(160deg,#241450d1 0%,#0c061eeb 100%);border:1px solid #d4af3752;padding:24px 22px;position:fixed;top:88px;right:32px;transform:translateY(-12px)scale(.96);box-shadow:0 30px 90px #000000bf,0 0 80px #5b21b666,inset 0 1px #f5d06a1f}.menu-panel.open{opacity:1;pointer-events:auto;animation:4s ease-in-out infinite panelShimmer;transform:translateY(0)scale(1)}@keyframes panelShimmer{0%,to{box-shadow:0 30px 90px #000000bf,0 0 80px #5b21b666,inset 0 1px #f5d06a1f}50%{box-shadow:0 30px 90px #000000bf,0 0 90px #8b5cf680,inset 0 1px #f5d06a2e}}.menu-panel:before{content:"";pointer-events:none;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);border:1px solid #d4af3724;position:absolute;inset:6px}.menu-head{justify-content:space-between;align-items:center;padding-bottom:14px;display:flex;position:relative}.menu-title{letter-spacing:.5em;color:var(--gold-2);text-shadow:0 0 14px var(--gold-glow);padding-left:.5em;font-size:14px}.menu-divider{background:linear-gradient(90deg,#0000,#d4af3773,#0000);height:1px;margin:16px 0;position:relative}.menu-divider:before,.menu-divider:after{content:"◆";color:var(--gold);text-shadow:0 0 8px var(--gold-glow);font-size:6px;position:absolute;top:50%;transform:translateY(-50%)}.menu-divider:before{margin-left:-4px;left:50%}.menu-divider:after{left:100%;transform:translate(-50%,-50%)}.menu-section{margin-bottom:18px}.menu-section-title{letter-spacing:.5em;color:var(--ink-4);margin-bottom:10px;padding-left:2px;font-size:9px}.menu-opt-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu-opt-group:only-child{grid-template-columns:1fr}.menu-opt{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-3);letter-spacing:.3em;transition:all .3s var(--ease-spring);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:linear-gradient(160deg,#1e143c80,#0c081c59);border:1px solid #d4af3738;justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:11px;display:flex;position:relative;overflow:hidden}.menu-opt:before{content:"";background:linear-gradient(135deg,#f5d06a00 0%,#f5d06a1f 50%,#f5d06a00 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.menu-opt i{z-index:1;width:13px;height:13px;position:relative}.menu-opt span{z-index:1;position:relative}.menu-opt:hover{border-color:var(--gold);color:var(--ink);background:linear-gradient(160deg,#d4af3726,#5b21b61f);box-shadow:inset 0 0 14px #f5d06a1a,0 0 14px #d4af3733}.menu-opt:hover:before{transform:translate(100%)}.menu-opt.active{border-color:var(--gold);color:var(--gold-2);background:linear-gradient(160deg,#d4af3733,#5b21b638);box-shadow:inset 0 0 18px #f5d06a24,0 0 18px #d4af3747}.menu-item{letter-spacing:.35em;width:100%;color:var(--ink-3);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);align-items:center;gap:12px;padding:12px 10px;font-size:12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.menu-item:before{content:"";background:linear-gradient(90deg,#f5d06a26,#0000);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.menu-item i{z-index:1;width:14px;height:14px;position:relative}.menu-item span{z-index:1;position:relative}.menu-item:hover{color:var(--gold-2);text-shadow:0 0 12px var(--gold-glow);background:#d4af3714;padding-left:20px}.menu-item:hover:before{transform:translate(0)}.cam-panel{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(1.3);width:180px;height:135px;box-shadow:0 0 40px var(--purple-glow),inset 0 0 30px #0006, inset 0 1px 0 #f5d06a1a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .6s var(--ease-xxx);background:linear-gradient(135deg,#140a32b3,#060412cc);border:1px solid #d4af3759;position:fixed;bottom:28px;left:28px;overflow:hidden}.cam-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 50%,#8b5cf61a 100%);animation:3s ease-in-out infinite camHalo;position:absolute;inset:0}@keyframes camHalo{0%,to{opacity:.5}50%{opacity:1}}.cam-panel.cam-hidden{opacity:0;pointer-events:none;transform:translate(-20px)scale(.95)}.cam-panel video,.cam-panel canvas{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.cam-panel canvas{z-index:2}.cam-status{letter-spacing:.2em;color:var(--gold-2);z-index:3;text-shadow:0 0 10px var(--gold-glow);background:linear-gradient(#0000,#000000d9);align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.cam-status i{width:11px;height:11px}.cam-frame{pointer-events:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:1px solid #d4af3740;position:absolute;inset:5px}@media (width<=640px){.cam-panel{width:120px;height:90px;bottom:14px;left:14px}}.phase-hud{z-index:8;text-align:center;pointer-events:none;opacity:0;transition:opacity 1s var(--ease-xxx),transform 1s var(--ease-xxx);padding:18px 44px;position:fixed;top:24%;left:50%;transform:translate(-50%)translateY(-10px)}.phase-hud:before{content:"";filter:blur(20px);z-index:-1;background:radial-gradient(#8b5cf61a,#0000 70%);position:absolute;inset:0}.phase-hud.show{opacity:1;transform:translate(-50%)translateY(0)}.phase-ornament{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.orn-line{background:linear-gradient(90deg,transparent,var(--gold-2));width:70px;height:1px;box-shadow:0 0 8px var(--gold-glow)}.phase-ornament .orn-line:last-child{background:linear-gradient(90deg,var(--gold-2),transparent)}.orn-dot{color:var(--gold-2);opacity:.8;text-shadow:0 0 10px var(--gold-glow);font-size:10px;animation:2s ease-in-out infinite ornTwinkle}@keyframes ornTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.phase-num{font-family:var(--display);letter-spacing:.3em;color:var(--gold-2);text-shadow:0 0 14px var(--gold-glow);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid #d4af3759;padding:4px 14px;font-size:14px;box-shadow:0 0 20px #f5d06a26}.phase-main{letter-spacing:.45em;color:var(--gold-2);text-shadow:0 0 30px var(--gold-glow),0 0 60px var(--purple-glow), 0 0 100px #a89aff4d;background:linear-gradient(180deg,#fff5d0 0%,var(--gold-2) 45%,var(--gold) 75%,#c4b5fd 130%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-left:.45em;font-size:44px;font-weight:400;animation:5s ease-in-out infinite mainShimmer}@keyframes mainShimmer{0%,to{filter:brightness(1) drop-shadow(0 0 20px var(--gold-glow))}50%{filter:brightness(1.25) drop-shadow(0 0 40px var(--gold-glow))}}.phase-sub{letter-spacing:.5em;color:var(--ink-3);text-shadow:0 0 12px #a89aff4d;margin-top:14px;font-size:11px;animation:2.8s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@media (width<=640px){.phase-main{letter-spacing:.3em;font-size:26px}}.gesture-hint{z-index:15;opacity:0;transition:all .9s var(--ease-xxx);position:fixed;bottom:32px;right:32px;transform:translate(30px)}.gesture-hint.show{opacity:.9;transform:translate(0)}.hint-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border:1px solid #d4af3740;align-items:center;gap:14px;padding:12px 18px 12px 12px;display:flex;box-shadow:0 8px 30px #0009,0 0 24px #8b5cf640,inset 0 1px #f5d06a1a}.hint-icon{transform-origin:50%;width:48px;height:48px;filter:drop-shadow(0 0 12px var(--gold-glow));justify-content:center;align-items:center;animation:3s ease-in-out infinite hintHand;display:flex}@keyframes hintHand{0%,to{transform:rotate(-8deg)translateY(0)}30%{transform:rotate(0)translateY(-2px)}60%{transform:rotate(5deg)translateY(0)}}.h-idx{transform-origin:27px 34px;animation:2s ease-in-out infinite hIdx}.h-thu{transform-origin:18px 25px;animation:2s ease-in-out infinite hThu}.h-dot{animation:2s ease-in-out infinite hDot}@keyframes hIdx{0%,to{transform:translate(0)}50%{transform:translate(5px,-2px)}}@keyframes hThu{0%,to{transform:translate(0)}50%{transform:translate(3px,-5px)}}@keyframes hDot{0%,to{opacity:.4;r:1.5}50%{opacity:1;r:3}}.hint-body{line-height:1.4}.hint-title{letter-spacing:.4em;color:var(--gold-2);text-shadow:0 0 10px var(--gold-glow);margin-bottom:3px;font-size:11px}.hint-desc{letter-spacing:.25em;color:var(--ink-3);font-size:9px}@media (width<=640px){.gesture-hint{display:none}}.spread-row{z-index:12;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0000,#0c061e80 40%,#140a324d);border-top:1px solid #d4af3726;border-radius:60% 60% 0 0/30px 30px 0 0;gap:48px;padding:24px 48px 20px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.spread-row:before{content:"";background:linear-gradient(90deg,transparent,var(--gold-2),transparent);height:1px;box-shadow:0 0 12px var(--gold-glow);position:absolute;top:0;left:10%;right:10%}.slot{flex-direction:column;align-items:center;gap:12px;display:flex}.slot-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:86px;height:138px;transition:all .6s var(--ease-spring);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:linear-gradient(#1e12464d,#0a061c8c);border:1px dashed #d4af374d;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slot-card:before{content:"";pointer-events:none;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:1px dashed #d4af371f;position:absolute;inset:4px}.slot-card:after{content:"";opacity:0;background:radial-gradient(circle,#f5d06a26,#0000 60%);transition:opacity .5s;position:absolute;inset:0}.slot-rune{font-family:var(--display);color:#d4af3766;transition:all .6s var(--ease-xxx);text-shadow:0 0 12px #d4af3766;font-size:22px;font-style:italic}.slot-card.active{border-color:var(--gold);box-shadow:0 0 40px var(--gold-glow),0 0 80px #f5d06a4d, inset 0 0 20px #f5d06a1a;border-style:solid;transform:translateY(-10px)scale(1.08)}.slot-card.active:after{opacity:1;animation:1.6s ease-in-out infinite slotPulse}@keyframes slotPulse{0%,to{opacity:.5}50%{opacity:1}}.slot-card.active .slot-rune{color:var(--gold-2);animation:1.6s ease-in-out infinite runePulse}@keyframes runePulse{0%,to{text-shadow:0 0 14px var(--gold-glow);transform:scale(1)}50%{text-shadow:0 0 32px var(--gold-glow), 0 0 50px var(--purple-glow);transform:scale(1.15)}}.slot-card.filled{border-style:solid;border-color:var(--gold);box-shadow:0 0 32px var(--gold-glow), 0 12px 50px #000000bf, inset 0 0 20px #f5d06a14;background:linear-gradient(#2a1558,#0d0720)}.slot-card.filled .slot-rune{opacity:0;transform:scale(2)}.slot-card.reversed .mini-art{transform:rotate(180deg)}.mini-art{opacity:0;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);background-position:50%;background-size:cover;transition:opacity 1s;position:absolute;inset:3px}.slot-card.filled .mini-art{opacity:1}.mini-art:after{content:"";background:linear-gradient(#0000 40%,#0a0619d9);position:absolute;inset:0}.mini-name{letter-spacing:.1em;text-align:center;color:var(--gold-2);opacity:0;z-index:2;text-shadow:0 0 8px var(--gold-glow);background:linear-gradient(#0000,#000000d9);padding:4px 2px;font-size:9px;transition:opacity 1s;position:absolute;bottom:4px;left:4px;right:4px}.slot-card.filled .mini-name{opacity:1}.mini-pos{letter-spacing:.2em;color:var(--gold);opacity:0;z-index:2;text-shadow:0 0 8px var(--gold-glow);font-size:8px;transition:opacity 1s;position:absolute;top:6px;right:6px}.slot-card.filled .mini-pos{opacity:.9}.slot-label{letter-spacing:.7em;color:var(--gold);text-shadow:0 0 12px var(--gold-glow);opacity:.5;padding-left:.7em;font-size:10px;transition:all .4s}.slot-label.active{opacity:1;color:var(--gold-2);letter-spacing:.9em;text-shadow:0 0 16px var(--gold-glow)}@media (width<=640px){.spread-row{gap:18px;padding:18px 22px 14px;bottom:20px}.slot-card{width:60px;height:96px}.slot-rune{font-size:18px}.slot-label{letter-spacing:.4em;font-size:9px}}.preview-wrap{z-index:25;opacity:0;pointer-events:none;transition:opacity .7s var(--ease-xxx);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.preview-wrap.show{opacity:1;pointer-events:auto}.preview-hidden{opacity:0!important;pointer-events:none!important}.preview-stage{perspective:2000px;width:var(--card-w);height:var(--card-h);filter:drop-shadow(0 0 80px var(--purple-glow)) drop-shadow(0 0 40px var(--gold-glow));position:relative}.preview-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5d06a26 0%,#8b5cf61a 40%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:3s ease-in-out infinite previewHalo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-stage:after{content:"";border:1px solid #f5d06a26;border-top-color:var(--gold-2);pointer-events:none;border-radius:50%;width:560px;height:560px;animation:8s linear infinite previewRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes previewHalo{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes previewRing{to{transform:translate(-50%,-50%)rotate(360deg)}}.preview-card{z-index:2;width:100%;height:100%;transform-style:preserve-3d;cursor:grab;transition:transform .25s;position:relative}.preview-card.dragging{cursor:grabbing;transition:none}.pc-face{backface-visibility:hidden;box-shadow:0 0 40px var(--gold-glow), inset 0 0 30px #0006;border:1px solid #f5d06a99;border-radius:10px;position:absolute;inset:0;overflow:hidden}.pc-back{background:radial-gradient(at 30% 25%,#5b21b6 0%,#2a1058 40%,#0d0620 85%);justify-content:center;align-items:center;display:flex}.pcb-frame{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:repeating-linear-gradient(45deg,#f5d06a0f 0 9px,#0000 9px 18px),radial-gradient(circle,#8b5cf666,#0000 65%);border:1px solid #f5d06a80;width:86%;height:90%;position:relative}.pcb-corner{border:1px solid var(--gold);width:14px;height:14px;position:absolute}.pcb-corner.tl{border-bottom:none;border-right:none;top:8px;left:8px}.pcb-corner.tr{border-bottom:none;border-left:none;top:8px;right:8px}.pcb-corner.bl{border-top:none;border-right:none;bottom:8px;left:8px}.pcb-corner.br{border-top:none;border-left:none;bottom:8px;right:8px}.pcb-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pcb-rings{aspect-ratio:1;width:50%;position:relative}.pcb-ring{border:1px solid #f5d06a99;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #f5d06a4d}.pcb-ring.r1{border-style:dashed;width:100%;height:100%;animation:30s linear infinite spin}.pcb-ring.r2{width:65%;height:65%;animation:20s linear infinite reverse spin}.pcb-ring.r3{border-style:dotted;border-color:var(--gold-2);width:30%;height:30%;animation:10s linear infinite spin}.pcb-sun{aspect-ratio:1;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pcb-core{background:radial-gradient(circle,#fff5d0 0%,var(--gold-2) 40%,var(--gold) 70%,transparent 85%);box-shadow:0 0 40px var(--gold-glow),0 0 80px var(--gold-2);border-radius:50%;animation:2.6s ease-in-out infinite corePulse;position:absolute;inset:0}@keyframes corePulse{0%,to{box-shadow:0 0 20px var(--gold-glow);transform:scale(1)}50%{box-shadow:0 0 60px var(--gold-glow),0 0 100px var(--gold-2);transform:scale(1.18)}}.pcb-rays{transform-origin:50%;background:conic-gradient(#0000 0deg,#f5d06a2e 12deg,#0000 24deg 45deg,#f5d06a26 55deg,#0000 65deg 90deg,#f5d06a1f 100deg,#0000 110deg);animation:25s linear infinite raysSpin;position:absolute;inset:-150%}@keyframes raysSpin{to{transform:rotate(360deg)}}.pcb-ring.r1{transform-origin:50%;animation-name:ringSpin!important}.pcb-ring.r2{transform-origin:50%;animation-name:ringSpinR!important}.pcb-ring.r3{transform-origin:50%;animation-name:ringSpin!important}@keyframes ringSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ringSpinR{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.pc-front{background:linear-gradient(#1d1348 0%,#0a061a 100%);flex-direction:column;display:flex;transform:rotateY(180deg)}.pc-front.reversed{transform:rotateY(180deg)rotate(180deg)}.pcf-art{background-position:50%;background-size:cover;border-bottom:1px solid #f5d06a4d;flex:1;position:relative}.pcf-art:before{content:"";background:linear-gradient(#1e0a504d 0%,#0000 40%,#0a0519d9 100%);position:absolute;inset:0}.pcf-vignette{pointer-events:none;background:radial-gradient(#0000 30%,#05020f80 100%);position:absolute;inset:0 0 25%}.pcf-meta{text-align:center;background:linear-gradient(#0000,#0a0519d9);padding:16px 14px 18px}.pcf-suit{letter-spacing:.5em;color:var(--ink-3);margin-bottom:6px;font-size:9px}.pcf-name{letter-spacing:.3em;color:var(--gold-2);text-shadow:0 0 18px var(--gold-glow);padding-left:.3em;font-size:22px;font-weight:500}.pcf-pos{letter-spacing:.6em;color:var(--ink-2);margin-top:8px;font-size:10px}.pcf-divider{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:40px;height:1px;box-shadow:0 0 8px var(--gold-glow);margin:10px auto}.pcf-kw{letter-spacing:.3em;color:var(--ink-3);font-size:10px;line-height:1.6}.preview-hint{letter-spacing:.5em;color:var(--ink-3);text-shadow:0 0 10px #a89aff4d;min-height:16px;font-size:11px;animation:2.4s ease-in-out infinite breathe}.preview-actions{gap:14px;margin-top:4px;display:flex}.btn{letter-spacing:.4em;cursor:none;transition:all .35s var(--ease-spring);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);align-items:center;gap:10px;padding:13px 30px;font-family:inherit;font-size:12px;display:inline-flex;position:relative;overflow:visible}.btn i{z-index:2;width:14px;height:14px;position:relative}.btn span{z-index:2;position:relative}.btn.gold{border:1px solid var(--gold);-webkit-backdrop-filter:blur(12px)saturate(1.4);color:var(--gold-2);text-shadow:0 0 14px var(--gold-glow);background:linear-gradient(135deg,#f5d06a33,#d4af3714 40%,#8b5cf626);box-shadow:0 0 24px #d4af3759,0 0 60px #f5d06a1a,inset 0 1px #f5d06a4d,inset 0 0 24px #f5d06a14}.btn.gold:before{content:"";pointer-events:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(135deg,#f5d06a1a,#0000 50%,#8b5cf614);position:absolute;inset:2px}.btn.gold:after{content:"";opacity:0;pointer-events:none;filter:blur(14px);background:radial-gradient(circle,#f5d06a66,#0000 60%);border-radius:2px;transition:opacity .4s;position:absolute;inset:-6px}.btn.gold:hover{box-shadow:0 0 50px var(--gold-glow), 0 0 100px #f5d06a4d, 0 0 80px var(--purple-glow), inset 0 1px 0 #f5d06a80, inset 0 0 30px #f5d06a2e;letter-spacing:.5em;background:linear-gradient(135deg,#f5d06a59,#d4af372e 40%,#8b5cf647);transform:translateY(-3px)scale(1.04)}.btn.gold:hover:after{opacity:1;animation:1.5s ease-in-out infinite btnGlowPulse}@keyframes btnGlowPulse{0%,to{opacity:.6}50%{opacity:1}}.btn.gold:active{transform:translateY(0)scale(.98)}.btn.ghost{-webkit-backdrop-filter:blur(12px);color:var(--ink-2);background:linear-gradient(135deg,#140c304d,#08041680);border:1px solid #d4af3766;box-shadow:inset 0 1px #f5d06a1a,0 4px 18px #0006}.btn.ghost:hover{border-color:var(--gold);color:var(--gold-2);box-shadow:0 0 30px var(--gold-glow), 0 0 60px #f5d06a1a, inset 0 0 18px #f5d06a1a;text-shadow:0 0 14px var(--gold-glow);background:linear-gradient(135deg,#f5d06a1f,#5b21b61a);transform:translateY(-3px)}.reading-panel{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity 1.2s var(--ease-xxx);background:radial-gradient(#080519e0 0%,#03020afa 75%);justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.reading-panel.show{opacity:1;pointer-events:auto}.reading-hidden{opacity:0!important;pointer-events:none!important}.reading-veil{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#f5d06a05 3px 4px);animation:12s linear infinite veilShift;position:fixed;inset:0}@keyframes veilShift{to{background-position-y:60px}}.reading-scroll{width:100%;max-width:780px;box-shadow:0 0 120px var(--purple-glow), 0 0 220px #f5d06a1f, inset 0 1px 0 #f5d06a1f, inset 0 0 100px #8b5cf614;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);opacity:0;transition:all 1.2s var(--ease-xxx);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#221250eb 0%,#0c061cf5 100%);border:1px solid #f5d06a66;max-height:90vh;padding:50px 48px 42px;position:relative;overflow-y:auto;transform:translateY(40px)scale(.96)}.reading-panel.show .reading-scroll{opacity:1;transform:translateY(0)scale(1)}.reading-scroll:before{content:"";pointer-events:none;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);border:1px solid #f5d06a24;position:absolute;inset:8px}.reading-header{justify-content:center;align-items:center;gap:18px;margin-bottom:40px;display:flex}.rh-line{height:1px;box-shadow:0 0 8px var(--gold-glow);background:linear-gradient(90deg,#0000,#f5d06a99);flex:1}.rh-line:last-child{background:linear-gradient(90deg,#f5d06a99,#0000)}.rh-seal{width:40px;height:40px;filter:drop-shadow(0 0 14px var(--gold-glow));justify-content:center;align-items:center;animation:3s ease-in-out infinite sealBreathe;display:flex}.rh-title{letter-spacing:.7em;color:var(--gold-2);text-shadow:0 0 24px var(--gold-glow), 0 0 50px var(--purple-glow);padding-left:.7em;font-size:24px;font-weight:400}.reading-cards{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:40px;display:flex}.rcard{opacity:0;width:146px;transition:all .9s var(--ease-spring);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:#0a061a;border:1px solid #f5d06a80;border-radius:8px;overflow:hidden;transform:translateY(30px)rotate(-6deg);box-shadow:0 14px 40px #000000a6,0 0 24px #d4af3747,inset 0 0 20px #0006}.rcard.in{opacity:1;transform:translateY(0)rotate(0)}.rcard.reversed .rc-art{transform:rotate(180deg)}.rcard:first-child{transition-delay:.1s}.rcard:nth-child(2){transition-delay:.3s}.rcard:nth-child(3){transition-delay:.5s}.rc-label{text-align:center;letter-spacing:.5em;color:var(--gold-2);text-shadow:0 0 10px var(--gold-glow);background:linear-gradient(#f5d06a1f,#0000);border-bottom:1px solid #f5d06a40;padding:8px 6px;font-size:10px}.rc-art{aspect-ratio:3/5;background-position:50%;background-size:cover;width:100%;transition:transform .8s;position:relative}.rc-art:after{content:"";background:linear-gradient(#0000 50%,#0a0519cc);position:absolute;inset:0}.rc-name{text-align:center;letter-spacing:.25em;color:var(--ink);text-shadow:0 0 8px #f5d06a4d;padding:10px 4px 3px;font-size:14px}.rc-kw{text-align:center;color:var(--ink-3);letter-spacing:.1em;min-height:24px;padding:0 8px 12px;font-size:9px;line-height:1.5}.reading-prose{border-top:1px solid #f5d06a33;border-bottom:1px solid #f5d06a33;margin-bottom:32px;padding:32px 14px 14px;position:relative}.rp-ornament{text-align:center;color:var(--gold-2);opacity:.7;letter-spacing:1em;text-shadow:0 0 12px var(--gold-glow);font-size:16px;line-height:1}.rp-ornament.top{margin-bottom:24px}.rp-ornament.bot{margin-top:24px}.rp-text{color:var(--ink);letter-spacing:.12em;text-align:justify;text-indent:2em;white-space:pre-wrap;text-shadow:0 0 20px #a89aff33;font-size:15px;line-height:2.2}.rp-text .cursor{background:var(--gold-2);vertical-align:-2px;width:8px;height:16px;box-shadow:0 0 10px var(--gold-glow);margin-left:3px;animation:.9s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.reading-actions{justify-content:center;gap:16px;display:flex}@media (width<=640px){.rcard{width:90px}.reading-scroll{padding:30px 20px 26px}.rh-title{letter-spacing:.4em;font-size:18px}.rp-text{font-size:13px;line-height:2}}.intro-mask{z-index:100;transition:opacity 1.8s var(--ease-in-out),visibility 1.8s;background:radial-gradient(#150a3f 0%,#050314 55%,#010108 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-mask.hide{opacity:0;visibility:hidden}.intro-stars{opacity:.6;background-image:radial-gradient(2px 2px at 20% 30%,#fff5d0,#0000),radial-gradient(1.5px 1.5px at 70% 60%,#f5d06a,#0000),radial-gradient(1px 1px at 40% 80%,#d6d4ff,#0000),radial-gradient(2.5px 2.5px at 85% 20%,#f5d06a,#0000),radial-gradient(1px 1px at 10% 70%,#fff,#0000),radial-gradient(1px 1px at 55% 15%,#d6d4ff,#0000),radial-gradient(2px 2px at 90% 85%,#f5d06a,#0000),radial-gradient(1px 1px at 25%,#fff,#0000);background-size:100% 100%;animation:80s linear infinite starDrift;position:absolute;inset:0}@keyframes starDrift{to{background-position:0 400px}}.intro-rings{pointer-events:none;width:560px;height:560px;filter:drop-shadow(0 0 20px var(--gold-glow));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ir{border:1px solid #f5d06a40;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #f5d06a26}.ir.r1{border-style:dashed;border-color:#f5d06a4d;width:100%;height:100%;animation:40s linear infinite introSpin}.ir.r2{border-color:#f5d06a73;width:70%;height:70%;animation:28s linear infinite reverse introSpin}.ir.r3{border-style:dotted;border-color:#f5d06a99;width:40%;height:40%;animation:18s linear infinite introSpin}@keyframes introSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.intro-inner{text-align:center;z-index:2;padding:40px;position:relative}.intro-sigil{filter:drop-shadow(0 0 40px var(--gold-glow)) drop-shadow(0 0 80px var(--purple-glow));margin:0 auto 28px;animation:6s ease-in-out infinite sigilFloat}@keyframes sigilFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.intro-divider{background:linear-gradient(90deg,transparent,var(--gold-2),transparent);width:100px;height:1px;box-shadow:0 0 10px var(--gold-glow);margin:0 auto 26px;position:relative}.intro-divider:before,.intro-divider:after{content:"◆";color:var(--gold);text-shadow:0 0 8px var(--gold-glow);font-size:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.intro-divider:before{left:0}.intro-divider:after{left:100%;transform:translate(-50%,-50%)}.intro-title{letter-spacing:.52em;color:var(--gold-2);text-shadow:0 0 40px var(--gold-glow),0 0 80px var(--purple-glow), 0 0 120px #a89aff66;background:linear-gradient(180deg,#fff5d0 0%,var(--gold-2) 35%,var(--gold) 75%,#c4b5fd 135%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;padding-left:.5em;font-size:60px;font-weight:400;animation:2.4s ease-out titleFade}@keyframes titleFade{0%{opacity:0;letter-spacing:.8em;filter:blur(16px)}}.intro-en{font-family:var(--display);letter-spacing:.5em;color:var(--ink-3);margin-bottom:32px;font-size:11px;font-weight:300}.intro-desc{letter-spacing:.5em;color:var(--ink-2);text-shadow:0 0 20px #a89aff4d;margin-bottom:54px;font-size:14px;line-height:2.2}.ritual-btn{letter-spacing:.6em;border:1px solid var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--gold-2);box-shadow:0 0 40px #f5d06a66, 0 0 90px var(--purple-glow), inset 0 1px 0 #f5d06a59, inset 0 0 30px #f5d06a14;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:all .4s var(--ease-spring);text-shadow:0 0 16px var(--gold-glow);background:linear-gradient(135deg,#f5d06a38,#8b5cf638);align-items:center;gap:12px;padding:18px 54px;font-family:inherit;font-size:16px;animation:2.8s ease-in-out infinite ritualPulse;display:inline-flex;position:relative;overflow:visible}.ritual-btn:before{content:"";pointer-events:none;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border:1px solid #f5d06a66;position:absolute;inset:2px}.ritual-glow{opacity:.6;pointer-events:none;filter:blur(18px);background:radial-gradient(circle,#f5d06a99,#0000 70%);animation:2.8s ease-in-out infinite ritualPulse;position:absolute;inset:-10px}@keyframes ritualPulse{0%,to{box-shadow:0 0 30px #f5d06a59,0 0 70px #8b5cf647,inset 0 1px #f5d06a59,inset 0 0 30px #f5d06a14}50%{box-shadow:0 0 60px var(--gold-glow),0 0 120px var(--purple-glow),inset 0 1px 0 #f5d06a80,inset 0 0 40px #f5d06a26}}.ritual-btn i{z-index:1;width:20px;height:20px;position:relative}.ritual-btn span{z-index:1;position:relative}.ritual-btn:hover{box-shadow:0 0 100px var(--gold-glow),0 0 160px var(--purple-glow);background:linear-gradient(135deg,#f5d06a66,#8b5cf659);transform:translateY(-4px)scale(1.04)}.ritual-btn:active{transform:translateY(0)scale(.98)}.intro-tip{letter-spacing:.3em;color:var(--ink-4);text-shadow:0 0 10px #a89aff33;margin-top:30px;font-size:10px}@media (width<=640px){.intro-title{letter-spacing:.3em;font-size:34px}.intro-sigil svg{width:150px;height:150px}.intro-desc{letter-spacing:.35em;font-size:12px}.ritual-btn{letter-spacing:.4em;padding:14px 34px;font-size:13px}}.modal{z-index:200;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .5s;display:flex;position:fixed;inset:0}.modal.show{opacity:1;pointer-events:auto}.hidden{display:none!important}.modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03020ae0;position:absolute;inset:0}.modal-scroll{z-index:2;max-height:90vh;position:relative;overflow-y:auto}.modal-card{width:100%;max-width:460px;box-shadow:0 0 100px var(--purple-glow),0 0 160px #f5d06a1f, inset 0 1px 0 #f5d06a1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);transition:transform .5s var(--ease-spring);background:linear-gradient(#20124cf5,#0c061cfa);border:1px solid #f5d06a66;padding:42px 36px 36px;position:relative;transform:scale(.9)}.modal.show .modal-card{transform:scale(1)}.modal-card:before{content:"";pointer-events:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);border:1px solid #f5d06a24;position:absolute;inset:6px}.modal-close{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:34px;height:34px;color:var(--ink-3);cursor:none;z-index:3;border:1px solid #f5d06a59;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 18px #00000080,inset 0 1px #f5d06a1a}.modal-close:hover{color:var(--gold-2);border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow);transform:rotate(90deg)}.modal-close i{width:14px;height:14px}.modal-head{text-align:center;margin-bottom:20px;position:relative}.modal-title{letter-spacing:.55em;color:var(--gold-2);text-shadow:0 0 18px var(--gold-glow);padding-left:.55em;font-size:22px}.modal-sub{font-family:var(--display);letter-spacing:.4em;color:var(--ink-4);margin-top:8px;font-size:10px}.modal-divider{height:1px;box-shadow:0 0 8px var(--gold-glow);background:linear-gradient(90deg,#0000,#f5d06a66,#0000);margin:24px 0}.modal-body p{color:var(--ink-2);letter-spacing:.12em;text-align:justify;margin-bottom:18px;font-size:13px;line-height:2}.about-list{border-top:1px solid #f5d06a2e;border-bottom:1px solid #f5d06a2e;margin-bottom:20px;padding:10px 0 20px}.about-list li{letter-spacing:.2em;color:var(--ink-3);align-items:center;gap:16px;padding:9px 4px;font-size:12px;display:flex}.suit{min-width:70px;color:var(--gold-2);letter-spacing:.4em;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(140deg,#f5d06a1f,#8b5cf614);border:1px solid #f5d06a59;padding:4px 12px;font-size:11px;display:inline-block;box-shadow:inset 0 0 10px #f5d06a14}.suit-desc{flex:1}.modal-note{font-style:italic;letter-spacing:.25em!important;color:var(--ink-4)!important;text-align:center!important;font-size:11px!important}#cursor{pointer-events:none;z-index:9999;mix-blend-mode:screen;position:fixed;top:0;left:0}.cur-outer,.cur-ring,.cur-core{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cur-outer{width:48px;height:48px;transition:all .3s var(--ease-xxx);border:1px solid #f5d06a66;box-shadow:0 0 14px #f5d06a33}.cur-ring{border:1px solid var(--gold);width:22px;height:22px;box-shadow:0 0 14px var(--gold-glow), 0 0 28px #f5d06a4d;transition:all .22s var(--ease-spring)}.cur-core{background:var(--gold-2);width:5px;height:5px;box-shadow:0 0 12px var(--gold), 0 0 24px var(--gold-2);transition:all .18s var(--ease-spring)}#cursor.hover .cur-outer{border-color:var(--gold);width:72px;height:72px;box-shadow:0 0 24px var(--gold-glow), inset 0 0 20px #f5d06a26;border-style:dashed;animation:5s linear infinite curSpin}#cursor.hover .cur-ring{background:#f5d06a40;width:14px;height:14px}#cursor.grab .cur-outer{border-color:var(--purple-2);width:38px;height:38px;box-shadow:0 0 30px var(--purple-glow), 0 0 60px #a89aff4d;animation:1s ease-in-out infinite curPulse}#cursor.grab .cur-ring{border-color:var(--purple-2);width:38px;height:38px;box-shadow:0 0 30px var(--purple-glow), 0 0 60px #a89aff66;background:#8b5cf64d;animation:1.1s ease-in-out infinite curPulse}#cursor.grab .cur-core{box-shadow:0 0 18px var(--purple-2),0 0 36px var(--purple-glow);background:#e0d6ff}#cursor.hidden{opacity:0}@keyframes curSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes curPulse{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.35)}}.cur-text{letter-spacing:.3em;color:var(--gold-2);text-shadow:0 0 10px var(--gold-glow);white-space:nowrap;opacity:0;transition:all .3s var(--ease-xxx);font-size:10px;font-family:var(--display);position:absolute;top:16px;left:28px;transform:translate(-10px)}#cursor.hover .cur-text{opacity:1;transform:translate(0)}#cursor-trail{pointer-events:none;z-index:9998;mix-blend-mode:screen;position:fixed;inset:0}.trail-dot{background:var(--gold-2);width:6px;height:6px;box-shadow:0 0 12px var(--gold-glow),0 0 24px var(--gold),0 0 40px #f5d06a80;pointer-events:none;border-radius:50%;position:absolute}.fly-card{z-index:26;box-shadow:0 0 40px var(--gold-glow),0 20px 60px #000c;border:1px solid var(--gold);pointer-events:none;transition:all 1.1s var(--ease-xxx);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border-radius:8px;position:fixed;overflow:hidden}.fly-card .fc-inner{background-position:50%;background-size:cover;width:100%;height:100%}.fly-card.reversed .fc-inner{transform:rotate(180deg)}::selection{color:var(--gold-2);background:#f5d06a4d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#f5d06a4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}body .btn,body .ritual-btn,body .icon-btn,body .menu-opt,body .menu-item,body .progress-track,body .hint-card,body .cam-panel,body .menu-panel{background-color:#1a0e3f!important}body .btn.gold{text-shadow:0 0 10px #f5d06acc,0 0 20px #f5d06a66;border:1px solid var(--gold-2)!important;color:#fff5d0!important;background:linear-gradient(135deg,#4a2a8f 0%,#231352 100%)!important;box-shadow:0 6px 22px #0009,0 0 18px #d4af3766,inset 0 1px #fff5c840!important}body .btn.gold:hover{transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#6a3dc0 0%,#3b2080 100%)!important;box-shadow:0 8px 28px #000000b3,0 0 32px #f5d06a99,0 0 60px #8b5cf680,inset 0 1px #fff5c866!important}body .btn.ghost{text-shadow:0 0 8px #d4af3766;color:#f0e9d6!important;background:linear-gradient(135deg,#2a1860 0%,#120930 100%)!important;border:1px solid #d4af3799!important;box-shadow:0 4px 18px #0009,inset 0 1px #fff5c81a!important}body .btn.ghost:hover{color:#f5d06a!important;border-color:var(--gold-2)!important;background:linear-gradient(135deg,#3a2278 0%,#1a0d42 100%)!important}body .ritual-btn{text-shadow:0 0 14px #f5d06a,0 0 26px #f5d06a99;color:#fff5d0!important;background:linear-gradient(135deg,#5b2eb0 0%,#2a155e 50%,#1a0b40 100%)!important;border:1.5px solid #f5d06a!important;box-shadow:0 10px 40px #000000b3,0 0 40px #f5d06a80,0 0 80px #8b5cf666,inset 0 1px #fff5c859,inset 0 0 30px #f5d06a1a!important}body .ritual-btn:hover{color:#fff!important;background:linear-gradient(135deg,#7c3fe0 0%,#4a2190 50%,#2c125e 100%)!important}body .icon-btn{color:#f0e9d6!important;background:linear-gradient(145deg,#2a1860,#12092e)!important;border:1px solid #d4af3799!important;box-shadow:0 4px 16px #0009,inset 0 1px #fff5c81f!important}body .icon-btn:hover{color:#f5d06a!important;background:linear-gradient(145deg,#3c2280,#1a0d42)!important;border-color:#f5d06a!important}body .menu-opt{color:#d6ceb0!important;background:linear-gradient(160deg,#281568 0%,#130938 100%)!important;border:1px solid #d4af3759!important}body .menu-opt:hover{color:#f5d06a!important;background:linear-gradient(160deg,#3a2080 0%,#1d0e50 100%)!important;border-color:#d4af37!important}body .menu-opt.active{text-shadow:0 0 10px #f5d06a99;color:#f5d06a!important;background:linear-gradient(160deg,#4a2a90 0%,#2a1568 100%)!important;border-color:#f5d06a!important}body .menu-item{color:#d6ceb0!important}body .menu-item:hover{color:#f5d06a!important;background:#d4af3726!important}body .menu-panel{background:linear-gradient(165deg,#28165afa 0%,#0e081efc 100%)!important;border:1px solid #d4af3780!important}body .progress-track{background:linear-gradient(#221458 0%,#100830 100%)!important;border:1px solid #d4af3780!important}body .brand{background:linear-gradient(145deg,#2e1a5cfa 0%,#120a2afc 100%)!important;border:1px solid #d4af378c!important;box-shadow:0 8px 28px #000000bf,0 0 20px #8b5cf64d,inset 0 1px #fff5c826!important}body .hint-card{background:linear-gradient(145deg,#2a165af5,#0e0820fa)!important;border:1px solid #d4af3780!important}body .cam-panel{background:linear-gradient(135deg,#1e0e48f5,#080414fa)!important;border:1px solid #d4af378c!important}body .slot-card{background:linear-gradient(#2c1a66,#150938)!important;border-color:#d4af378c!important}body .slot-card.active{background:linear-gradient(#4a2a96,#1d0f4c)!important;border-color:#f5d06a!important}body .modal-card{background:linear-gradient(#2a1868 0%,#110930 100%)!important}body .reading-scroll{background:linear-gradient(#241460 0%,#0e0728 100%)!important}button,.btn,.ritual-btn,.icon-btn,.menu-opt,.menu-item{cursor:pointer!important}body{cursor:none}.menu-title,.brand-name-cn,.phase-main,.intro-title,.rh-title,.modal-title,.pcf-name,.rc-name,.phase-num{color:#f5d06a!important;-webkit-text-fill-color:#f5d06a!important}.brand-name-en,.phase-sub,.hint-desc,.menu-section-title,.cam-status,.pcf-suit,.pcf-kw,.rc-kw,.modal-sub{color:#c8bf9e!important}.preview-hint{text-shadow:0 0 8px #d4af3766;color:#e0d6b0!important}