@font-face{font-family:CloisterBlack;src:url(CloisterBlack.ae9f8d5c.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cloister Oldstyle Roman;src:url("Cloister Oldstyle Roman.0a3100fd.otf")format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Caudex;src:url(Caudex-Regular.05018aeb.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Caudex;src:url(Caudex-Bold.4d538f38.ttf)format("truetype");font-weight:700;font-style:normal}body{color:#fff;letter-spacing:-.02em;margin:0;font-family:CloisterBlack;font-size:24px;font-weight:500}html,body{touch-action:none;overflow:hidden}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:purple;appearance:none;background:0 0;border:none;margin:4px;padding:4px;line-height:normal}p{margin:0}@keyframes white-pulsating-glow{0%,to{text-shadow:0 0 4px #ffffff4d}50%{text-shadow:0 0 12px #ffffffe6,0 0 20px #ffffff80}}@keyframes blue-pulsating-glow{0%,to{text-shadow:0 0 4px #6495ff5a}50%{text-shadow:0 0 12px #1800d0e6,0 0 20px #07009680}}@keyframes white-border-pulsating-glow{0%,to{box-shadow:0 0 4px #ffffff4d}50%{box-shadow:0 0 12px #ffffffe6,0 0 20px #ffffff80}}@keyframes gold-pulsating-glow{0%,to{text-shadow:0 0 4px #ffd7004d}50%{text-shadow:0 0 12px #ffd700e6,0 0 20px #ffb40080,0 0 40px #ff8c0033}}@keyframes gold-wave{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes purple-wave{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-flipped{0%{opacity:0;transform:scaleX(-1)translateY(10px)}to{opacity:1;transform:scaleX(-1)translateY(0)}}.gold{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;font-weight:700;animation:1.2s ease-in forwards fade-in,6s linear infinite gold-wave}.purple{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#9b59b6 0%,#d7a8e8 44%,#f0d6f5 50%,#d7a8e8 56%,#9b59b6 100%) 0 0/200% 100% text;font-weight:700;animation:1.2s ease-in forwards fade-in,6s linear infinite purple-wave}.silver{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c8dff0 0%,#f0f8ff 40%,#fff 50%,#f0f8ff 60%,#c8dff0 100%) 0 0/200% 100% text;font-weight:700;animation:1.2s ease-in forwards fade-in,6s linear infinite gold-wave}#root{isolation:isolate;background-color:#000;width:100%;margin:0 auto}.main-page-vertical{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden;& p{color:#fff;letter-spacing:-.02em;margin:0;padding-block:.5vh;font-size:3vh;line-height:50%}& button{color:#fff;letter-spacing:-.02em;font-size:2.5vh;line-height:50%}& .header-text-container{z-index:1;flex-direction:column;align-items:center;gap:0;width:100%;margin-top:2.7vh;display:flex;position:relative;overflow:visible;& .crowley-container{flex-direction:row;justify-content:flex-end;align-self:stretch;align-items:center;min-width:0;display:flex;& .right-spacer{flex:3 1 0;min-width:0;max-width:calc(50vw + 20px)}& .text-crowley{white-space:nowrap;-webkit-text-fill-color:transparent;padding-block:.7vh;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;flex:none;margin-top:.5vh;padding-left:1.2vh;animation:6s linear infinite gold-wave}}& .text-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;font-size:4vh;animation:6s linear infinite gold-wave}& .text-slogan{color:purple;letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3d1f8a 0%,#6355e8 30%,#5b21b6 48%,#d0b9ff 50%,#8441ef 52%,#6355e8 70%,#3d1f8a 100%) 0 0/400% 100% text;margin-bottom:2vh;padding-top:1vh;animation:24s linear infinite purple-wave}}& .spinning-card-constraint{flex:1;min-height:0;padding-top:1%;padding-bottom:1%;& .spinning-card-container{z-index:1;flex:1;justify-content:center;align-items:center;height:100%;min-height:0;display:flex;position:relative}}& .footer-segment{z-index:1;flex-direction:column;align-items:center;margin-top:4vh;margin-bottom:1vh;padding-bottom:5%;display:flex;position:relative;& .nav-control-container{flex-direction:column;align-items:center;gap:0;display:flex;& .begin-button{font-size:4vh;animation:3s ease-in-out infinite white-pulsating-glow}& .practitioners-pulse{animation:2s ease-in-out infinite gold-pulsating-glow}& .coloured-split{z-index:-1;vertical-align:middle;width:20vh;margin:-20px}}}}.background-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card-container{perspective:1000px;justify-content:center;align-items:center;display:flex}.animated-card{transform-style:preserve-3d;position:relative}.card-face{backface-visibility:hidden;position:absolute;inset:0}.falling-cards-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.falling-card{pointer-events:none;background-size:cover;border-radius:4px;width:60px;height:90px;position:absolute;top:-100px}.deck-switch-button{z-index:5;letter-spacing:.02em;color:#f5e6b8;cursor:pointer;backdrop-filter:blur(2px);background:#0f14228c;border:1px solid #e8c97a8c;border-radius:999px;align-items:center;gap:.8vh;padding:1vh 1.6vh;font-size:1.9vh;transition:border-color .2s,background .2s,transform .1s;display:inline-flex;position:absolute;top:2vh;right:2.2vw}.deck-switch-button:hover{background:#0f1422cc;border-color:#f5e6b8}.deck-switch-button:active{transform:scale(.96)}.deck-switch-button .deck-switch-glyph{color:#e8c97a;font-size:2.1vh;line-height:1}.deck-switch-button .deck-switch-label{white-space:nowrap;text-shadow:0 1px 2px #0009}.main-page-horizontal{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden;& p{color:#fff;letter-spacing:-.02em;margin:0;padding-block:.5vh;font-size:5vh;line-height:50%}& button{color:#fff;letter-spacing:-.02em;z-index:2;margin:0;padding-bottom:4vh;font-size:5.2vh;line-height:50%}& .header-text-container{flex-direction:column;align-items:center;gap:0;width:100%;display:flex;position:relative;overflow:visible;& .crowley-container{z-index:0;flex-direction:row;justify-content:flex-end;align-self:stretch;align-items:center;min-width:0;display:flex;& .right-spacer{flex:3 1 0;min-width:0;max-width:calc(50vw + 20px)}& .text-crowley{white-space:nowrap;-webkit-text-fill-color:transparent;padding-block:.7vh;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;flex:none;margin-top:4vh;padding-left:1.2vh;animation:6s linear infinite gold-wave}}& .text-title{-webkit-text-fill-color:transparent;z-index:1;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;font-size:12vh;line-height:70%;animation:6s linear infinite gold-wave}& .text-slogan{color:purple;letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3d1f8a 0%,#6355e8 30%,#5b21b6 48%,#d0b9ff 50%,#8441ef 52%,#6355e8 70%,#3d1f8a 100%) 0 0/400% 100% text;margin-bottom:5vh;padding-top:2.2vh;font-size:6vh;animation:24s linear infinite purple-wave}}& .footer-segment{z-index:1;flex-direction:column;align-items:center;height:100%;margin-top:1vh;margin-bottom:1vh;padding-bottom:1vh;position:relative;& .nav-control-container{flex-direction:column;align-items:center;gap:0;height:100%;display:flex;& button{flex:1}& .begin-button{font-size:8vh;animation:3s ease-in-out infinite white-pulsating-glow}& .practitioners-pulse{animation:2s ease-in-out infinite gold-pulsating-glow}& .coloured-split{vertical-align:middle;flex:1;width:18vw;margin:-2vh}}}}.vertical-carousel-page{height:100vh;overflow:show;flex-direction:column;display:flex;position:relative;& .top-nav-bar-region{justify-content:space-between;padding-inline:0%;display:flex;& .back-button{color:purple;padding:0;border:none;margin-bottom:0;padding-top:4px;padding-left:6px}& .back-button img{width:8vh;height:4vh;transform:rotate(184deg)}& .elements-container{align-items:center;gap:12px;padding-right:1vh;display:flex;& .element-button{cursor:pointer;background:#fff;border:1px solid #fff;border-radius:50%;width:3vh;min-width:16px;height:3vh;min-height:16px;padding:0;transition:background-color .2s}& .element-button.selected.fire-button{background:red}& .element-button.selected.water-button{background:#00f}& .element-button.selected.air-button{background:green}& .element-button.selected.earth-button{background:#ff0}}}& .card-display-region{flex:1;place-items:center;min-height:0;display:grid;& .container-banner-bundle{flex-direction:column;align-items:center;min-height:0;max-height:100%;display:flex}& .card-display-banner{text-align:center;margin-block:1%;margin-top:0%;margin-bottom:8px;font-size:min(9vw,30px);line-height:25px}& .card-display-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}& .vertical-tab-line{margin:4px}}& .minimap-carousel-region{margin-bottom:-2px;& .minimap-carousel-banner{text-align:center;margin:10px 10px 8px;font-size:min(7vw,30px)}& .minimap-carousel-container{justify-content:center;width:100%;margin-inline:auto;padding-bottom:10px;display:flex}}& .curved-line{align-items:center;width:100%;margin-top:-20px;margin-bottom:-14px;display:flex;position:relative}& .straight-line{margin-top:-22px;margin-bottom:-18px}& .carousel-controls{justify-content:space-between;align-items:center;margin-top:auto;padding-inline:4%;display:flex;& .switch-to-arcana-text-container{margin-top:0;margin-inline:-10px;padding-top:4px;line-height:20px}& p{letter-spacing:-.04em;text-align:center;text-wrap-mode:nowrap;margin-block:2px;margin-top:0;font-weight:500}& .left-button,& .right-button{color:purple;background:0 0;border:none;padding:0}& .left-button img,& .right-button img{width:10vh;height:5vh;transform:rotate(-5deg)}& .right-button img{margin-right:-18px}& .left-button img{margin-left:-18px;transform:rotate(185deg)}& .nav-bar-instruction,& .switch-arcana{color:#d9d9d9;text-align:center;font-size:min(7vw,30px);animation:3s ease-in-out infinite white-pulsating-glow}& .spacer{flex:1;max-width:5px}& .text-spacer{flex:1;max-width:25px}}}.wrapper{width:100%;overflow:show;contain:layout style;align-items:center;display:flex;position:relative;transform:translate(-50%)}.wrapper[data-preserve-3d=true]{transform-style:preserve-3d;contain:unset;perspective:800px;perspective-origin:50vw}.card{cursor:pointer;will-change:transform;contain:layout style;flex-shrink:0;justify-content:center;align-items:center;width:20%;margin:0 10px 0 0;padding:0;display:flex;position:relative}.wrapper[data-preserve-3d=true] .card{contain:unset;transform-style:preserve-3d}.show-overflow{overflow:visible}.swipe-container{touch-action:pan-y;z-index:1;justify-content:center;align-self:stretch;align-items:center;width:auto;display:flex;position:relative;overflow:visible}.swipe-card{aspect-ratio:2/3;cursor:grab;transform-origin:bottom;z-index:1;width:auto;max-width:100%;height:auto;max-height:100%;&:active{cursor:grabbing}}.peek-card{opacity:0;cursor:default;pointer-events:none;filter:brightness(.7);z-index:0;position:absolute}.horizontal-carousel-page{height:100vh;overflow:show;flex-direction:column;display:flex;position:relative;& .top-nav-bar-region{flex-direction:row;justify-content:space-between;align-items:center;padding-inline:0%;display:flex;& .back-button{color:purple;padding:0;border:none;margin-bottom:0;padding-top:4px;padding-left:6px}& .back-button img{width:14vh;height:8vh;transform:rotate(184deg)}& .nav-bar-text-container{pointer-events:none;flex:1;justify-content:center;align-items:center;width:100%;padding-top:5vh;display:flex;position:absolute;& p{letter-spacing:-.04em;text-align:center;margin-top:0;padding-block:.5vh;font-size:3vw;line-height:50%}& .text{flex-direction:column;align-items:center;display:flex}& .text .first-child{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;padding-bottom:1vh;animation:6s linear infinite gold-wave;transform:rotate(2deg)translate(.2svh)}& .text .second-child{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;padding-bottom:1vh;animation:6s linear infinite gold-wave;transform:rotate(2deg)}& .centre-spacer{flex-grow:18}& .text-spacer{flex-grow:1}}}& .card-display-region{flex:1;justify-content:center;place-items:center;min-height:0;display:grid;& .card-display-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}& .vertical-tab-line{margin:4px}}& .minimap-carousel-region{flex-direction:column;flex:1;min-height:0;margin-top:-10px;margin-bottom:-2px;display:flex;& .container-banner-bundle{flex-direction:column;flex:1;min-height:0;display:flex;& .card-display-banner{text-align:center;color:#fff;margin-block:1%;margin-top:0%;margin-bottom:-10px;padding-top:1vh;font-size:min(3vw,25px);line-height:20px}}& .minimap-carousel-banner{text-align:center;flex:1;min-height:0;margin:10px 10px 8px;font-size:5vh}& .minimap-carousel-container{perspective:500px;flex:1;justify-content:center;width:100%;height:100%;min-height:0;margin-inline:auto;padding-bottom:10px;display:flex}}& .curved-line{align-items:center;width:100%;margin-top:-20px;margin-bottom:-8px;display:flex;position:relative}& .straight-line{margin-top:-22px;margin-bottom:-18px}& .carousel-controls{justify-content:space-between;align-items:center;margin-top:auto;padding-inline:4%;display:flex;& .switch-to-arcana-text-container{margin-top:0;margin-inline:-10px;margin-bottom:0;margin-block:0;margin-right:1vw;padding-top:0;line-height:20px;& .nav-bar-instruction,& .switch-arcana{color:#d9d9d9;text-align:center;font-size:clamp(20px,4.5vw,35px);animation:3s ease-in-out infinite white-pulsating-glow}}& .switch-to-arcana-text-container-small{margin-top:0;margin-inline:-10px;margin-bottom:0;margin-block:0;margin-right:1vw;padding-top:0;line-height:20px}& .minor-arcana-controls{flex:1;align-items:center;gap:2vw;display:flex}& .elements-container{flex:1;justify-content:space-between;align-items:center;display:flex;& .element-button{cursor:pointer;background:#fff;border:1px solid #fff;border-radius:50%;width:2.5vw;min-width:16px;height:2.5vw;min-height:16px;padding:0;transition:background-color .2s}& .element-button.selected.fire-button{background:red}& .element-button.selected.water-button{background:#00f}& .element-button.selected.air-button{background:green}& .element-button.selected.earth-button{background:#ff0}}& p{letter-spacing:-.04em;text-align:center;text-wrap-mode:nowrap;margin-block:2px;margin-top:0;font-weight:500}& .left-button,& .right-button{color:purple;background:0 0;border:none;margin:-5px 0 0;padding:0}& .left-button img,& .right-button img{width:min(16vw,100px);height:min(8vw,50px);transform:rotate(-5deg)}& .right-button img{margin-right:-18px}& .left-button img{margin-left:-18px;transform:rotate(185deg)}& .nav-bar-instruction,& .switch-arcana{color:#d9d9d9;text-align:center;font-size:clamp(14px,2.2vw,30px);animation:3s ease-in-out infinite white-pulsating-glow}& .spacer{flex:1}& .text-spacer{flex:5}&:has(.minor-arcana-controls) .spacer,&:has(.minor-arcana-controls) .text-spacer{flex:0;padding:3vw}}}.introduction-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .header-image{z-index:-1;width:auto;height:100%;margin-left:-90%;padding-top:1.5vh;animation:1.2s ease-in forwards fade-in-flipped;position:absolute;mask-image:linear-gradient(#000 50%,#0000 100%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:8vh;display:flex;overflow:hidden;& .block-spacer{height:4.5vh}& .content-block{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;display:flex;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.8vw;font-weight:700;line-height:8vh}}& .block-1 .block-1-heading{background:linear-gradient(90deg,#fff 0% 45%,#fdedd0 50%,#fff 55% 100%) 0 0/200% 100% text;padding-top:2vh;padding-bottom:3.4vh;font-family:Caudex,serif;font-size:1.9vw;font-weight:700;line-height:60%;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave}& .block-2,& .block-3{animation:1.2s ease-in forwards fade-in}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;background:0 0;border:none;flex-shrink:0;margin-top:2vh;font-size:2.6vw;animation:.5s ease-in forwards fade-in,3s ease-in-out infinite white-pulsating-glow}}}}.bottom-nav-bar{z-index:2;justify-content:space-between;align-items:center;width:100%;height:8vh;display:flex;&.vertical{& img{width:90%;height:3.4vh;padding-left:0;padding-right:0}& .back-button{cursor:pointer;background:0 0;border:none;margin-bottom:0;padding:0}& .skip-button{cursor:pointer;color:#fff;opacity:.7;letter-spacing:.05em;background:0 0;border:none;margin-top:4.4vh;margin-left:auto;padding-bottom:3vh;padding-right:1.8vh;font-size:2.5vh;animation:3s ease-in-out infinite white-pulsating-glow;&:hover{opacity:1}}& .next-button{cursor:pointer;color:#fff;opacity:.8;letter-spacing:.05em;background:0 0;border:none;margin-bottom:0;margin-left:auto;font-size:2.5vh;animation:3s ease-in-out infinite white-pulsating-glow;&:hover{opacity:1}}}&.horizontal{padding-top:1vh;padding-bottom:2vh;& img{width:70%;height:4vw;padding-left:0;padding-right:0}& .back-button{cursor:pointer;background:0 0;border:none;margin-bottom:0;margin-left:-1.2%;padding:0}& .skip-button{cursor:pointer;color:#fff;opacity:.7;letter-spacing:.05em;background:0 0;border:none;margin-left:auto;padding:1vh 2vw;font-size:2.5vw;animation:3s ease-in-out infinite white-pulsating-glow;&:hover{opacity:1}}& .next-button{cursor:pointer;color:#fff;opacity:.8;letter-spacing:.05em;background:0 0;border:none;margin-bottom:0;margin-left:auto;margin-right:-1.6%;font-size:2.5vw;animation:3s ease-in-out infinite white-pulsating-glow;&:hover{opacity:1}}}}.top-nav-bar.vertical,.top-nav-bar.horizontal{z-index:10;pointer-events:none;flex-direction:row;align-items:center;gap:2vw;width:100%;padding:1vh 2vw 1vh .4vw;display:flex;position:absolute;top:0;left:0;& .back-button{cursor:pointer;pointer-events:auto;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;& .back-title{color:#fff;opacity:.6;letter-spacing:.05em;margin:0;padding-bottom:3%}}& .home-button{cursor:pointer;pointer-events:auto;background:0 0;border:none;align-items:center;gap:0;margin:0;padding:0;display:inline-flex;& .home-title{color:#fff;opacity:.6;letter-spacing:.05em;margin:0;padding-bottom:3%}}&.vertical .home-title{margin-left:2.8vw;padding-top:0;font-size:2vh}&.horizontal .home-title{margin-left:.4vw;font-size:1.8vw}&.vertical .back-title{margin-left:2.8vw;font-size:2vh}&.horizontal .back-title{margin-left:.4vw;font-size:1.8vw}}.introduction-vertical{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .header-image{z-index:-1;width:auto;height:80vh;padding-top:1.5vh;padding-left:18%;animation:1.2s ease-in forwards fade-in-flipped;position:absolute;mask-image:linear-gradient(#000 32%,#0000 46%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:42vh;display:flex;overflow:hidden;& .block-spacer{flex-shrink:0;height:4.5vh}& .verticalSpacer{height:1.2vh}& .content-block{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;display:flex;& p{color:#fff;letter-spacing:-.01em;line-height:3.2 vh;margin:0;font-family:Caudex,serif;font-size:1.9vh;font-weight:700}}& .block-1 .block-1-heading{background:linear-gradient(90deg,#fff 0% 45%,#fdedd0 50%,#fff 55% 100%) 0 0/200% 100% text;padding-top:4vh;padding-bottom:0;font-family:Caudex,serif;font-size:2.1vh;font-weight:700;line-height:60%;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave}& .block-2{animation:1.2s ease-in forwards fade-in;& .block-2-line-3,& .block-2-line-2{margin-top:1vh}}& .block-3{animation:1.2s ease-in forwards fade-in;& .block-3-line-3{margin-top:1vh}}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;background:0 0;border:none;flex-shrink:0;margin-top:0;font-size:2.8vh;animation:.5s ease-in forwards fade-in,3s ease-in-out infinite white-pulsating-glow}}}}.introduction-part2-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .header-image{z-index:-1;width:auto;height:100%;margin-left:90%;padding-top:1.5vh;animation:1.2s ease-in forwards fade-in-flipped;position:absolute;mask-image:linear-gradient(#000 50%,#0000 100%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:2vh;display:flex;overflow:hidden;& .block-spacer{flex-shrink:0;height:6vh}& .content-block{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;display:flex;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.8vw;font-weight:700;line-height:7vh}}& .block-1,& .block-2,& .block-3{animation:1.2s ease-in forwards fade-in}& .block-4{margin-top:3vh;margin-left:-30vw;animation:1.2s ease-in forwards fade-in}& .block-5{margin-left:30vw;animation:1.2s ease-in forwards fade-in}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;background:0 0;border:none;flex-shrink:0;margin-top:2vh;font-size:2.6vw;animation:.5s ease-in forwards fade-in,3s ease-in-out infinite white-pulsating-glow}}}}.introduction-part2-vertical{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .header-image{z-index:-1;width:auto;height:75vh;padding-top:1.5vh;padding-left:0%;animation:1.2s ease-in forwards fade-in-flipped;position:absolute;mask-image:linear-gradient(#000 38%,#0000 55%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:42vh;display:flex;overflow:hidden;& .block-spacer{flex-shrink:0;height:4.5vh}& .verticalSpacer{height:1.2vh}& .content-block{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;display:flex;& p{color:#fff;letter-spacing:-.01em;line-height:3.2 vh;margin:0;font-family:Caudex,serif;font-size:1.9vh;font-weight:700}}& .block-2,& .block-3{margin-top:-1vh;animation:1.2s ease-in forwards fade-in}& .block-1{animation:1.2s ease-in forwards fade-in}& .block-4{margin-top:4vh;margin-left:-40vw;animation:1.2s ease-in forwards fade-in}& .block-5{margin-left:40vw;animation:1.2s ease-in forwards fade-in}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;background:0 0;border:none;flex-shrink:0;margin-top:-1vh;font-size:2.8vh;animation:.5s ease-in forwards fade-in,3s ease-in-out infinite white-pulsating-glow}}}}.date-selector-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .bottom-image{z-index:-1;width:auto;height:120%;margin-left:-40%;padding-top:10vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 70%,#0000 90%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:35vh;animation:.8s ease-in forwards fade-in;display:flex;overflow:hidden;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.8vw;font-weight:700;line-height:8vh}& .date-input{color:#fff;caret-color:#fff;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:24vh;height:8vh;margin:.8vh;padding-left:6vh;font-family:CloisterBlack,serif;font-size:4.2vh}& .date-format{color:#9da4ad}& .date-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:1.8vw;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2vw;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}}@keyframes red-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.date-selector-vertical{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .bottom-image{z-index:-1;width:auto;height:60%;margin-left:40%;padding-top:50vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 80%,#0000 92%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:40vh;display:flex;overflow:hidden;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:2.4vh;font-weight:700;line-height:4.2vh}& .date-input{color:#fff;caret-color:#fff;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:18vh;height:5vh;margin:1vh;padding-left:3vh;font-family:CloisterBlack,serif;font-size:3vh}& .date-format{color:#9da4ad}& .date-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:2vh;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2.8vh;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}.name-entry-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .top-image{z-index:-1;height:100%;overflow:show;margin-top:30vh;margin-left:-80%;animation:1.2s ease-in forwards fade-in-flipped;position:absolute;mask-image:linear-gradient(#000 60%,#0000 85%)}& .bottom-image{z-index:-1;width:auto;height:120%;margin-left:50%;padding-top:2vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 60%,#0000 95%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:35vh;animation:.8s ease-in forwards fade-in;display:flex;overflow:hidden;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.8vw;font-weight:700;line-height:8vh}& .name-input{height:8vh;width:45v2;color:#fff;caret-color:#fff;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;margin:.8vh;padding-left:6vh;font-family:CloisterBlack,serif;font-size:4.2vh}& .name-format{color:#9da4ad}& .name-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:1.8vw;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2vw;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}}.name-entry-horizontal .name-reject-backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.name-entry-horizontal .name-reject-dialog{z-index:21;background:#121216f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;width:min(72%,420px);max-height:80vh;padding:3.4vh 2.6vw 2.8vh;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.name-entry-horizontal .name-reject-title{color:#ffffffe6;text-align:center;margin-bottom:1.8vh;font-family:CloisterBlack,serif;font-size:3.4vh}.name-entry-horizontal .name-reject-divider{background:linear-gradient(90deg,#0000 0%,#fff6 20% 80%,#0000 100%);width:80%;height:1px;margin-bottom:1.6vh}.name-entry-horizontal .name-reject-body{flex-direction:column;gap:1.2vh;display:flex}.name-entry-horizontal .name-reject-line{color:#ffffffa6;text-align:center;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);line-height:1.5}.name-entry-horizontal .name-reject-rules{flex-direction:column;gap:.8vh;margin:0;padding:0 0 0 1.4em;list-style:outside;display:flex}.name-entry-horizontal .name-reject-rules li{color:#ffffffa6;text-align:left;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);line-height:1.5}.name-entry-horizontal .name-reject-ok{cursor:pointer;color:#f5e6b8;letter-spacing:.04em;background:#f5e6b81f;border:1px solid #f6e27a66;border-radius:999px;margin-top:2.2vh;padding:.9vh 3.2vw;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);font-weight:700;transition:background .12s}.name-entry-horizontal .name-reject-ok:hover{background:#f5e6b838}.name-entry-horizontal .letter-c-rules-pill{z-index:10;opacity:1;position:absolute;top:1vh;right:2vw}.arcana-pill{color:#fff;letter-spacing:.03em;cursor:pointer;opacity:.5;will-change:transform, opacity;white-space:nowrap;background:#ffffff0f;border:1.5px solid #0000;border-radius:999px;padding:.5vh 1.5vh;font-family:Caudex,serif;font-size:clamp(12px,1.55vh,17px);font-weight:700;position:relative;overflow:hidden}.arcana-pill:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.55;background:#d8d8d8b3;border-radius:999px;padding:1.5px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.arcana-pill.is-active:before{background:conic-gradient(from var(--pill-spin-angle), #ffffff14 0deg, #ffffffe6 56deg, #ffffff14 130deg, #ffffff80 215deg, #ffffff14 360deg);animation:2.8s linear infinite pill-color-spin}.arcana-pill.is-open{background:#965adc59}.arcana-pill.is-open:before{opacity:.9;background:#b482f0e6}@property --pill-spin-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes pill-color-spin{0%{--pill-spin-angle:0deg}to{--pill-spin-angle:360deg}}.name-entry-vertical{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .bottom-image{z-index:1;width:auto;height:60%;margin-left:80%;padding-top:50vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 85%,#0000 95%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:40vh;display:flex;overflow:hidden;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:2.4vh;font-weight:700;line-height:4.2vh}& .name-input{color:#fff;caret-color:#fff;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:60vw;height:5vh;margin:1vh;padding-left:3vh;padding-right:3vh;font-family:CloisterBlack,serif;font-size:3vh}& .name-format{color:#9da4ad}& .name-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:2vh;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2.8vh;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}.name-entry-vertical .name-reject-backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.name-entry-vertical .name-reject-dialog{z-index:21;background:#121216f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;width:min(84%,420px);max-height:80vh;padding:3.4vh 5vw 2.8vh;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.name-entry-vertical .name-reject-title{color:#ffffffe6;text-align:center;margin-bottom:1.8vh;font-family:CloisterBlack,serif;font-size:3.4vh}.name-entry-vertical .name-reject-divider{background:linear-gradient(90deg,#0000 0%,#fff6 20% 80%,#0000 100%);width:80%;height:1px;margin-bottom:1.6vh}.name-entry-vertical .name-reject-body{flex-direction:column;gap:1.2vh;display:flex}.name-entry-vertical .name-reject-line{color:#ffffffa6;text-align:center;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);line-height:1.5}.name-entry-vertical .name-reject-rules{flex-direction:column;gap:.8vh;margin:0;padding:0 0 0 1.4em;list-style:outside;display:flex}.name-entry-vertical .name-reject-rules li{color:#ffffffa6;text-align:left;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);line-height:1.5}.name-entry-vertical .name-reject-ok{cursor:pointer;color:#f5e6b8;letter-spacing:.04em;background:#f5e6b81f;border:1px solid #f6e27a66;border-radius:999px;margin-top:2.2vh;padding:.9vh 5vw;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);font-weight:700;transition:background .12s}.name-entry-vertical .name-reject-ok:hover{background:#f5e6b838}.name-entry-vertical .letter-c-rules-pill{z-index:10;opacity:1;position:absolute;top:1vh;right:4vw}.nativety-time-entry-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .bottom-image{z-index:-1;width:auto;height:100%;margin-left:-50%;padding-top:10vh;animation:1.2s ease-in forwards fade-in;position:absolute;rotate:-5deg;mask-image:linear-gradient(#000 50%,#0000 90%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:35vh;animation:.8s ease-in forwards fade-in;display:flex;overflow:hidden;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.8vw;font-weight:700;line-height:8vh}& .time-input{color:#fff;caret-color:#fff;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:16vh;height:8vh;margin:.8vh;padding-left:3.4vh;font-family:CloisterBlack,serif;font-size:4.2vh}& .time-format{color:#9da4ad}& .time-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:1.8vw;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2vw;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}}.nativety-time-entry-horizontal .cusp-notice-backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.nativety-time-entry-horizontal .cusp-notice-dialog{z-index:21;background:#121216f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;width:min(72%,420px);padding:3.4vh 2.6vw 2.8vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.nativety-time-entry-horizontal .cusp-notice-title{color:#ffffffe6;text-align:center;margin-bottom:1.8vh;font-family:CloisterBlack,serif;font-size:3.4vh}.nativety-time-entry-horizontal .cusp-notice-divider{background:linear-gradient(90deg,#0000 0%,#fff6 20% 80%,#0000 100%);width:80%;height:1px;margin-bottom:1.6vh}.nativety-time-entry-horizontal .cusp-notice-message{color:#ffffffa6;text-align:center;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);line-height:1.5}.nativety-time-entry-horizontal .cusp-notice-ok{cursor:pointer;color:#f5e6b8;letter-spacing:.04em;background:#f5e6b81f;border:1px solid #f6e27a66;border-radius:999px;margin-top:2.2vh;padding:.9vh 3.2vw;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);font-weight:700;transition:background .12s}.nativety-time-entry-horizontal .cusp-notice-ok:hover{background:#f5e6b838}.nativety-time-entry-vertical{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .top-image{height:20%;margin-top:-35vh;margin-left:-20vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 80%,#0000 95%)}& .bottom-image{z-index:-1;width:auto;height:50%;margin-left:-60%;padding-top:-10vh;animation:1.2s ease-in forwards fade-in;position:absolute;rotate:70deg;mask-image:linear-gradient(#000 85%,#0000 98%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:40vh;display:flex;overflow:hidden;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:2.4vh;font-weight:700;line-height:4.2vh}& .time-input{color:#fff;caret-color:#fff;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:12vh;height:5vh;margin:1vh;padding-left:3vh;font-family:CloisterBlack,serif;font-size:3vh}& .time-format{color:#9da4ad}& .time-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:2vh;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2.8vh;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}.nativety-time-entry-vertical .cusp-notice-backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.nativety-time-entry-vertical .cusp-notice-dialog{z-index:21;background:#121216f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;width:min(84%,420px);padding:3.4vh 5vw 2.8vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.nativety-time-entry-vertical .cusp-notice-title{color:#ffffffe6;text-align:center;margin-bottom:1.8vh;font-family:CloisterBlack,serif;font-size:3.4vh}.nativety-time-entry-vertical .cusp-notice-divider{background:linear-gradient(90deg,#0000 0%,#fff6 20% 80%,#0000 100%);width:80%;height:1px;margin-bottom:1.6vh}.nativety-time-entry-vertical .cusp-notice-message{color:#ffffffa6;text-align:center;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);line-height:1.5}.nativety-time-entry-vertical .cusp-notice-ok{cursor:pointer;color:#f5e6b8;letter-spacing:.04em;background:#f5e6b81f;border:1px solid #f6e27a66;border-radius:999px;margin-top:2.2vh;padding:.9vh 5vw;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,17px);font-weight:700;transition:background .12s}.nativety-time-entry-vertical .cusp-notice-ok:hover{background:#f5e6b838}.birth-location-entry-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;position:relative;& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .bottom-image{z-index:-1;-webkit-mask-image:linear-gradient(#000 60%,#0000 95%);width:auto;height:90%;margin-left:4%;padding-top:10vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 6px 0%,#0000 95%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:35vh;animation:.8s ease-in forwards fade-in;display:flex;overflow:visible;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.8vw;font-weight:700;line-height:8vh}& .autocomplete{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}& .birth-input{color:#fff;caret-color:#fff;text-align:center;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:52vh;height:8vh;margin:.8vh;padding-left:6vh;padding-right:6vh;font-family:CloisterBlack,serif;font-size:4.2vh}& .instructions{color:#9da4ad}& .input-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:1.8vw;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2vw;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}&>.suggestions{z-index:20;scrollbar-width:thin;scrollbar-color:white transparent;border-radius:2vh;margin:0;padding:.8vh 0;list-style:none;animation:.15s ease-in forwards fade-in;position:absolute;inset:8vh 0 8vh calc(50% + 27.5vh);overflow:hidden auto;&::-webkit-scrollbar{width:3px}&::-webkit-scrollbar-thumb{background:#fff;border-radius:2px}&::-webkit-scrollbar-track{background:0 0}& li{margin:0;padding:0}& button{cursor:pointer;text-align:center;color:#fff;text-shadow:0 1px 3px #000000d9;background:0 0;border:none;width:100%;padding:1.6vh 2vh;font-family:Caudex,serif;font-size:1.6vw;line-height:1.2;&:hover{background:linear-gradient(90deg,#e8c97a1a 0%,#f5e6b82e 44%,#fdf3d038 50%,#f5e6b82e 56%,#e8c97a1a 100%)}}}}.birth-location-entry-vertical{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .bottom-image{z-index:-1;width:105vw;height:auto;margin-inline:auto;animation:1.2s ease-in forwards fade-in;position:absolute;bottom:0;left:0;right:0;mask-image:linear-gradient(#0000 10%,#000 30%)}& .content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:40vh;display:flex;overflow:visible;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:2.4vh;font-weight:700;line-height:4.2vh}& .autocomplete{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}& .birth-input{color:#fff;caret-color:#fff;text-align:center;background:0 0;border:3px solid #fff;border-radius:20vh;outline:none;width:42vh;height:5vh;margin:1vh;padding-left:3vh;padding-right:3vh;font-family:CloisterBlack,serif;font-size:3vh}& .suggestions{z-index:5;scrollbar-width:thin;scrollbar-color:white transparent;border-radius:2vh;width:42vh;margin-inline:auto;padding:.6vh 0;list-style:none;animation:.15s ease-in forwards fade-in;position:absolute;inset:6vh 0 calc(100% - 39vh);overflow:hidden auto;&::-webkit-scrollbar{width:3px}&::-webkit-scrollbar-thumb{background:#fff;border-radius:2px}&::-webkit-scrollbar-track{background:0 0}& li{margin:0;padding:0}& button{cursor:pointer;text-align:center;color:#fff;background:0 0;border:none;width:100%;padding:1.1vh 2vh;font-family:Caudex,serif;font-size:2.2vh;line-height:1.2;&:hover{background:linear-gradient(90deg,#e8c97a1a 0%,#f5e6b82e 44%,#fdf3d038 50%,#f5e6b82e 56%,#e8c97a1a 100%) text}}}& .instructions{color:#9da4ad}& .input-error{color:#ff6b6b;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8b0000 0%,#c20 44%,#ff6b6b 50%,#c20 56%,#8b0000 100%) 0 0/400% 100% text;margin-top:2vh;font-size:2vh;animation:.3s ease-in forwards fade-in,8s linear infinite red-wave}}& .continue-button{cursor:pointer;color:#fff;letter-spacing:.05em;z-index:1;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;border:none;flex-shrink:0;margin-top:2vh;font-size:2.8vh;animation:.5s ease-in forwards fade-in,6s linear infinite gold-wave,3s ease-in-out infinite white-pulsating-glow}}}.card-stack-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;&.is-finishing{& .top-wrapper .content{opacity:0}}& .top-wrapper{width:100%;height:100%;overflow:show;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;& .bottom-image{z-index:-1;width:auto;height:90%;margin-left:4%;padding-top:10vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 60%,#0000 95%)}& .content{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;margin-top:6vh;padding-inline:3.2vw;transition:opacity .24s ease-out;animation:.8s ease-in forwards fade-in;display:flex;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:1.7vw;font-weight:700;line-height:6vh}& .stack-info-layout{flex:0 auto;grid-template-columns:minmax(240px,28vw) auto minmax(240px,28vw);justify-content:center;align-items:center;gap:2.4vw;width:100%;min-height:0;padding-bottom:min(6vh,12px);display:grid}& .type-info-panel,& .archetype-info-panel{text-align:center;-webkit-backdrop-filter:blur(30px)saturate(190%);background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:min(48vh,620px);max-height:min(48vh,620px);padding:1.2vh .9vw;display:flex;overflow:hidden;box-shadow:0 12px 36px #00000080,inset 0 1.5px 1px #ffffff8c,inset 0 8px 22px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -14px 26px #00000029}& .panel-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c) 0 0/240% 100% text;max-width:20ch;margin:0 2vw 1.2vh;font-size:2.6vw;line-height:1.05;animation:6s linear infinite gold-wave}& .panel-body{color:#c8cfd8;letter-spacing:0;max-width:30ch;margin:0 auto .7vh;font-size:1.8vw;line-height:1.28}& .panel-title-box{flex-direction:column;flex:none;align-items:center;width:100%;display:flex}& .panel-body-box{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}& .instructions{color:#9da4ad;margin-bottom:2vh}& .stack-region{justify-content:center;align-items:center;margin-bottom:0;display:flex}& .control-row{gap:1.2vw;margin-bottom:1vh;display:flex}& .arrow-control-row{gap:2.6vw;margin-top:.8vh}& .page-nav-row{margin-top:2vh}& .control-button{color:#fff;letter-spacing:.03em;cursor:pointer;background:#ffffff0f;border:2px solid #ffffffb3;border-radius:999px;padding:.8vh 1.6vw;font-family:Caudex,serif;font-size:1.4vw;font-weight:700}& .arrow-button{cursor:pointer;background:0 0;border:none;place-items:center;width:min(20vh,80px);height:min(10vh,40px);padding:0;display:grid;& img{object-fit:contain;width:100%;height:100%;transform:rotate(-5deg)}& img.left{transform:rotate(189deg)rotate(-5deg)}}& .arrow-button.is-hidden{visibility:hidden;pointer-events:none}& .card-stack-inspect-link{color:#fff;letter-spacing:.03em;cursor:pointer;background:#ffffff0f;border:2px solid #ffffffb3;border-radius:999px;align-self:center;padding:.8vh 1.6vw;font-family:Caudex,serif;font-size:1.4vw;font-weight:700}& .card-stack-inspect-link.is-disabled{opacity:.3;pointer-events:none}}}}.card-stack{transform-style:flat;pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative}.flippable-card{transform-style:flat;perspective:1400px;isolation:isolate;pointer-events:auto;cursor:grab;touch-action:none;will-change:transform;backface-visibility:hidden;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.flippable-card:active{cursor:grabbing}.flippable-card-3d{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.animated-card-face{will-change:transform;backface-visibility:hidden;width:100%;height:100%}.completion-ring-overlay{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.completion-ring{width:clamp(72px,16vmin,128px);height:clamp(72px,16vmin,128px);transform:rotate(-90deg)}.completion-ring-path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283px;animation:completion-ring-draw var(--ring-duration,1.2s) cubic-bezier(.4, 0, .2, 1) forwards}@keyframes completion-ring-draw{to{stroke-dashoffset:0}}.card-stack-vertical{flex-direction:column;align-items:center;width:100%;height:100dvh;display:flex;&.is-finishing{& .top-wrapper .content,& .top-right-action-row,& .bottom-controls{opacity:0}}& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible;& .bottom-image{z-index:-1;width:105vw;height:auto;margin-left:-5%;padding-top:10vh;animation:1.2s ease-in forwards fade-in;position:absolute;mask-image:linear-gradient(#000 70%,#0000 90%)}& .content{text-align:center;z-index:3;flex-direction:column;flex:1;justify-content:stretch;align-items:center;width:100%;min-height:0;margin-top:0;padding:0 4vw 1.2vh;transition:opacity .24s ease-out;display:flex;position:relative;overflow:visible;& p{color:#fff;letter-spacing:-.01em;margin:0;font-family:Caudex,serif;font-size:9cqh;font-weight:700;line-height:1.35}& .instructions{color:#9da4ad;margin-bottom:2vh}& .stack-region{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;display:flex}& .card-role-label{letter-spacing:.02em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c) 0 0/260% 100% text;margin-top:0;margin-bottom:1vh;font-size:clamp(18px,2.7vh,29px);animation:6s linear infinite gold-wave}}}}.text-stage{flex-direction:column;flex:none;width:min(92vw,760px);height:min(25vh,240px);margin-top:1vh;margin-bottom:.6vh;padding:0 .4vh .3vh;display:flex;overflow:hidden}.stack-stage{z-index:4;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding-top:4vh;display:flex;position:relative;overflow:visible}.astro-text-block{will-change:transform, opacity;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.8vh;min-height:0;margin-bottom:0;padding:0 2vw;display:flex;overflow:hidden;container:astro-text/size;& .astro-card-label{color:#fff;letter-spacing:.02em;margin:0 0 .3vh;font-family:Caudex,serif;font-size:2.6vh;font-weight:700}& .astro-body-text{color:#c8cfd8;margin:0;font-family:Caudex,serif;font-size:6px;font-weight:700;line-height:1.35}}.top-right-action-row{z-index:10;align-items:center;gap:1vh;transition:opacity .24s ease-out;display:flex;position:absolute;top:1vh;right:4vw}.card-stack-vertical .card-stack-inspect-link{color:#fff;letter-spacing:.03em;cursor:pointer;opacity:.75;white-space:nowrap;background:#ffffff0f;border:1.5px solid #d8d8d88c;border-radius:999px;padding:.5vh 1.5vh;font-family:Caudex,serif;font-size:clamp(12px,1.55vh,17px);font-weight:700}.card-stack-vertical .card-stack-inspect-link:active{opacity:1}.card-stack-vertical .card-stack-inspect-link.is-disabled{opacity:.3;pointer-events:none}.archetype-body{color:#c8cfd8;margin:0;font-family:Caudex,serif;font-size:clamp(13px,1.68vh,18px);font-weight:700;line-height:1.35}.bottom-controls{padding-bottom:max(2vh, env(safe-area-inset-bottom));z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:1vw;width:min(92vw,760px);margin-top:auto;transition:opacity .24s ease-out;display:flex;position:relative}.icon-nav-button{cursor:pointer;background:0 0;border:none;place-items:center;width:clamp(44px,8vh,74px);height:clamp(28px,5vh,48px);display:grid}.icon-nav-button.is-hidden{visibility:hidden;pointer-events:none}.icon-nav-button img{object-fit:contain;width:100%;height:100%}.icon-nav-left img{transform:rotate(180deg)}.view-card-info-link{color:#fff;text-align:center;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;flex:1;font-family:Caudex,serif;font-size:clamp(16px,2.15vh,24px);font-weight:700;animation:3s ease-in-out infinite white-pulsating-glow}.growth-card-stack-horizontal{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden;& .growth-top-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:2vw;padding:2vh 3vw 1vh;display:flex;& .growth-arrow-button{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;padding:0;display:flex}& .growth-arrow-button img{opacity:.85;width:10.5vh;height:6vh}& .growth-back-button img{transform:rotate(184deg)}& .growth-title{text-align:center;pointer-events:none;flex-direction:column;flex:1;align-items:center;display:flex}& .growth-title-line-1{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;margin:0;font-size:clamp(22px,4vh,40px);animation:6s linear infinite gold-wave}& .growth-title-line-2{color:#ccc;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:.4vh 0 0;font-family:Caudex,serif;font-size:clamp(14px,2.4vh,24px);font-weight:700}& .growth-set-range-button{pointer-events:auto;color:#f5e6b8;cursor:pointer;white-space:nowrap;background:#f5e6b81f;border:1px solid #f5e6b866;border-radius:999px;padding:.6vh 1.2vw;font-size:clamp(11px,1.8vh,16px);transition:background .12s}& .growth-set-range-button:hover{background:#f5e6b838}& .growth-set-range-button:disabled{opacity:.4;cursor:default;background:#f5e6b814;border-color:#f5e6b840}& .growth-set-range-button:disabled:hover{background:#f5e6b814}& .growth-title-buttons{flex-direction:column;justify-content:center;align-items:center;gap:.8vh;display:flex}& .growth-title-buttons-row{flex-direction:row;justify-content:center;align-items:center;gap:1vw;display:flex}& .growth-home-button{pointer-events:auto;color:#f5e6b8;cursor:pointer;white-space:nowrap;background:#f5e6b81f;border:1px solid #f5e6b866;border-radius:999px;margin-top:1vh;padding:.6vh 1.2vw;font-size:clamp(11px,1.8vh,16px);transition:background .12s}& .growth-home-button:hover{background:#f5e6b838}}& .growth-seed-warning{color:#f9c986;background:#00000059;border-radius:8px;align-self:center;margin-bottom:1vh;padding:.6vh 2vw;font-size:clamp(12px,2vh,16px)}& .growth-carousel-region{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}}.growth-carousel{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.growth-carousel-stage{perspective:800px;perspective-origin:50%;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.growth-carousel-track{will-change:transform;transform-style:preserve-3d;flex-wrap:nowrap;align-items:center;display:flex}.growth-item{cursor:grab;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;will-change:transform;flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.growth-item:active{cursor:grabbing}.growth-card-wrap{justify-content:center;align-items:center;display:flex;overflow:hidden}.growth-year-label{color:#b3b3b3;letter-spacing:.02em;text-align:center;font-variant-numeric:tabular-nums;font-family:Caudex,serif;font-size:clamp(14px,2.4vh,26px);transition:color .12s,transform .12s,text-shadow .12s}.growth-item.is-centered .growth-year-label{color:#f5e6b8;text-shadow:0 0 12px #f5e6b899;transform:scale(1.12)}.growth-edge-marker{text-align:center;color:#fff;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.7;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:min(20px,4vh);font-style:italic;display:flex}.growth-card-stack-vertical{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden;& .growth-top-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:2vw;padding:2vh 3vw 1vh;display:flex;& .growth-arrow-button{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;padding:0;display:flex}& .growth-arrow-button img{opacity:.85;width:10.5vh;height:6vh}& .growth-back-button img{transform:rotate(184deg)}& .growth-title{text-align:center;pointer-events:none;flex-direction:column;flex:1;align-items:center;display:flex}& .growth-title-line-1{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8c97a 0%,#f5e6b8 44%,#fdf3d0 50%,#f5e6b8 56%,#e8c97a 100%) 0 0/200% 100% text;margin:0;font-size:clamp(22px,4vh,40px);animation:6s linear infinite gold-wave}& .growth-title-line-2{color:#ccc;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:.4vh 0 0;font-family:Caudex,serif;font-size:clamp(14px,2.4vh,24px);font-weight:700}& .growth-set-range-button{pointer-events:auto;color:#f5e6b8;cursor:pointer;white-space:nowrap;background:#f5e6b81f;border:1px solid #f5e6b866;border-radius:999px;padding:.6vh 1.2vw;font-size:clamp(11px,1.8vh,16px);transition:background .12s}& .growth-set-range-button:hover{background:#f5e6b838}& .growth-set-range-button:disabled{opacity:.4;cursor:default;background:#f5e6b814;border-color:#f5e6b840}& .growth-set-range-button:disabled:hover{background:#f5e6b814}& .growth-title-buttons{flex-direction:column;justify-content:center;align-items:center;gap:.8vh;display:flex}& .growth-title-buttons-row{flex-direction:row;justify-content:center;align-items:center;gap:1vw;display:flex}& .growth-home-button{pointer-events:auto;color:#f5e6b8;cursor:pointer;white-space:nowrap;background:#f5e6b81f;border:1px solid #f5e6b866;border-radius:999px;margin-top:1vh;padding:.6vh 1.2vw;font-size:clamp(11px,1.8vh,16px);transition:background .12s}& .growth-home-button:hover{background:#f5e6b838}}& .growth-seed-warning{color:#f9c986;background:#00000059;border-radius:8px;align-self:center;margin-bottom:1vh;padding:.6vh 2vw;font-size:clamp(12px,2vh,16px)}& .growth-carousel-region{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}}.practitioner-view-horizontal{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;position:relative;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding-top:6vh;animation:.55s ease-out forwards fade-in;display:flex;& .click-to-view{color:#fff;letter-spacing:.06em;opacity:.7;margin:0 0 3vh;font-family:Caudex,serif;font-size:1.6vw;font-weight:700;animation:3s ease-in-out infinite white-pulsating-glow}& .card-options{flex-direction:row;justify-content:center;align-items:flex-start;gap:3.5vw;display:flex;& .card-option{cursor:pointer;flex-direction:column;align-items:center;gap:1.2vh;display:flex;&:hover .card-preview-wrap,&.splayed .card-preview-wrap{--splay-spread:8;--splay-lift:-5%}&:hover .splay-card,&.splayed .splay-card{opacity:1;filter:brightness(.6)saturate(.9)}&:hover .card-preview,&.splayed .card-preview{transform:scale(1.04);box-shadow:0 6px 32px #c9a84c59}& .card-label{color:#fff;letter-spacing:.03em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c,#f6e27a) 0 0/300% 100% text;margin:0;font-family:Caudex,serif;font-size:1.5vw;font-weight:700;animation:6s linear infinite gold-wave}& .card-preview-wrap{display:inline-block;position:relative;& .card-preview{z-index:10;border-radius:8px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000080;& .card-overlay-label{-webkit-backdrop-filter:blur(30px)saturate(190%);z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;justify-content:center;align-items:center;height:clamp(32px,3.2vw,46px);display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1.5px 1px #ffffff8c,inset 0 4px 12px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -7px 14px #00000029;& span{color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px #000000b3;font-family:Caudex,serif;font-size:1.3vw;font-weight:700}}&.needs-data{animation:2.4s ease-in-out infinite white-border-pulsating-glow}}}& .edit-link{color:#fff9;letter-spacing:.03em;cursor:pointer;background:0 0;border:none;margin:0;padding:.4vh .8vw;font-family:Caudex,serif;font-size:1.15vw;font-weight:700;transition:color .2s;&:hover{color:#f6e27ae6}}}}}}& .growth-cards-corner{z-index:10;flex-direction:column;align-items:center;gap:1vh;display:flex;position:absolute;bottom:3vh;right:2vw;& .growth-mini-card{cursor:pointer;flex-direction:column;align-items:center;gap:.5vh;transition:transform .25s;display:flex;&:hover{transform:scale(1.06)}& .growth-mini-card-face{border-radius:6px;transition:box-shadow .25s;overflow:hidden;box-shadow:0 4px 24px #00000080;&.needs-data{animation:2.4s ease-in-out infinite white-border-pulsating-glow}}&:hover .growth-mini-card-face{box-shadow:0 6px 32px #c9a84c59}& .growth-mini-year{color:#ffffffbf;letter-spacing:.04em;text-shadow:0 2px 8px #000000b3;font-family:Caudex,serif;font-size:.9vw;font-weight:700}}& .growth-cards-corner-button{cursor:pointer;color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px #000000b3;-webkit-backdrop-filter:blur(30px)saturate(190%);background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;border:none;border-radius:999px;padding:1.2vh 1.6vw;font-family:Caudex,serif;font-size:1.15vw;font-weight:700;transition:color .2s,transform .2s;box-shadow:inset 0 1.5px 1px #ffffff8c,inset 0 4px 12px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -7px 14px #00000029;&:hover{color:#f6e27af2;transform:scale(1.04)}}}}.card-splay{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splay-card{filter:brightness(.45)saturate(.85);opacity:0;transform-origin:bottom;will-change:transform;transform:rotate(calc(var(--t,0) * var(--splay-spread,0) * 1deg)) translateY(calc((1 + var(--t,0) * var(--t,0)) * var(--splay-lift,0%)));background:#0d0d1a;border-radius:8px;margin:auto;transition:transform .35s,filter .35s,opacity .35s;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 18px #00000073}.practitioner-view-vertical{flex-direction:column;align-items:center;width:100%;height:100dvh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .content{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding-top:5vh;animation:.55s ease-out forwards fade-in;display:flex;& .click-to-view{color:#fff;letter-spacing:.06em;opacity:.7;margin:0 0 2vh;font-family:Caudex,serif;font-size:clamp(14px,2vh,20px);font-weight:700;animation:3s ease-in-out infinite white-pulsating-glow}& .card-carousel-region{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}& .carousel-viewport{touch-action:pan-y;justify-content:center;align-items:center;width:100%;display:flex;position:relative}& .carousel-track{flex-direction:row;justify-content:center;align-items:center;gap:4vw;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex}& .card-option{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:1.2vh;transition:transform .35s,opacity .35s;display:flex;&.active{opacity:1;transform:scale(1);& .card-preview-wrap{--splay-spread:7;--splay-lift:-4%}& .splay-card{opacity:1;filter:brightness(.6)saturate(.9)}}&.inactive{opacity:.45;transform:scale(.82)}& .card-label{color:#fff;letter-spacing:.03em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c,#f6e27a) 0 0/300% 100% text;margin:0;font-family:Caudex,serif;font-size:clamp(16px,2.2vh,22px);font-weight:700;animation:6s linear infinite gold-wave}& .card-preview-wrap{display:inline-block;position:relative;& .card-preview{z-index:10;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000080;& .card-overlay-label{-webkit-backdrop-filter:blur(30px)saturate(190%);z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;justify-content:center;align-items:center;height:clamp(30px,4vh,44px);display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1.5px 1px #ffffff8c,inset 0 4px 12px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -7px 14px #00000029;& span{color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px #000000b3;font-family:Caudex,serif;font-size:clamp(13px,1.8vh,18px);font-weight:700}}&.needs-data{animation:2.4s ease-in-out infinite white-border-pulsating-glow}}}& .edit-link{color:#fff9;letter-spacing:.03em;cursor:pointer;background:0 0;border:none;margin:0;padding:.4vh 1vh;font-family:Caudex,serif;font-size:clamp(12px,1.6vh,17px);font-weight:700;transition:color .2s;&:hover{color:#f6e27ae6}}}& .carousel-dots{flex-direction:row;gap:1.4vw;margin-top:2vh;display:flex;& .dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:clamp(8px,1.2vh,12px);height:clamp(8px,1.2vh,12px);padding:0;transition:background .3s,transform .3s;&.active{background:#f6e27acc;transform:scale(1.25)}}}& .carousel-nav-row{margin-top:2vh;margin-bottom:max(2vh, env(safe-area-inset-bottom));gap:6vw;display:flex;& .nav-arrow{color:#fff;cursor:pointer;letter-spacing:.03em;background:#ffffff0f;border:1.5px solid #ffffff80;border-radius:999px;padding:.8vh 3vh;font-family:Caudex,serif;font-size:clamp(14px,1.8vh,19px);font-weight:700}}}}}.practitioners-overlay{z-index:10;justify-content:center;align-items:safe center;padding-top:4vh;padding-bottom:38vh;display:flex;position:fixed;inset:0}.practitioners-backdrop{z-index:1;background:0 0;position:absolute;inset:0}.practitioners-panel{z-index:2;-webkit-backdrop-filter:blur(30px)saturate(190%);background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;border-radius:22px;flex-direction:column;width:82%;max-height:92vh;padding:3.5vh 5vw 2.5vh;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000080,inset 0 1.5px 1px #ffffff8c,inset 0 8px 22px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -14px 26px #00000029}.practitioners-header{flex-direction:column;align-items:center;display:flex}.practitioners-title{color:#ffffffeb;letter-spacing:.04em;margin-bottom:1.5vh;font-family:CloisterBlack,serif;font-size:3vh}.practitioners-divider{background:linear-gradient(90deg,#0000 0%,#ffffff73 20% 80%,#0000 100%);width:100%;height:1px}.practitioners-body{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:0;margin-top:1.5vh;padding-right:1vw;display:flex;overflow-y:auto}.practitioners-body::-webkit-scrollbar{width:3px}.practitioners-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.practitioners-body::-webkit-scrollbar-track{background:0 0}.practitioner-row{flex-direction:column;align-items:center;padding:1.8vh 0;display:flex}.practitioner-row-divider{background:linear-gradient(90deg,#0000 0%,#3c3c3c99 25% 75%,#0000 100%);width:55%;height:1px;margin-top:1.8vh}.practitioner-row:last-child .practitioner-row-divider{display:none}.practitioner-label{color:#ffffffd1;letter-spacing:.02em;font-family:Caudex,serif;font-size:2.2vh}.practitioners-empty{color:#fff6;text-align:center;margin-top:5vh;font-family:Caudex,serif;font-size:2vh}.practitioners-close{color:#ffffff8c;align-self:center;margin-top:2.5vh;font-family:CloisterBlack,serif;font-size:2.4vh;transition:color .2s}.practitioners-close:hover{color:#ffffffd9}.practitioners-top-bar{justify-content:space-between;align-items:center;margin-bottom:1vh;display:flex}.practitioners-back{color:#fff9;font-size:2.8vh;transition:color .2s}.practitioners-back:hover{color:#ffffffe6}.practitioners-bin{color:#ffffff73;filter:grayscale()brightness(.7);font-size:2.4vh;transition:color .2s}.practitioners-bin:hover{color:#ff5050cc;filter:none}.confirm-backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.confirm-dialog{z-index:21;background:#121216f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;width:72%;max-width:340px;padding:3.5vh 5vw 2.5vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-title{color:#ffffffe6;text-align:center;margin-bottom:1.5vh;font-family:CloisterBlack,serif;font-size:2.6vh}.confirm-divider{background:linear-gradient(90deg,#0000 0%,#fff6 20% 80%,#0000 100%);width:80%;height:1px;margin-bottom:1.5vh}.confirm-message{color:#ffffff8c;text-align:center;margin-bottom:2.5vh;font-family:Caudex,serif;font-size:1.8vh;line-height:1.5}.confirm-actions{gap:6vw;display:flex}.confirm-yes,.confirm-no{color:#fff9;font-family:CloisterBlack,serif;font-size:2.4vh;transition:color .2s}.confirm-yes:hover{color:#ff5050e6}.confirm-no:hover{color:#ffffffe6}.practitioners-list-horizontal .practitioners-overlay{z-index:10;justify-content:center;align-items:safe center;padding-top:4vh;padding-bottom:38vh;display:flex;position:fixed;inset:0}.practitioners-list-horizontal .practitioners-backdrop{z-index:1;background:0 0;position:absolute;inset:0}.practitioners-list-horizontal .practitioners-panel{z-index:2;-webkit-backdrop-filter:blur(30px)saturate(190%);background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;border-radius:22px;flex-direction:column;width:52%;max-width:620px;max-height:92vh;padding:4vh 3.2vw 3vh;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000080,inset 0 1.5px 1px #ffffff8c,inset 0 8px 22px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -14px 26px #00000029}.practitioners-list-horizontal .practitioners-header{flex-direction:column;align-items:center;display:flex}.practitioners-list-horizontal .practitioners-title{color:#ffffffeb;letter-spacing:.04em;margin-bottom:2.1vh;font-family:CloisterBlack,serif;font-size:4.3vh}.practitioners-list-horizontal .practitioners-divider{background:linear-gradient(90deg,#0000 0%,#ffffff73 20% 80%,#0000 100%);width:100%;height:1px}.practitioners-list-horizontal .practitioners-body{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:0;margin-top:1.7vh;padding-right:.8vw;display:flex;overflow-y:auto}.practitioners-list-horizontal .practitioners-body::-webkit-scrollbar{width:3px}.practitioners-list-horizontal .practitioners-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.practitioners-list-horizontal .practitioners-body::-webkit-scrollbar-track{background:0 0}.practitioners-list-horizontal .practitioner-row{flex-direction:column;align-items:center;padding:2.5vh 0;display:flex}.practitioners-list-horizontal .practitioner-row-divider{background:linear-gradient(90deg,#0000 0%,#3c3c3c99 25% 75%,#0000 100%);width:55%;height:1px;margin-top:2.5vh}.practitioners-list-horizontal .practitioner-row:last-child .practitioner-row-divider{display:none}.practitioners-list-horizontal .practitioner-label{color:#ffffffd1;letter-spacing:.02em;font-family:Caudex,serif;font-size:3.1vh}.practitioners-list-horizontal .practitioners-empty{color:#fff6;text-align:center;margin-top:5vh;font-family:Caudex,serif;font-size:2.9vh}.practitioners-list-horizontal .practitioners-close{color:#ffffff8c;align-self:center;margin-top:3.5vh;font-family:CloisterBlack,serif;font-size:3.4vh;transition:color .2s}.practitioners-list-horizontal .practitioners-close:hover{color:#ffffffd9}.practitioners-list-horizontal .practitioners-top-bar{justify-content:space-between;align-items:center;margin-bottom:1.2vh;display:flex}.practitioners-list-horizontal .practitioners-back{color:#fff9;font-size:3.9vh;transition:color .2s}.practitioners-list-horizontal .practitioners-back:hover{color:#ffffffe6}.practitioners-list-horizontal .practitioners-bin{color:#ffffff73;filter:grayscale()brightness(.7);font-size:3.4vh;transition:color .2s}.practitioners-list-horizontal .practitioners-bin:hover{color:#ff5050cc;filter:none}.practitioners-list-horizontal .confirm-backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.practitioners-list-horizontal .confirm-dialog{z-index:21;background:#121216f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;width:52%;max-width:380px;padding:4vh 3.2vw 3vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.practitioners-list-horizontal .confirm-title{color:#ffffffe6;text-align:center;margin-bottom:2.1vh;font-family:CloisterBlack,serif;font-size:3.6vh}.practitioners-list-horizontal .confirm-divider{background:linear-gradient(90deg,#0000 0%,#fff6 20% 80%,#0000 100%);width:80%;height:1px;margin-bottom:1.7vh}.practitioners-list-horizontal .confirm-message{color:#ffffff8c;text-align:center;margin-bottom:3.5vh;font-family:Caudex,serif;font-size:2.5vh;line-height:1.5}.practitioners-list-horizontal .confirm-actions{gap:9vh;display:flex}.practitioners-list-horizontal .confirm-yes,.practitioners-list-horizontal .confirm-no{color:#fff9;font-family:CloisterBlack,serif;font-size:3.4vh;transition:color .2s}.practitioners-list-horizontal .confirm-yes:hover{color:#ff5050e6}.practitioners-list-horizontal .confirm-no:hover{color:#ffffffe6}.la-header{justify-content:space-between;align-items:center;gap:10px;padding:0 clamp(12px,4vw,28px);display:flex}.la-title{letter-spacing:.02em;color:#d9b34a;text-shadow:0 0 18px #d9b34a66;white-space:nowrap;margin:0;font-size:clamp(22px,4.2vh,36px)}.la-icon-toggle{color:#e8ecf2;-webkit-backdrop-filter:blur(10px)saturate(150%);white-space:nowrap;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 100%),#080e228c;border:1px solid #d9b34a80;border-radius:999px;padding:6px 12px;font-family:Caudex,serif;font-size:clamp(10px,1.6vh,13px);font-weight:700}.la-chart-holder{margin-top:4px;padding:0 clamp(10px,3vw,24px);position:relative}.la-scroll{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:white #ffffff1f;flex:1;min-height:0;margin-right:8px;padding:4px clamp(12px,4vw,28px) 18px;overflow:hidden auto}.la-scroll::-webkit-scrollbar{width:2px}.la-scroll::-webkit-scrollbar-thumb{background:#fff;border-radius:2px}.la-scroll::-webkit-scrollbar-track{background:#ffffff1f}.la-loading{color:#9da4ad;text-align:center;margin-top:24px;font-family:Caudex,serif;font-style:italic;animation:2.2s ease-in-out infinite white-pulsating-glow}.lar-report{flex-direction:column;gap:6px;display:flex}.lar-legend{color:#78808a;text-align:center;margin-bottom:2px;font-family:Caudex,serif;font-size:clamp(9px,1.4vh,12px)}.lar-heading{letter-spacing:.08em;color:#d9b34a;text-shadow:0 0 10px #d9b34a59;margin:10px 0 2px;font-family:Caudex,serif;font-size:clamp(13px,2.1vh,18px);font-weight:700}.lar-empty{color:#9da4ad;font-family:Caudex,serif;font-size:clamp(11px,1.7vh,14px);font-style:italic}.lar-row{-webkit-backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 100%),#080e228c;border-radius:12px;flex-direction:column;gap:2px;padding:6px 10px;display:flex;box-shadow:0 6px 18px #0006,inset 0 1px 1px #ffffff4d,inset 0 -10px 18px #00000024}.lar-row.live{border:1px solid #d9b34aa6;box-shadow:0 6px 18px #0006,0 0 14px #d9b34a38,inset 0 1px 1px #ffffff59,inset 0 -10px 18px #00000024}.lar-row-main{align-items:center;gap:10px;min-width:0;display:flex}.lar-glyphs{color:#d9b34a;text-shadow:0 1px 6px #0009;flex-shrink:0;align-items:center;gap:3px;font-size:clamp(16px,2.5vh,21px);display:flex}.lar-glyph-sep{color:#9da4ad;font-size:.7em}.lar-sentence{color:#e8ecf2;flex:1;min-width:0;font-family:Caudex,serif;font-size:clamp(12px,1.9vh,16px);font-weight:700;line-height:1.15}.lar-span{justify-content:flex-end;gap:16px;padding-right:2px;display:flex}.lar-span-entry{flex-direction:column;align-items:flex-end;gap:1px;min-width:0;display:flex}.lar-span-label{color:#9da4ad;white-space:nowrap;font-family:Caudex,serif;font-size:clamp(9px,1.3vh,11px);line-height:1.2}.lar-span-date{color:#c8cfd8;white-space:nowrap;font-family:Caudex,serif;font-size:clamp(9px,1.3vh,11px);line-height:1.2}.lar-span-time{color:#78808a;white-space:nowrap;font-family:Caudex,serif;font-size:clamp(9px,1.3vh,11px);line-height:1.2}.lar-live-tag{letter-spacing:.16em;color:#0b0e18;background:#d9b34a;border-radius:6px;flex-shrink:0;padding:2px 7px;font-family:Caudex,serif;font-size:clamp(9px,1.3vh,11px);font-weight:700;box-shadow:0 0 10px #d9b34a80}.lar-retro-tag{color:#7aa2e6;text-shadow:0 0 8px #7aa2e680;flex-shrink:0;font-size:clamp(12px,1.8vh,15px)}.live-astrology-vertical{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.live-astrology-vertical .live-astro-timeline{height:clamp(250px,29vh,320px)}.live-astro-timeline{--lat-node-size:clamp(30px, 4.6vh, 44px);--lat-drift:1s linear;-webkit-backdrop-filter:blur(14px)saturate(160%);background:radial-gradient(120% 90% at 78% 8%,#d9b34a14 0%,#d9b34a00 55%),linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%),#080e228c;border-radius:16px;width:100%;height:clamp(240px,26vh,300px);position:relative;overflow:hidden;box-shadow:0 6px 18px #0006,inset 0 1px 1px #ffffff40,inset 0 -10px 18px #00000024}.live-astro-timeline.settling{--lat-drift:.25s ease-out}.lat-chart{position:absolute;inset:0}.lat-band{z-index:0;transition:transform var(--lat-drift), width var(--lat-drift);background:linear-gradient(#d9b34a29 0%,#d9b34a0a 100%);position:absolute;top:0;bottom:0;left:0}.lat-band-line{z-index:1;width:1px;transition:transform var(--lat-drift);position:absolute;top:0;bottom:0;left:0}.lat-band-edge{background:#d9b34ab3;box-shadow:0 0 6px #d9b34a80}.lat-now-line{background:linear-gradient(#d9b34a00 0%,#d9b34ad9 12% 88%,#d9b34a00 100%);width:2px;margin-left:-1px}.lat-now-label{z-index:2;text-align:center;letter-spacing:.22em;color:#d9b34a;text-shadow:0 0 8px #d9b34a99;width:40px;transition:transform var(--lat-drift);margin-left:-20px;font-family:Caudex,serif;font-size:clamp(9px,1.3vh,11px);font-weight:700;position:absolute;bottom:10px;left:0}.lat-day-line{z-index:0;width:1px;transition:transform var(--lat-drift);background:#ffffff1a;position:absolute;top:0;bottom:0;left:0}.lat-day-label{z-index:2;text-align:center;white-space:nowrap;letter-spacing:.06em;color:#9da4ad;text-shadow:0 1px 4px #000000b3;width:60px;transition:transform var(--lat-drift);margin-left:-30px;font-family:Caudex,serif;font-size:clamp(8px,1.2vh,10px);position:absolute;bottom:7px;left:0}.lat-track{z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff38 6% 94%,#0000 100%);height:1px;position:absolute;left:0;right:0}.lat-leader{z-index:1;width:1px;transition:transform var(--lat-drift);background:linear-gradient(#ffffff0d 0%,#ffffff4d 100%);position:absolute;left:0}.lat-node{bottom:40px;left:calc(var(--lat-node-size) / -2);margin-bottom:calc(var(--lat-node-size) / -2);width:var(--lat-node-size);height:var(--lat-node-size);z-index:3;transition:transform var(--lat-drift), bottom .4s ease;will-change:transform;background:linear-gradient(135deg,#ffffff24 0%,#ffffff0a 100%),#0a1024bf;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 12px #00000073,inset 0 1px 1px #ffffff59}.lat-node.live{border:1px solid #ffffffd9;animation:2.4s ease-in-out infinite white-border-pulsating-glow}.lat-node-glyph{color:#e8ecf2;text-shadow:0 1px 6px #000000a6;line-height:1}.live-astro-timeline.mode-planet .lat-node-glyph.planet{font-size:calc(var(--lat-node-size) * .5)}.live-astro-timeline.mode-zodiac .lat-node-glyph.zodiac{font-size:calc(var(--lat-node-size) * .4);color:#d9b34a;text-shadow:0 0 10px #d9b34a8c}.live-astro-timeline.mode-super .lat-node-glyph.planet{font-size:calc(var(--lat-node-size) * .46)}.live-astro-timeline.mode-super .lat-node-glyph.overlay{right:calc(var(--lat-node-size) * .02);bottom:calc(var(--lat-node-size) * .04);font-size:calc(var(--lat-node-size) * .34);color:#d9b34af2;text-shadow:0 0 2px #080e22,0 0 8px #d9b34a99;position:absolute}.lat-badge{color:#0b0e18;background:#d9b34aeb;border-radius:6px;padding:1px 4px;font-family:Caudex,serif;font-size:clamp(8px,1.2vh,10px);font-weight:700;line-height:1.1;position:absolute;top:-5px;right:-7px;box-shadow:0 1px 4px #00000080}.lat-label{z-index:4;text-align:center;white-space:nowrap;color:#c8cfd8;text-shadow:0 1px 4px #000000b3;width:104px;transition:transform var(--lat-drift);margin-left:-52px;font-family:Caudex,serif;font-size:clamp(9px,1.4vh,12px);position:absolute;left:0}.live-astrology-horizontal{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.live-astrology-horizontal .la-header{padding:0 clamp(24px,6vw,60px)}.live-astrology-horizontal .la-chart-holder{padding:0 clamp(18px,5vw,60px)}.live-astrology-horizontal .la-scroll{padding:4px clamp(24px,6vw,60px) 14px}.live-astrology-horizontal .lar-report{width:100%;max-width:1100px;margin:0 auto}.live-astrology-horizontal .live-astro-timeline{--lat-node-size:clamp(28px, 6.5vh, 36px);height:clamp(225px,46vh,270px)}.astrological-houses-vertical{flex-direction:column;align-items:center;width:100%;height:100dvh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .content{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding-top:2vh;animation:.55s ease-out forwards fade-in;display:flex;& .house-name{color:#fff;letter-spacing:.04em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c,#f6e27a) 0 0/300% 100% text;max-width:90%;margin:0 0 1vh;font-family:Caudex,serif;font-size:clamp(18px,2.6vh,26px);font-weight:700;animation:.45s ease-out forwards fade-in,6s linear infinite gold-wave}& .houses-carousel-region{touch-action:pan-y;flex-direction:row;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}& .houses-carousel-viewport{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}& .houses-track{flex-direction:row;justify-content:center;align-items:center;gap:4vw;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex}& .house-card{cursor:pointer;border-radius:8px;flex-shrink:0;transition:transform .35s,opacity .35s,filter .35s;overflow:hidden;box-shadow:0 4px 24px #00000080;&.active{opacity:1;filter:brightness();transform:scale(1)}&.inactive{opacity:.45;filter:brightness(.85);transform:scale(.82)}}& .house-arrow{z-index:20;cursor:pointer;background:0 0;border:none;padding:1vh 1vw;position:absolute;top:50%;transform:translateY(-50%);& img{opacity:.85;width:8vh;height:4vh;transform:rotate(-5deg)}&.house-arrow-left{left:0;& img{transform:rotate(185deg)}}&.house-arrow-right{right:0;& img{margin-right:-12px}}}& .house-info{flex-direction:column;align-items:center;gap:1.2vh;width:min(92%,560px);margin:1.4vh 0 0;animation:.55s ease-out forwards fade-in;display:flex;& .house-description{color:#ffffffd9;letter-spacing:.02em;text-shadow:0 2px 8px #000000b3;max-width:100%;margin:0;font-family:Caudex,serif;font-size:clamp(12px,1.8vh,17px);line-height:1.45}}& .house-notice{color:#ffffffd9;letter-spacing:.03em;text-shadow:0 2px 8px #000000b3;max-width:80%;margin:auto;font-family:Caudex,serif;font-size:clamp(15px,2.2vh,20px);line-height:1.5;animation:.55s ease-out forwards fade-in}& .house-retry{color:#f6e27a;letter-spacing:.06em;cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84ccc;border-radius:999px;margin-top:2vh;padding:1vh 5vw;font-family:Caudex,serif;font-size:clamp(13px,1.9vh,16px)}}}}.correspondence-grid{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.corr-chip{--corr-accent:#c8cfd8;-webkit-backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 100%),#080e228c;border-radius:12px;flex-direction:column;flex:72px;align-items:center;gap:2px;min-width:64px;max-width:120px;padding:9px 6px;display:flex;box-shadow:0 6px 18px #0006,inset 0 1px 1px #ffffff59,inset 0 -10px 18px #00000024}.corr-glyph{color:var(--corr-accent);text-shadow:0 1px 6px #0000008c;font-size:clamp(20px,3.4vh,30px);line-height:1}.corr-text{text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex}.corr-label{color:#e8ecf2;font-family:Caudex,serif;font-size:clamp(10px,1.5vh,13px);font-weight:700;line-height:1.1}.corr-sublabel{color:#9da4ad;letter-spacing:.2px;font-size:clamp(8px,1.2vh,10.5px);line-height:1.05}.house-number-strip{width:100%;padding:.6vh 2vw max(1.2vh, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;align-items:center;gap:clamp(2px,.6vw,8px);display:flex;& .house-number-cell{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.5vh;max-width:7.5vw;padding:.6vh 0;transition:background .25s;display:flex;& .house-number-glyph{font-variant-numeric:tabular-nums;color:#ffffff73;font-family:Caudex,serif;font-size:clamp(13px,2.1vh,19px);font-weight:700;line-height:1;transition:color .25s,text-shadow .25s,transform .25s}&:after{content:"";background:#f6e27ae6;border-radius:2px;width:0;height:2px;transition:width .25s;box-shadow:0 0 8px #f5e6b899}&.selected{background:#ffffff0d;& .house-number-glyph{color:#f5e6b8;text-shadow:0 0 12px #f5e6b899;transform:scale(1.15)}&:after{width:min(60%,22px)}}&:hover:not(.selected) .house-number-glyph{color:#ffffffbf}}}.astrological-houses-horizontal{flex-direction:column;align-items:center;width:100%;height:100dvh;display:flex;& .top-wrapper{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;& .content{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding-top:1vh;animation:.55s ease-out forwards fade-in;display:flex;& .house-name{color:#fff;letter-spacing:.04em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c,#f6e27a) 0 0/300% 100% text;max-width:80%;margin:0 0 .8vh;font-family:Caudex,serif;font-size:clamp(18px,3vh,28px);font-weight:700;animation:.45s ease-out forwards fade-in,6s linear infinite gold-wave}& .houses-main-row{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:3vw;width:100%;min-height:0;padding-inline:2vw;display:flex}& .houses-carousel-region{touch-action:pan-y;flex-direction:row;flex:0 auto;justify-content:center;align-items:center;max-width:55%;height:100%;display:flex;position:relative;overflow:hidden}& .houses-carousel-viewport{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}& .houses-track{flex-direction:row;justify-content:center;align-items:center;gap:3vw;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex}& .house-card{cursor:pointer;border-radius:8px;flex-shrink:0;transition:transform .35s,opacity .35s,filter .35s;overflow:hidden;box-shadow:0 4px 24px #00000080;&.active{opacity:1;filter:brightness();transform:scale(1)}&.inactive{opacity:.45;filter:brightness(.85);transform:scale(.82)}}& .house-arrow{z-index:20;cursor:pointer;background:0 0;border:none;padding:1vh .8vw;position:absolute;top:50%;transform:translateY(-50%);& img{opacity:.85;width:9vh;height:4.5vh;transform:rotate(-5deg)}&.house-arrow-left{left:0;& img{transform:rotate(185deg)}}&.house-arrow-right{right:0;& img{margin-right:-12px}}}& .house-info{flex-direction:column;align-items:center;gap:1.2vh;width:min(38vw,480px);animation:.55s ease-out forwards fade-in;display:flex;& .house-description{color:#ffffffd9;letter-spacing:.02em;text-shadow:0 2px 8px #000000b3;max-width:100%;margin:0;font-family:Caudex,serif;font-size:clamp(12px,2vh,17px);line-height:1.45}}& .house-notice{color:#ffffffd9;letter-spacing:.03em;text-shadow:0 2px 8px #000000b3;max-width:70%;margin:auto;font-family:Caudex,serif;font-size:clamp(15px,2.4vh,21px);line-height:1.5;animation:.55s ease-out forwards fade-in}& .house-retry{color:#f6e27a;letter-spacing:.06em;cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84ccc;border-radius:999px;margin-top:2vh;padding:1vh 4vw;font-family:Caudex,serif;font-size:clamp(13px,2vh,16px)}}}}.inspect-vertical{flex-direction:column;width:100%;height:100dvh;font-family:Caudex,serif;display:flex;position:relative;overflow:hidden}.inspect-vertical .inspect-top-bar{z-index:2;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.inspect-vertical .back-button{cursor:pointer;background:0 0;border:none;padding:4px}.inspect-vertical .back-button img{opacity:.9;width:30px;height:auto;transform:rotate(189deg)}.inspect-vertical .home-link{cursor:pointer;color:#c8cfd8;opacity:.8;background:0 0;border:none;font-family:Caudex,serif;font-size:14px}.inspect-vertical .home-link:hover{opacity:1}.inspect-vertical .portrait-region{flex:0 auto;justify-content:center;align-items:center;gap:2px;min-height:0;padding:0 8px;display:flex;overflow:hidden}.inspect-vertical .portrait-slot{flex:auto;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.inspect-vertical .prev-card-button,.inspect-vertical .next-card-button{cursor:pointer;opacity:.9;background:0 0;border:none;flex:none;padding:12px 4px;transition:transform .15s,opacity .15s}.inspect-vertical .prev-card-button:active,.inspect-vertical .next-card-button:active{opacity:1;transform:scale(.88)}.inspect-vertical .prev-card-button img,.inspect-vertical .next-card-button img{width:clamp(24px,4vh,38px);height:auto;display:block}.inspect-vertical .prev-card-button img{transform:rotate(189deg)}.inspect-vertical .portrait-card{cursor:zoom-in;background:0 0;border:none;border-radius:10px;padding:0;transition:transform .25s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 16px 40px #0009}.inspect-vertical .portrait-card:active{transform:scale(.98)}.inspect-vertical .portrait-card img{display:block}.inspect-vertical .correspondences-region{flex:none;padding:10px 12px 4px}.inspect-vertical .description-region{flex-direction:column;flex:auto;min-height:0;padding:4px 14px 18px;display:flex}.inspect-vertical .inspect-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c) 0 0/200% text;margin:4px 0 8px;font-size:clamp(17px,2.6vh,24px);font-weight:700;animation:6s linear infinite gold-wave}.inspect-vertical .description-scroll{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(20px)saturate(170%);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 100%),#080e2285;border-radius:16px;flex:auto;padding:14px 16px;overflow:hidden auto;box-shadow:0 10px 30px #00000073,inset 0 1px 1px #ffffff4d,inset 0 -10px 18px #00000024}.inspect-vertical .description-body{color:#d2d7de;white-space:pre-wrap;margin:0;font-size:clamp(13px,1.9vh,17px);line-height:1.55}.inspect-vertical .fullscreen-overlay{z-index:100;cursor:zoom-out;background:#000000db;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.inspect-vertical .fullscreen-card{border-radius:8px;width:min(72vh,92vw);height:calc(1.5*min(72vh,92vw));max-height:94vh;overflow:hidden;box-shadow:0 24px 60px #000c}.inspect-horizontal{flex-direction:column;width:100%;height:100dvh;font-family:Caudex,serif;display:flex;position:relative;overflow:hidden}.inspect-horizontal .inspect-top-bar{z-index:2;justify-content:space-between;align-items:center;padding:8px 18px;display:flex}.inspect-horizontal .back-button{cursor:pointer;background:0 0;border:none;padding:4px}.inspect-horizontal .back-button img{opacity:.9;width:28px;height:auto;transform:rotate(189deg)}.inspect-horizontal .home-link{cursor:pointer;color:#c8cfd8;opacity:.8;background:0 0;border:none;font-family:Caudex,serif;font-size:14px}.inspect-horizontal .home-link:hover{opacity:1}.inspect-horizontal .content{flex:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,48px);min-height:0;padding:0 clamp(24px,4vw,64px) 18px;display:grid}.inspect-horizontal .portrait-column{justify-content:center;align-items:center;gap:clamp(6px,1.2vw,18px);display:flex}.inspect-horizontal .portrait-slot{justify-content:center;align-items:center;display:flex}.inspect-horizontal .prev-card-button,.inspect-horizontal .next-card-button{cursor:pointer;opacity:.9;background:0 0;border:none;flex:none;padding:12px 4px;transition:transform .15s,opacity .15s}.inspect-horizontal .prev-card-button:active,.inspect-horizontal .next-card-button:active{opacity:1;transform:scale(.88)}.inspect-horizontal .prev-card-button img,.inspect-horizontal .next-card-button img{width:clamp(26px,4.5vh,42px);height:auto;display:block}.inspect-horizontal .prev-card-button img{transform:rotate(189deg)}.inspect-horizontal .portrait-card{cursor:zoom-in;background:0 0;border:none;border-radius:10px;padding:0;transition:transform .25s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 16px 40px #0009}.inspect-horizontal .portrait-card:active{transform:scale(.98)}.inspect-horizontal .portrait-card img{display:block}.inspect-horizontal .info-column{flex-direction:column;gap:12px;min-height:0;max-height:100%;display:flex}.inspect-horizontal .inspect-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c9a84c,#f6e27a,#c9a84c) 0 0/200% text;margin:0;font-size:clamp(18px,2.8vh,30px);font-weight:700;animation:6s linear infinite gold-wave}.inspect-horizontal .correspondences-region{flex:none}.inspect-horizontal .description-scroll{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(30px)saturate(190%);background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 38%,#ffffff12 100%),#080e2294;border-radius:18px;flex:auto;padding:16px 20px;overflow:hidden auto;box-shadow:0 12px 36px #00000080,inset 0 1.5px 1px #ffffff8c,inset 0 8px 22px #ffffff14,inset 0 -1px 1px #ffffff24,inset 0 -14px 26px #00000029}.inspect-horizontal .description-body{color:#d2d7de;white-space:pre-wrap;margin:0;font-size:clamp(13px,1.9vh,17px);line-height:1.55}.inspect-horizontal .fullscreen-overlay{z-index:100;cursor:zoom-out;background:#000000db;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.inspect-horizontal .fullscreen-card{border-radius:8px;width:min(82vh,60vw);height:calc(1.5*min(82vh,60vw));max-height:94vh;overflow:hidden;box-shadow:0 24px 60px #000c}
/*# sourceMappingURL=app.9b498f47.css.map */