:root{--cosmic-dark:#140207;--cosmic-void:#060002;--star-glow:#fff5e6;--gold-base:#c5a059;--gold-bright:#f9e2af;--gold-shadow:#5a451e;--velvet-red-deep:#2a040d;--velvet-red-rich:#4d0817;--velvet-crimson:#851229;--velvet-glow:#b4193773;--arcane-amber:#fa0;--elem-color:#f9e2af;--elem-glow:#f9e2af73}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-style:normal!important}body,html{width:100%;height:100%;color:var(--gold-base);-webkit-user-select:none;user-select:none;background:#060002;font-family:Philosopher,Cormorant Garamond,MedievalSharp,serif;overflow:hidden}.universe-container{width:100vw;height:100vh;position:relative;overflow:hidden}.universe-bg{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.celestial-body{pointer-events:none;z-index:-2;background:radial-gradient(circle at 80% 20%,#b4143233 0%,#0000 40%),radial-gradient(circle at 20% 80%,#780a1e40 0%,#0000 45%);position:fixed;inset:0}.site-header{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0e0206f0 0%,#0e0206b3 70%,#0000 100%);border-bottom:1px solid #c5a05933;justify-content:space-between;align-items:center;padding:10px 32px;display:flex;position:fixed;top:0;left:0;right:0}.header-titles h1{letter-spacing:.08em;color:var(--gold-bright);text-shadow:0 0 15px #f9e2af99;font-family:Philosopher,serif;font-size:1.65rem;font-weight:700}.realm-tagline{letter-spacing:.06em;color:var(--gold-base);margin-top:2px;font-family:Cormorant Garamond,serif;font-size:.95rem}.header-actions{align-items:center;gap:12px;display:flex}.astral-btn{border:1px solid var(--gold-base);color:var(--gold-bright);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#280610d9;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-family:Philosopher,serif;font-size:.92rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 0 10px #0009}.astral-btn:hover{border-color:var(--gold-bright);color:#fff;background:#4b0c1ceb;transform:translateY(-2px);box-shadow:0 0 20px #f9e2af73}.astral-btn.icon-btn{border-radius:50%;padding:8px 12px}.board-container{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding-top:72px;padding-bottom:16px;display:flex;position:relative;overflow:hidden}.divination-arena{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.compass-gesture-nav{z-index:35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-user-select:none;user-select:none;background:linear-gradient(175deg,#2e0712f5 0%,#160308fa 100%),radial-gradient(circle at 50% 0,#ffb4001f 0%,#0000 60%);border:2px solid #d4af37b3;border-radius:16px;flex-direction:column;gap:10px;width:236px;padding:14px 12px;display:flex;position:absolute;top:50%;left:32px;transform:translateY(-50%);box-shadow:0 15px 50px #000000f2,0 0 30px #b4143259,inset 0 0 20px #000c,inset 0 0 12px #d4af3740}.compass-gesture-nav .panel-corner{pointer-events:none;border-color:#ffd000;width:12px;height:12px;position:absolute}.compass-gesture-nav .panel-corner.tl{border-top:2px solid;border-left:2px solid;top:4px;left:4px}.compass-gesture-nav .panel-corner.tr{border-top:2px solid;border-right:2px solid;top:4px;right:4px}.compass-gesture-nav .panel-corner.bl{border-bottom:2px solid;border-left:2px solid;bottom:4px;left:4px}.compass-gesture-nav .panel-corner.br{border-bottom:2px solid;border-right:2px solid;bottom:4px;right:4px}.nav-panel-astral-sigil{border-bottom:1px solid #d4af3759;justify-content:center;align-items:center;margin-bottom:2px;padding-bottom:8px;display:flex}.nav-panel-astral-sigil .sigil-glyph{letter-spacing:.3em;color:gold;text-shadow:0 0 12px #ffb400cc;font-family:Philosopher,serif;font-size:1.15rem}.nav-stages-list{flex-direction:column;gap:8px;display:flex}.nav-stage-btn{text-align:left;cursor:pointer;color:var(--gold-bright);background:linear-gradient(135deg,#3a0a16bf 0%,#1a040ae6 100%);border:1.5px solid #c5a05966;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;transition:all .22s ease-out;display:flex;position:relative;overflow:hidden}.nav-stage-indicator{background:#d4af374d;border-radius:3px;flex-shrink:0;width:6px;height:28px;transition:all .25s}.nav-stage-content{flex-direction:column;display:flex}.nav-stage-btn:hover{background:linear-gradient(135deg,#5f1024eb 0%,#2d0610f5 100%);border-color:#ffd000;transform:translate(5px);box-shadow:0 4px 18px #000c,0 0 20px #ffb40059}.nav-stage-btn:hover .nav-stage-indicator{background:#fc0;box-shadow:0 0 8px #fc0}.nav-stage-btn.active{background:linear-gradient(135deg,#78142dfa 0%,#370814 100%);border-color:gold;box-shadow:0 0 25px #ffb40080,0 0 35px #b4143266,inset 0 0 12px #ffc8324d}.nav-stage-btn.active .nav-stage-indicator{background:gold;box-shadow:0 0 12px gold,0 0 20px #ffb400cc}.nav-stage-gesture{color:#fff6b8;text-shadow:0 0 8px #ffbe3299;align-items:center;gap:6px;font-family:Philosopher,serif;font-size:1.02rem;font-weight:700;display:flex}.nav-stage-desc{color:#ffebc3e0;letter-spacing:.02em;margin-top:2px;font-family:Cormorant Garamond,serif;font-size:.92rem}.nav-stage-btn.stage-locked{border-color:gold}.nav-stage-btn.stage-point.active{border-color:#fc0}.nav-btn-hold-fill{pointer-events:none;z-index:0;background:linear-gradient(90deg,#ffb40059 0%,#ffd700b3 100%);transition:width 50ms linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #ffd700e6}.nav-stage-btn .nav-stage-indicator,.nav-stage-btn .nav-stage-content{z-index:1;position:relative}.compass-stage-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.astrolabe-wrapper{cursor:grab;justify-content:center;align-items:center;width:min(72vmin,100vh - 120px);max-width:660px;height:min(72vmin,100vh - 120px);max-height:660px;display:flex;position:relative}.astrolabe-wrapper:active{cursor:grabbing}.astrolabe{will-change:transform;border:2px dashed #c5a0594d;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 70px #b4143240}.compass-cardinal{color:var(--gold-bright);letter-spacing:.12em;pointer-events:none;text-shadow:0 0 8px #f9e2afb3;align-items:center;gap:4px;font-family:Philosopher,serif;font-size:.78rem;display:flex;position:absolute}.cardinal-flourish{color:#fa0;text-shadow:0 0 6px #ffaa00e6;font-size:.62rem}.compass-cardinal.zenith{top:8px;left:50%;transform:translate(-50%)}.compass-cardinal.nadir{bottom:8px;left:50%;transform:translate(-50%)}.compass-cardinal.ascendant{top:50%;left:10px;transform:translateY(-50%)rotate(-90deg)}.compass-cardinal.descendant{top:50%;right:10px;transform:translateY(-50%)rotate(90deg)}.astrolabe-outer-ring{pointer-events:none;border:1.5px solid #c5a05966;border-radius:50%;position:absolute;inset:-15px}.degree-tick{transform-origin:50% 39vmin;background:#c5a05980;width:1.5px;height:9px;position:absolute;top:0;left:50%}.astrolabe-inner{pointer-events:none;border:1px solid #c5a05973;border-radius:50%;animation:180s linear infinite slowSpinReverse;position:absolute;inset:50px;box-shadow:0 0 40px #b4143226,inset 0 0 20px #a0142d33}.astrolabe-runic-ring{pointer-events:none;border:1px dotted #f9e2af40;border-radius:50%;animation:240s linear infinite slowSpin;position:absolute;inset:100px}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes slowSpinReverse{to{transform:rotate(-360deg)}}.aspect-lines-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.aspect-chord{opacity:.18;transition:all .5s}.aspect-chord.active{opacity:.85;filter:drop-shadow(0 0 6px var(--elem-color));animation:2.5s ease-in-out infinite alternate aspectPulse}@keyframes aspectPulse{0%{opacity:.45}to{opacity:.95}}.zenith-alignment-pointer{z-index:45;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.zenith-pointer-glyph{color:gold;filter:drop-shadow(0 0 10px #ffd700f2);font-size:1.15rem;animation:2s ease-in-out infinite alternate pointerPulse}.zenith-pointer-line{background:linear-gradient(gold 0%,#ffd70000 100%);width:2px;height:10px}@keyframes pointerPulse{0%{filter:drop-shadow(0 0 8px #ffc832cc);transform:translateY(0)}to{filter:drop-shadow(0 0 14px #ffdc50);transform:translateY(4px)}}.project-node{cursor:pointer;z-index:20;pointer-events:auto;background:radial-gradient(circle at 35% 35%,#2a0610 0%,#120206 100%);border:1.5px solid #c5a05973;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .15s ease-out,background .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #000000d9}.node-symbol{font-variant-emoji:text;color:gold;filter:drop-shadow(0 0 10px #ffd700d9);text-shadow:0 1px 3px #000000e6;will-change:transform;font-family:Philosopher,Cormorant Garamond,serif;font-size:2.2rem;line-height:1;transition:transform .15s ease-out,color .25s,filter .25s;display:inline-block}.project-node.zenith-node{z-index:28;transform:translate(-50%,-50%)scale(1.12);background:radial-gradient(circle at 35% 35%,#550f24 0%,#1c030a 100%)!important;border:2px solid gold!important;box-shadow:0 0 20px #ffc800bf,0 0 36px #ff8c0059,inset 0 0 14px #ffd70059!important}.project-node.zenith-node .node-symbol{color:#fff2b8!important;filter:drop-shadow(0 0 10px #ffc800d9)!important}.node-zenith-badge{color:gold;text-shadow:0 0 8px #ffd700e6;pointer-events:none;font-size:.9rem;animation:2s ease-in-out infinite alternate zenithBadgePulse;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@keyframes zenithBadgePulse{0%{opacity:.85;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.project-node.selected-node{z-index:45!important;background:radial-gradient(circle at 35% 35%,#8c1032 0%,#200108 100%)!important;border:4px solid gold!important;animation:180s linear infinite counterSpin,1.8s ease-in-out infinite alternate selectedBeaconWave!important;transform:translate(-50%,-50%)scale(1.34)!important;box-shadow:0 0 0 4px #ffd70066,0 0 45px #ffb400,0 0 80px #ff5a00cc,inset 0 0 20px #ffdc32cc!important}@keyframes selectedBeaconWave{0%{box-shadow:0 0 0 3px #ffd70073,0 0 35px #ffb400e6,0 0 65px #ff500099,inset 0 0 16px #ffdc32b3}to{box-shadow:0 0 0 8px #ffd700b3,0 0 65px gold,0 0 100px #ff6400f2,inset 0 0 26px #fff064e6}}.project-node.selected-node .node-symbol{transform:scale(1.22);color:#fff!important;filter:drop-shadow(0 0 16px gold)drop-shadow(0 0 28px #f70)drop-shadow(0 0 6px #fff)!important}.node-selected-badge{pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#500a19f5 0%,#190308fa 100%);border:1.5px solid gold;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;animation:2s ease-in-out infinite alternate selectedBadgeHover;display:inline-flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ffc800cc,0 2px 8px #000000e6}@keyframes selectedBadgeHover{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-3px)}}.node-selected-badge .badge-crown{filter:drop-shadow(0 0 6px gold);font-size:.95rem;line-height:1}.node-selected-badge .badge-text{letter-spacing:.12em;color:#fff2b8;text-shadow:0 0 6px #ffd700cc;font-family:Philosopher,serif;font-size:.68rem;font-weight:700}.eldritch-lock-status-badge{z-index:10;background:linear-gradient(135deg,#580c20f0 0%,#20040cfa 100%);border:1.5px solid gold;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:4px 14px;animation:2.4s ease-in-out infinite alternate lockBadgePulse;display:inline-flex;box-shadow:0 0 20px #ffc80099,inset 0 0 10px #ffc83259}@keyframes lockBadgePulse{0%{border-color:#ffd700cc;box-shadow:0 0 16px #ffc80080,inset 0 0 8px #ffc8324d}to{border-color:gold;box-shadow:0 0 28px #ffd700e6,inset 0 0 14px #ffdc5080}}.eldritch-lock-status-badge .lock-icon{filter:drop-shadow(0 0 6px gold);font-size:.95rem}.eldritch-lock-status-badge .lock-label{letter-spacing:.1em;color:#fff4ba;text-shadow:0 0 8px #ffd700cc;font-family:Philosopher,serif;font-size:.88rem;font-weight:700}.eldritch-lock-status-badge .lock-hint{color:#ffebc3d9;border-left:1px solid #ffd70066;margin-left:4px;padding-left:8px;font-family:Cormorant Garamond,serif;font-size:.82rem}.fist-hold-overlay{z-index:60;pointer-events:none;animation:.15s ease-out fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fist-hold-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:radial-gradient(circle,#2d0610f5 0%,#100206fa 100%);border:2px solid gold;border-radius:20px;flex-direction:column;align-items:center;min-width:210px;padding:18px 24px 16px;display:flex;box-shadow:0 15px 45px #000000f2,0 0 40px #ffb400a6,inset 0 0 20px #ffc83259}.fist-hold-meter-wrapper{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:8px;display:flex;position:relative}.fist-hold-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.fist-hold-track{fill:none;stroke:#d4af3733;stroke-width:6px}.fist-hold-progress-arc{fill:none;stroke:gold;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 10px gold);transition:stroke-dashoffset 50ms linear}.fist-hold-inner-icon{filter:drop-shadow(0 0 10px #ffd700e6);font-size:2.2rem;animation:.8s ease-in-out infinite alternate fistPulse}@keyframes fistPulse{0%{transform:scale(.95)}to{filter:drop-shadow(0 0 14px gold);transform:scale(1.1)}}.fist-hold-action-title{color:#fff6b8;letter-spacing:.05em;text-shadow:0 0 8px #ffc832cc;font-family:Philosopher,serif;font-size:1.05rem;font-weight:700}.fist-hold-countdown{color:gold;text-shadow:0 0 12px #ffd700e6;margin:2px 0;font-family:Philosopher,serif;font-size:1.5rem;font-weight:700}.fist-hold-subtext{color:#ffebc3d9;letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:.88rem}.zenith-alignment-pointer.pointer-locked .zenith-pointer-glyph{color:gold;filter:drop-shadow(0 0 14px gold);font-size:1.25rem}.project-node.hovered-node,.project-node:hover{transform:translate(-50%,-50%)scale(1.18);z-index:40!important;background:radial-gradient(circle at 35% 35%,#0d3446 0%,#061622 100%)!important;border-width:2.5px!important;border-color:#5ce1e6!important;box-shadow:0 0 38px #5ce1e6f2,0 0 18px #00a0ffb3,inset 0 0 14px #82f0ff8c!important}.project-node.hovered-node .node-symbol,.project-node:hover .node-symbol{transform:scale(1.12);color:#c2f8ff!important;filter:drop-shadow(0 0 14px #5ce1e6)drop-shadow(0 0 6px #00b4d8)!important}.node-hover-label{letter-spacing:1px;text-transform:uppercase;color:#a5f3fc;white-space:nowrap;pointer-events:none;background:#05121ceb;border:1px solid #5ce1e699;border-radius:8px;padding:2px 8px;font-family:Philosopher,serif;font-size:.72rem;font-weight:700;position:absolute;bottom:-22px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #000c,0 0 10px #5ce1e666}.tribal-rune{color:#c5a05959;pointer-events:none;text-shadow:0 0 8px #c5a05940;font-family:Philosopher,serif;font-size:1.55rem;position:absolute}.crystal-ball-stand-base{clip-path:circle(50%);pointer-events:none;z-index:7;background:radial-gradient(circle,#0000 65%,#3c2d1266 82%,#d4af3759 100%);border:2px solid #d4af3773;border-radius:50%;width:min(60vmin,100vh - 170px);max-width:560px;height:min(60vmin,100vh - 170px);max-height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%);box-shadow:0 25px 60px #000000e6,0 0 45px #d4af3740,inset 0 0 40px #000000d9}.crystal-ball-sphere{clip-path:circle(50%);z-index:8;text-align:center;cursor:default;background:radial-gradient(circle at 45% 30%,#300611 0%,#170207 55%,#080002 100%);border:2.5px solid #ffaf00d9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:min(56vmin,100vh - 190px);max-width:520px;height:min(56vmin,100vh - 190px);max-height:520px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 35px #ff8c0059,0 15px 45px #000000f2,inset 0 0 45px #ff8c004d,inset 0 0 14px #ffdc6459}.eldritch-mandala-ring{pointer-events:none;z-index:1;border-radius:50%;position:absolute}.eldritch-mandala-ring.ring-outer{border:1.5px dashed #ffaa0052;animation:60s linear infinite eldritchRotateClockwise;inset:8px}.eldritch-mandala-ring.ring-middle{border:1px solid #ff780038;animation:40s linear infinite eldritchRotateCounter;inset:28px}.eldritch-mandala-ring.ring-inner{border:1px dotted #ffd70047;animation:25s linear infinite eldritchRotateClockwise;inset:52px}@keyframes eldritchRotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eldritchRotateCounter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.crystal-specular-glare{filter:blur(1.5px);pointer-events:none;z-index:12;background:radial-gradient(at 50% 30%,#ffffffb3 0%,#ffffff40 38%,#ffffff0d 68%,#0000 100%);border-radius:50% 50% 45% 45%/60% 60% 35% 35%;width:52%;height:32%;position:absolute;top:6%;left:14%;transform:rotate(-28deg)}.crystal-inner-refraction{pointer-events:none;z-index:10;border:1.5px solid #ffb4324d;border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 0 35px #ff780040}.crystal-ball-content{z-index:11;-webkit-user-select:none;user-select:none;text-shadow:0 2px 12px #000000f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 28px;display:flex;position:relative}.stage-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;animation:.35s ease-out fadeInStage;display:flex;position:relative}@keyframes fadeInStage{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.stage-constellation-view{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.crystal-sign-emblem{justify-content:center;align-items:center;display:flex}.crystal-glyph-large{color:var(--gold-bright);filter:drop-shadow(0 0 14px #f9e2afd9);font-size:2.6rem;line-height:1;animation:3.5s ease-in-out infinite alternate glyphBreathe}@keyframes glyphBreathe{0%{filter:drop-shadow(0 0 10px #f9e2af99);transform:scale(.95)}to{filter:drop-shadow(0 0 22px #f9e2aff2);transform:scale(1.06)}}.constellation-star-map-container{justify-content:center;align-items:center;width:170px;height:105px;margin:2px 0;display:flex}.center-constellation-svg{filter:drop-shadow(0 0 16px #ff8c00bf);width:100%;height:100%}.center-sign-title{color:#fff;text-shadow:0 0 16px #ffb400bf;margin-top:4px;font-family:Philosopher,serif;font-size:1.45rem;font-weight:700}.center-sign-meta{color:#ffb703;background:#ffa00014;border:1px solid #ffaf0059;border-radius:14px;align-items:center;gap:8px;margin-top:2px;padding:3px 14px;font-family:Cormorant Garamond,serif;font-size:1.05rem;display:flex}.meta-dot{opacity:.6;color:#fa0}.center-empty-state{flex-direction:column;align-items:center;padding:12px;display:flex}.empty-symbol{margin-bottom:6px;font-size:2.5rem}.empty-desc{color:#ffffffe0;max-width:290px;font-family:Cormorant Garamond,serif;font-size:1.1rem;line-height:1.5}.stage-goal-view{cursor:pointer;justify-content:center;width:100%;display:flex}.summary-horoscope-card{background:radial-gradient(circle at 50% 15%,#460a1ae6 0%,#140208f5 100%);border:1.5px solid #d4af3773;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:90%;padding:22px 26px;transition:transform .25s,border-color .25s;animation:.4s ease-out fadeInProphecy;display:flex;box-shadow:0 0 35px #000000d9,0 0 20px #ffa00033}.summary-horoscope-card:hover{border-color:#ffd700b3;box-shadow:0 0 45px #000000e6,0 0 28px #ffaf0059}@keyframes fadeInProphecy{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.summary-horoscope-header{flex-direction:column;align-items:center;gap:4px;display:flex}.summary-horoscope-glyph{color:var(--gold-bright);filter:drop-shadow(0 0 10px #ffb400cc);font-size:2.2rem}.summary-horoscope-title{color:#fff;text-shadow:0 0 16px #ffb400bf;text-align:center;font-family:Philosopher,serif;font-size:1.48rem;font-weight:700}.summary-horoscope-meta{color:#ffb703;align-items:center;gap:8px;font-family:Cormorant Garamond,serif;font-size:1rem;display:flex}.summary-horoscope-text{color:#fffffff2;text-align:center;letter-spacing:.01em;font-family:Cormorant Garamond,serif;font-size:1.15rem;line-height:1.6}.stage-tarot-view{justify-content:center;width:100%;display:flex}.physical-tarot-card{-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#2c0510 0%,#130106 55%,#080003 100%);border:2px solid #ffd700d9;border-radius:14px;width:250px;height:382px;padding:9px;transition:transform .3s,box-shadow .3s;animation:.45s cubic-bezier(.2,.8,.2,1) tarotReveal;position:relative;box-shadow:0 16px 45px #000000f2,0 0 30px #fa06,inset 0 0 25px #b4193759}.physical-tarot-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 55px #000000fa,0 0 40px #ffb4008c,inset 0 0 30px #ffc80066}@keyframes tarotReveal{0%{opacity:0;transform:translateY(14px)rotateY(15deg)scale(.92)}to{opacity:1;transform:translateY(0)rotateY(0)scale(1)}}.tarot-card-frame{border:1.5px solid #d4af37a6;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:10px 14px;display:flex;position:relative}.tarot-corner{pointer-events:none;border-color:#ffd000;width:12px;height:12px;position:absolute}.tarot-corner.tl{border-top:1.5px solid;border-left:1.5px solid;top:3px;left:3px}.tarot-corner.tr{border-top:1.5px solid;border-right:1.5px solid;top:3px;right:3px}.tarot-corner.bl{border-bottom:1.5px solid;border-left:1.5px solid;bottom:3px;left:3px}.tarot-corner.br{border-bottom:1.5px solid;border-right:1.5px solid;bottom:3px;right:3px}.tarot-card-numeral{letter-spacing:.18em;color:#ffb703;text-shadow:0 0 10px #ffb400d9;font-family:Philosopher,serif;font-size:1.18rem;font-weight:700}.tarot-art-window{background:radial-gradient(circle at 50% 30%,#3a0817 0%,#110106 100%);border:1.5px solid #ffd700d9;border-radius:12px 12px 6px 6px;justify-content:center;align-items:center;width:172px;height:168px;margin:4px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #000000d9,0 0 16px #ffb40066}.tarot-svg-artwork{filter:drop-shadow(0 2px 8px #000000b3);width:100%;height:100%;display:block}.tarot-card-title{color:#fff;text-shadow:0 0 14px #ffb400cc;margin-top:2px;font-family:Philosopher,serif;font-size:1.32rem;font-weight:700}.tarot-card-archetype{color:#ffc425;letter-spacing:.06em;margin-bottom:3px;font-family:Cormorant Garamond,serif;font-size:.88rem}.tarot-card-reading{color:#fffffff0;text-align:center;margin-top:2px;font-family:Cormorant Garamond,serif;font-size:.94rem;line-height:1.42}.stage-runes-view{justify-content:center;width:100%;display:flex}.runes-triad-grid{justify-content:center;gap:12px;width:95%;display:flex}.rune-stone-card{background:radial-gradient(circle at 50% 15%,#380715 0%,#120106 100%);border:1.5px solid #ffaf0080;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 10px;transition:transform .25s,border-color .25s;display:flex;box-shadow:0 6px 20px #000000d9}.rune-stone-card:hover{border-color:#ffd000;transform:translateY(-4px);box-shadow:0 8px 25px #000000e6,0 0 20px #ffb40066}.rune-position-header{color:#fa0;text-transform:uppercase;letter-spacing:.08em;font-family:Philosopher,serif;font-size:.82rem;font-weight:700}.rune-glyph-well{background:radial-gradient(circle at 40% 35%,#4e0b1f 0%,#180208 100%);border:1px solid #ffd70066;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:3px 0;display:flex;box-shadow:inset 0 0 10px #000c,0 0 14px #ffa00059}.rune-stone-glyph{color:#ffe259;filter:drop-shadow(0 0 12px #ffb400f2);font-size:2.5rem;line-height:1}.rune-stone-name{color:#fff;font-family:Philosopher,serif;font-size:1.05rem;font-weight:700}.rune-element-tag{color:#ffb703;opacity:.85;font-family:Cormorant Garamond,serif;font-size:.82rem}.rune-stone-meaning{color:#ffffffe6;text-align:center;font-family:Cormorant Garamond,serif;font-size:.88rem;line-height:1.35}.compass-footer-hint{color:var(--gold-bright);white-space:nowrap;z-index:20;background:#1c040aeb;border:1px solid #c5a05966;border-radius:24px;padding:7px 22px;font-family:Philosopher,serif;font-size:.96rem;position:absolute;bottom:-46px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #000000d9}.scrying-mirror-container{z-index:50;pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:25px;right:25px}.scrying-mirror{border:3px solid var(--gold-base);width:200px;height:200px;box-shadow:0 0 30px #000000e6, 0 0 20px var(--elem-glow);background:#000;border-radius:50%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.scrying-mirror.clickable-orb{cursor:pointer}.scrying-mirror.clickable-orb:hover{border-color:var(--gold-bright);box-shadow:0 0 45px var(--elem-glow), inset 0 0 25px #f9e2af4d;transform:scale(1.06)}.scrying-mirror.active{border-color:#00ffea;box-shadow:0 0 50px #00ffea66,inset 0 0 20px #00ffea33}.mirror-rune-ring{pointer-events:none;z-index:2;border:1px dashed #f9e2af4d;border-radius:50%;animation:60s linear infinite slowSpin;position:absolute;inset:-6px}.mirror-glass{background:radial-gradient(circle at 40% 40%,#2a050f 0%,#080002 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mirror-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.mirror-overlay-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.mirror-portal-placeholder{text-align:center;z-index:3;flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex}.portal-caption{color:var(--gold-bright);letter-spacing:.02em;text-shadow:0 0 8px #f9e2af80;margin-bottom:3px;font-family:Philosopher,serif;font-size:1.15rem;font-weight:700}.portal-subaction{color:var(--gold-base);opacity:.9;font-family:Cormorant Garamond,serif;font-size:.95rem}.portal-click-here{color:#fff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 6px #ffffffb3;opacity:.82;margin-top:2px;font-family:Philosopher,Inter,sans-serif;font-size:.62rem;font-weight:600}.mirror-active-overlay{z-index:10;position:absolute;top:12px;right:12px}.mirror-status-dot{background:#00ffea;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulseDot;display:block;box-shadow:0 0 10px #00ffea}@keyframes pulseDot{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.4;transform:scale(.9)}}.spell-ribbon-hud{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0309f0;border:1px solid #c5a05966;border-radius:8px;min-width:180px;margin-top:10px;padding:6px 14px;transition:all .3s;box-shadow:0 0 15px #000c}.spell-ribbon-hud.glow{border-color:var(--gold-bright);box-shadow:0 0 20px var(--elem-glow)}.spell-ribbon-title{color:var(--gold-bright);font-family:Philosopher,serif;font-size:.92rem;font-weight:700}.spell-ribbon-desc{color:var(--gold-base);font-family:Cormorant Garamond,serif;font-size:.82rem}.camera-notice-bubble{color:#f99;text-align:center;background:#280a14e6;border:1px solid #ff4d4d;border-radius:6px;max-width:200px;margin-top:6px;padding:4px 10px;font-size:.78rem}.grimoire-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#020106d1;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.grimoire-book{border:2px solid var(--gold-base);width:90%;max-width:780px;max-height:85vh;box-shadow:0 0 60px #000000f2, 0 0 35px var(--elem-glow), inset 0 0 30px #b419374d;background:radial-gradient(circle at 20% 20%,#3a0817 0%,#100206 100%);border-radius:16px;padding:30px;position:relative;overflow-y:auto}.grimoire-header{border-bottom:1px solid #c5a0594d;flex-direction:column;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex;position:relative}.grimoire-sigil{margin-bottom:4px;font-size:2.2rem}.grimoire-header h2{color:var(--gold-bright);font-family:Philosopher,serif;font-size:1.8rem;font-weight:700}.grimoire-subtitle{color:var(--gold-base);font-family:Cormorant Garamond,serif;font-size:1.05rem}.grimoire-close{color:var(--gold-base);cursor:pointer;background:0 0;border:none;font-size:1.4rem;transition:color .2s;position:absolute;top:0;right:0}.grimoire-close:hover{color:#fff}.spell-card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px;display:grid}.spell-card{background:#280610bf;border:1px solid #c5a0594d;border-radius:10px;gap:14px;padding:14px;transition:all .3s;display:flex}.spell-card:hover,.spell-card.highlight{border-color:var(--gold-bright);box-shadow:0 0 15px var(--elem-glow);background:#4b0c1ce6}.spell-icon{font-size:2rem;line-height:1}.spell-details h3{color:var(--gold-bright);margin-bottom:2px;font-family:Philosopher,serif;font-size:1.15rem;font-weight:700}.spell-gesture{color:var(--gold-bright);background:#ffffff14;border-radius:6px;margin-bottom:6px;padding:2px 8px;font-family:Philosopher,serif;font-size:.84rem;display:inline-block}.spell-details p{color:#ffffffe6;font-family:Cormorant Garamond,serif;font-size:1.05rem;line-height:1.45}.grimoire-footer-notes{border-top:1px solid #c5a05940;padding-top:16px}.grimoire-footer-notes h4{color:var(--gold-bright);margin-bottom:10px;font-family:Philosopher,serif;font-size:1.05rem;font-weight:700}.shortcuts-list{flex-wrap:wrap;gap:12px;display:flex}.shortcuts-list span{color:#ffffffe6;align-items:center;gap:6px;font-family:Cormorant Garamond,serif;font-size:1rem;display:inline-flex}.shortcuts-list kbd{border:1px solid var(--gold-base);color:var(--gold-bright);background:#c5a05933;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.85rem}@media (width>=901px) and (width<=1200px),(height<=820px) and (width>=901px){.compass-gesture-nav{border-radius:12px;gap:5px;width:175px;padding:8px;left:14px}.compass-gesture-nav .panel-corner{width:8px;height:8px}.nav-panel-astral-sigil{margin-bottom:2px;padding-bottom:4px}.nav-panel-astral-sigil .sigil-glyph{letter-spacing:.2em;font-size:.85rem}.nav-stages-list{gap:4px}.nav-stage-btn{border-radius:8px;gap:6px;padding:6px 8px}.nav-stage-indicator{width:3.5px;height:18px}.nav-stage-gesture{gap:4px;font-size:.82rem}.nav-stage-desc{margin-top:1px;font-size:.72rem;line-height:1.15}.scrying-mirror-container{bottom:16px;right:16px}.scrying-mirror{width:140px;height:140px}}@media (width<=900px){.board-container{flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100vh;padding-top:68px;padding-bottom:30px;display:flex;overflow:hidden auto}.divination-arena{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;padding-top:6px}.compass-gesture-nav{border-radius:14px;flex-direction:column;align-items:center;gap:5px;width:94%;max-width:660px;margin:4px auto 56px;padding:7px 10px 8px;display:flex;position:relative;top:auto;left:auto;transform:none}.compass-gesture-nav .panel-corner{width:9px;height:9px}.nav-panel-astral-sigil{border-bottom:1px solid #d4af374d;width:100%;margin-bottom:2px;padding-bottom:4px}.nav-panel-astral-sigil .sigil-glyph{letter-spacing:.25em;font-size:.82rem}.nav-stages-list{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.nav-stage-btn{text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:7px 4px}.nav-stage-btn:hover{transform:translateY(-2px)}.nav-stage-indicator{display:none}.nav-stage-content{text-align:center;align-items:center;width:100%}.nav-stage-gesture{white-space:nowrap;justify-content:center;gap:3px;font-size:.82rem}.nav-stage-desc{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:1px;font-size:.68rem;line-height:1.15;overflow:hidden}.astrolabe-wrapper{width:78vmin;max-width:500px;height:78vmin;max-height:500px}.crystal-ball-sphere{width:52vmin;max-width:330px;height:52vmin;max-height:330px;min-width:unset;min-height:unset}.crystal-ball-stand-base{width:56vmin;max-width:355px;height:56vmin;max-height:355px;min-width:unset;min-height:unset}.project-node{width:56px;height:56px}.node-symbol{font-size:1.85rem}.zenith-alignment-pointer{top:-42px}.constellation-star-map-container{width:135px;height:82px}.crystal-glyph-large{font-size:2.1rem}.center-sign-title{margin-top:2px;font-size:1.25rem}.center-sign-meta{gap:6px;padding:2px 10px;font-size:.88rem}.physical-tarot-card{transform-origin:50%;transform:scale(.84)}.scrying-mirror-container{bottom:16px;right:16px}.scrying-mirror{width:130px;height:130px}}@media (width<=600px){.site-header{padding:8px 16px}.site-header h1{font-size:1.35rem}.realm-tagline{font-size:.78rem}.board-container{padding-top:54px;padding-bottom:24px}.compass-gesture-nav{border-radius:12px;gap:4px;width:96%;max-width:440px;margin:4px auto 50px;padding:5px 6px}.nav-panel-astral-sigil{margin-bottom:2px;padding-bottom:2px}.nav-panel-astral-sigil .sigil-glyph{letter-spacing:.2em;font-size:.72rem}.nav-stages-list{gap:4px}.nav-stage-btn{border-radius:6px;min-height:38px;padding:5px 2px}.nav-stage-gesture{font-size:.74rem}.nav-stage-desc{display:none}.astrolabe-wrapper{width:84vmin;max-width:375px;height:84vmin;max-height:375px}.crystal-ball-sphere{width:55vmin;max-width:245px;height:55vmin;max-height:245px;min-width:unset;min-height:unset}.crystal-ball-stand-base{width:59vmin;max-width:265px;height:59vmin;max-height:265px;min-width:unset;min-height:unset}.project-node{width:44px;height:44px}.node-symbol{font-size:1.48rem}.zenith-alignment-pointer{top:-38px}.zenith-pointer-glyph{font-size:.95rem}.zenith-pointer-line{height:8px}.constellation-star-map-container{width:100px;height:60px;margin:1px 0}.crystal-glyph-large{font-size:1.6rem}.center-sign-title{margin-top:1px;font-size:.92rem}.center-sign-meta{border-radius:8px;gap:3px;padding:1px 6px;font-size:.68rem}.physical-tarot-card{transform-origin:50%;transform:scale(.66)}.scrying-mirror-container{bottom:12px;right:12px}.scrying-mirror{width:95px;height:95px}}