/* Four floating birth seals. Color indicates element, never a strength score. */
.bz-experience{container-type:inline-size;--bz-tint:232,199,143}
.bz-observatory{position:relative;isolation:isolate;border:1px solid #b0a1c53d;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 62% 22%,#73509c20,transparent 48%),linear-gradient(135deg,#141b2bf7,#090f1ff7);box-shadow:0 24px 65px #0205124a,inset 0 1px 0 #e8e0ff0c}
.bz-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:27px 30px 0;position:relative;z-index:1}
.bz-heading>div>span{font-size:11px;letter-spacing:3px;color:#c2aed6}.bz-heading h2{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:27px;letter-spacing:2px;line-height:1.5;font-weight:400;margin:9px 0 0;color:#e9ddcd}
.bz-complete{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;letter-spacing:1px;color:#dbc39d;white-space:nowrap}.bz-complete i{width:5px;height:5px;background:#e3c18b;border-radius:50%;box-shadow:0 0 12px #e8c693}.bz-complete small{color:#978ea8;font-size:10px;letter-spacing:0}
.bz-stage{position:relative;padding:26px 23px 0;isolation:isolate;background:radial-gradient(ellipse at 50% 78%,#b79bcb0c,transparent 65%)}
.bz-stardust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.bz-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:900px;margin:auto}
.bz-pillar{position:relative;min-width:0;color:#bcadd4;text-align:center;isolation:isolate}.bz-pillar>header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:7px;row-gap:4px;margin:0 0 20px}.bz-pillar>header>span{font-family:Georgia,serif;font-size:12px;color:#8e809c}.bz-pillar h3{font-size:14px;letter-spacing:2px;font-weight:400;color:#c8bdd8;margin:0}.bz-pillar>header>small{flex-basis:100%;font-size:10px;color:#8b849d;letter-spacing:1px}.bz-pillar-self h3{color:#f1d09a}.bz-pillar-self>header>span{color:#c6aa7b}
.bz-seal{position:relative;max-width:164px;margin:0 auto;filter:drop-shadow(0 14px 15px #0006);transform:translateY(0);animation:bz-float 7s ease-in-out infinite;animation-delay:calc(var(--bz-order)*-1.6s);transition:filter .3s}
.bz-seal:before{content:"";position:absolute;inset:1px;clip-path:polygon(14% 0,86% 0,100% 8%,100% 92%,86% 100%,14% 100%,0 92%,0 8%);background:linear-gradient(107deg,#d7c5eb0c 1%,transparent 23%,#afa0d005 67%,#060e20aa),radial-gradient(ellipse at 50% 35%,#9b7fc419,transparent 70%);pointer-events:none}
.bz-seal-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bz-seal-content{padding:23px 12px 21px;position:relative;min-height:288px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.bz-pillar-self{color:#dbc193}.bz-pillar-self .bz-seal{filter:drop-shadow(0 0 18px #dbbb8521) drop-shadow(0 14px 15px #0006)}.bz-pillar-self .bz-seal:before{background:linear-gradient(112deg,#e7c99912,transparent 30%,#e1bb7205 73%,#080e1f99),radial-gradient(ellipse at 50% 33%,#d2a9671a,transparent 75%)}
.bz-letter{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;min-height:112px;padding:6px 0 5px;border:0;border-radius:50%;background:transparent;color:rgb(var(--bz-tint));font:inherit;cursor:pointer;transition:opacity .25s,filter .25s,transform .25s}
.bz-letter>small{font-size:9px;letter-spacing:3px;color:#9e95ae;z-index:1}.bz-letter>strong{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:49px;font-weight:400;line-height:1.35;color:rgb(var(--bz-tint));text-shadow:0 1px 0 #ffffff33,0 5px 10px #0006,0 0 28px rgba(var(--bz-tint),.13);transition:text-shadow .3s;z-index:1}
.bz-letter-element{display:flex;align-items:center;gap:4px;font-size:10px;letter-spacing:2px;opacity:.7}.bz-letter-element svg{width:12px;height:12px}.bz-letter-ring{position:absolute;inset:5px 2px;border:1px solid transparent;border-radius:50%;transition:border-color .3s,box-shadow .3s;z-index:-1}.bz-letter-ring:before{content:"";position:absolute;inset:-5px;border:1px dashed rgba(var(--bz-tint),.25);border-radius:50%;opacity:0;transition:opacity .3s;animation:bz-rotate 75s linear infinite}.bz-letter-ring:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;top:14%;right:14%;background:currentColor;box-shadow:0 0 10px currentColor;opacity:0}
.bz-letter.selected .bz-letter-ring,.bz-letter.matched .bz-letter-ring{border-color:rgba(var(--bz-tint),.35);background:radial-gradient(ellipse,rgba(var(--bz-tint),.1),transparent 70%);box-shadow:inset 0 0 13px rgba(var(--bz-tint),.045),0 0 21px rgba(var(--bz-tint),.04)}.bz-letter.selected .bz-letter-ring:before,.bz-letter.selected .bz-letter-ring:after,.bz-letter.matched .bz-letter-ring:after{opacity:1}.bz-letter.selected>small,.bz-letter.matched>small{color:rgba(var(--bz-tint),.9)}.bz-letter.selected>strong,.bz-letter.matched>strong{color:#fff0d8;text-shadow:0 0 16px rgba(var(--bz-tint),.5)}.bz-letter.faded{opacity:.38}.bz-master>small{color:#e9c895;letter-spacing:1px}.bz-letter:hover{opacity:1;filter:brightness(1.2);transform:translateY(-2px)}.bz-letter:focus-visible{outline:2px solid rgba(var(--bz-tint),.7);outline-offset:2px}.bz-seal-divider{display:block;font-size:8px;color:#b3a1ce5c;margin:3px 0}
.bz-pedestal{height:63px;position:relative;margin:-1px -4px 0;perspective:300px;pointer-events:none}.bz-pedestal:before{content:"";position:absolute;width:65%;height:47px;left:17.5%;top:1px;background:linear-gradient(transparent,#bba3e411);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%)}.bz-pedestal i{position:absolute;width:87%;height:34px;border:1px solid #b8a4d147;border-radius:50%;top:23px;left:6.5%;box-shadow:0 3px 0 #040a1744,inset 0 1px 12px #b3a1d007}.bz-pedestal i:nth-child(2){width:68%;height:23px;left:16%;top:28px;border-color:#b8a4d129;border-style:dashed}.bz-pedestal>span{position:absolute;font-size:10px;left:50%;top:33px;transform:translateX(-50%);opacity:.55}.bz-pillar-self .bz-pedestal i{border-color:#cbb28477;box-shadow:0 0 20px #dbbc8012}.bz-pillar-self .bz-pedestal:before{background:linear-gradient(transparent,#ddbd8c1b)}
.bz-unknown{min-height:244px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.bz-unknown>span{font-size:60px;font-weight:400;color:#82748e}.bz-unknown strong{font-size:13px;font-weight:400;color:#b1a3c2}.bz-unknown button{font-size:10px;border:0;border-bottom:1px solid #ac93c348;padding:5px;background:transparent;color:#c6afd9;cursor:pointer}.bz-pillar-unknown .bz-seal-art{opacity:.4}.bz-pillar-unknown .bz-pedestal{opacity:.35}
.bz-stage-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 30px 23px;color:#aca2bc;font-size:10px}.bz-stage-foot>span{display:flex;align-items:center;gap:7px}.bz-stage-foot i{width:4px;height:4px;background:#d6ba88;transform:rotate(45deg)}.bz-stage-foot>small{font-size:10px;color:#847d95}
.bz-elements{padding:20px 30px 18px;border-top:1px solid #b9a4d11a;background:#080d1d55}.bz-elements>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bz-elements h3{font-weight:400;font-size:13px;color:#d8ccde;letter-spacing:2px;margin:0}.bz-elements>header>span{font-size:10px;color:#938aa4}.bz-element-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:17px 0 13px}
.bz-element{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:3px 10px;position:relative;min-width:0;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:12px;color:rgb(var(--bz-tint));cursor:pointer;text-align:left;transition:background .3s,border-color .3s}.bz-element:before{content:"";position:absolute;right:-6px;top:13px;bottom:13px;width:1px;background:#a891c21a}.bz-element:last-child:before{display:none}.bz-element-orb{grid-row:span 2;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--bz-tint),.23);background:radial-gradient(circle at 30% 20%,rgba(var(--bz-tint),.15),#0b122388 70%);box-shadow:inset -3px -4px 7px #0004,0 0 13px rgba(var(--bz-tint),.04)}.bz-element-orb svg{width:21px;height:21px}.bz-element-name{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.bz-element-name>small{font-size:14px;color:rgba(var(--bz-tint),.85);font-variant-numeric:tabular-nums}.bz-element-name>small>span{font-size:9px;display:none}.bz-count-dots{display:flex;gap:3px;flex-wrap:wrap}.bz-count-dots i{width:3px;height:3px;background:currentColor;border-radius:50%;opacity:.7}.bz-count-dots i.bz-no-dot{width:7px;height:1px;opacity:.3}.bz-element.selected{border-color:rgba(var(--bz-tint),.4);background:rgba(var(--bz-tint),.055)}.bz-element.selected .bz-element-orb{box-shadow:0 0 17px rgba(var(--bz-tint),.15)}.bz-element:hover{background:rgba(var(--bz-tint),.06)}.bz-element:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bz-element.is-empty:not(.selected){opacity:.45}.bz-elements>p{font-size:10px;color:#8e849e;text-align:right;line-height:1.7;margin:0}
.bz-reading{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:23px;position:relative;margin-top:20px;padding:27px 30px;border:1px solid rgba(var(--bz-tint),.2);border-radius:20px;background:radial-gradient(ellipse at 5% 50%,rgba(var(--bz-tint),.055),transparent 60%),#111829f5;scroll-margin-top:110px}
.bz-reading-emblem{aspect-ratio:1;position:relative;display:grid;place-items:center;color:rgb(var(--bz-tint));isolation:isolate}.bz-reading-emblem>span{display:grid;place-items:center;width:70%;height:70%;border:1px solid rgba(var(--bz-tint),.35);border-radius:50%;background:radial-gradient(circle at 28% 20%,rgba(var(--bz-tint),.18),#0b1325 80%);box-shadow:inset -5px -5px 10px #0005,0 0 30px rgba(var(--bz-tint),.07)}.bz-reading-emblem svg{width:55%;height:55%;filter:drop-shadow(0 0 9px rgba(var(--bz-tint),.3))}.bz-reading-emblem>i{position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(var(--bz-tint),.2);transform:rotate(-25deg) scaleY(.75);animation:bz-rotate 90s linear infinite}.bz-reading-emblem:after{content:"✦";position:absolute;font-size:9px;right:7%;top:25%;text-shadow:0 0 12px currentColor}.bz-reading-content{min-width:0}.bz-reading-content>small{font-size:10px;letter-spacing:1px;color:rgba(var(--bz-tint),.75)}.bz-reading-content h3{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:26px;line-height:1.5;font-weight:400;color:#f0dfc5;margin:9px 0 10px;overflow-wrap:anywhere}.bz-reading-content>p{font-size:14px;line-height:1.9;color:#d4cadd;margin:0}.bz-reading-content>.bz-position-note{font-size:12px;color:#a99dbb;margin-top:10px}.bz-reading-content>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.bz-reading-content>footer>span{font-size:10px;color:#8c8399}.bz-reading .secondary{padding:10px 15px;font-size:11px;border-color:rgba(var(--bz-tint),.3)}.bz-reading .text-btn{font-size:11px}.bz-life{margin-top:15px}.bz-life summary{font-size:11px}.bz-life p{font-size:12px;line-height:1.85}
.bz-locations{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.bz-locations button{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(var(--bz-tint),.2);border-radius:8px;background:rgba(var(--bz-tint),.04);color:rgb(var(--bz-tint));cursor:pointer}.bz-locations strong{font-weight:400;font-size:20px}.bz-locations span{font-size:10px;color:#b7acc7}.bz-locations i{font-style:normal;font-size:13px;margin-left:5px}
@keyframes bz-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bz-rotate{to{transform:rotate(360deg)}}
@container(max-width:640px){.bz-heading{padding:23px 20px 0}.bz-heading h2{font-size:24px}.bz-heading>div>span{font-size:10px;letter-spacing:2px}.bz-complete{font-size:11px;gap:5px}.bz-complete small{display:none}.bz-stage{padding:25px 15px 0}.bz-pillars{gap:12px}.bz-seal-content{padding:21px 6px 18px;min-height:262px}.bz-letter{min-height:101px}.bz-letter>strong{font-size:41px}.bz-letter>small{font-size:9px;letter-spacing:1px}.bz-letter-ring{inset:6px 1px}.bz-letter-element{font-size:9px}.bz-stage-foot{padding:3px 20px 21px}.bz-stage-foot>small{display:none}.bz-elements{padding:19px 20px 16px}.bz-element-options{gap:4px}.bz-element{display:flex;flex-direction:column;gap:7px;padding:10px 5px;text-align:center}.bz-element-name{gap:9px;font-size:13px}.bz-element-name>small{font-size:12px}.bz-element-name>small>span{display:inline}.bz-count-dots{height:4px}.bz-element-orb{height:36px;width:36px}.bz-reading{padding:23px 21px;grid-template-columns:84px minmax(0,1fr);gap:17px}.bz-reading-content h3{font-size:24px}.bz-reading-content>p{font-size:13px}.bz-unknown{min-height:223px}.bz-unknown>span{font-size:44px}}
@container(max-width:430px){.bz-heading{padding:20px 16px 0}.bz-heading h2{font-size:22px;letter-spacing:1px}.bz-heading>div>span{font-size:9px;letter-spacing:1.5px}.bz-complete{font-size:10px}.bz-stage{padding:25px 9px 0}.bz-pillars{gap:7px}.bz-pillar>header{margin-bottom:17px;gap:3px}.bz-pillar h3{font-size:12px;letter-spacing:1px}.bz-pillar>header>small{font-size:9px;letter-spacing:0}.bz-pillar>header>span{display:none}.bz-seal-content{padding:17px 4px 16px;min-height:236px}.bz-letter{min-height:91px;padding:3px 0}.bz-letter>strong{font-size:36px}.bz-letter>small{font-size:8px;letter-spacing:1px}.bz-master>small{letter-spacing:0}.bz-letter-element{font-size:9px;gap:2px}.bz-letter-element svg{width:10px}.bz-letter-ring{inset:2px 1px;border-radius:40%}.bz-letter-ring:before{inset:-3px;border-radius:40%}.bz-seal-divider{font-size:6px}.bz-pedestal{height:53px;margin:-3px 0 0}.bz-pedestal i{height:22px;top:23px}.bz-pedestal i:nth-child(2){height:14px;top:27px}.bz-pedestal>span{top:28px;font-size:8px}.bz-pedestal:before{height:36px}.bz-stage-foot{padding:1px 16px 19px;font-size:9px}.bz-elements{padding:17px 12px 14px}.bz-elements>header{padding:0 3px}.bz-elements h3{font-size:12px;letter-spacing:1px}.bz-elements>header>span{font-size:9px}.bz-element-options{margin-top:13px;gap:2px}.bz-element{padding:9px 2px;border-radius:9px;gap:8px}.bz-element-name{font-size:12px;gap:5px}.bz-element-name>small{font-size:11px}.bz-element-name>small>span{font-size:8px}.bz-elements>p{font-size:9px;text-align:center}.bz-reading{grid-template-columns:1fr;padding:22px 18px;gap:0;overflow:hidden}.bz-reading-emblem{position:absolute;width:100px;right:-13px;top:-18px;opacity:.18;pointer-events:none}.bz-reading-content>small{font-size:10px}.bz-reading-content h3{font-size:23px;position:relative}.bz-reading-content>p{font-size:13px}.bz-reading-content>footer{margin-top:18px}.bz-unknown{min-height:203px;gap:9px}.bz-unknown>span{font-size:36px}.bz-unknown strong{font-size:11px}.bz-unknown button{font-size:9px;padding:5px 0}.bz-reading .secondary{padding:10px 12px}.bz-locations button{gap:6px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.bz-seal,.bz-letter-ring:before,.bz-reading-emblem>i{animation:none}.bz-letter,.bz-letter-ring,.bz-letter>strong,.bz-element{transition:none}.bz-letter:hover{transform:none}}