:root{--void:#060608;--card:#08080ee6;--gold:#c8a96a;--gold-dim:#a08548;--gold-bright:#f0d080;--gold-faint:#c8a96a14;--gold-border:#c8a96a33;--gold-top:#c8a96a61;--jade:#4a9b6f;--rose:#c86890;--info:#5a9acc;--warn:#c8902a;--text:#e8e0d0;--text-soft:#e8e0d0a6;--text-dim:#e8e0d052;--wood-c:#4a9b6f;--fire-c:#c85a1e;--water-c:#2d7fad;--metal-c:#8a9bb0;--earth-c:#8a6a3a;--wind-c:#6aaa80;--thunder-c:#8a50c8;--lightning-c:#b8b030;--font-d:"Cinzel",serif;--font-b:"Cormorant Garamond",serif;--r-md:10px;--r-lg:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--void)}body{color:var(--text);font-family:var(--font-b);-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh}a{color:inherit;text-decoration:none}.shell{z-index:2;width:min(1300px,100% - 2rem);margin:0 auto;position:relative}.ap-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#060608c7;border:.5px solid #ffffff0f;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;width:fit-content;max-width:calc(100% - 2rem);margin:1rem auto 0;padding:.75rem 1rem;display:flex;position:relative}.ap-nav a{font-family:var(--font-d);letter-spacing:.08em;color:var(--text-soft);border:.5px solid #0000;border-radius:999px;padding:.52rem .9rem;font-size:.75rem;transition:all .18s}.ap-nav a.active{color:var(--gold);border-color:var(--gold-border);background:var(--gold-faint)}.elements-page{flex-direction:column;gap:1rem;margin:1rem 0 2.5rem;display:flex}.is-hidden{display:none!important}#qi-particles{display:none}.hero-card{background:var(--card);border:.5px solid var(--gold-border);border-top:1px solid var(--gold-top);border-radius:var(--r-lg);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.3rem 1.5rem;display:flex;position:relative}.hero-card:before,.hero-card:after{content:"";width:14px;height:14px;position:absolute}.hero-card:before{border-top:1px solid #c8a96a47;border-left:1px solid #c8a96a47;top:9px;left:13px}.hero-card:after{border-top:1px solid #c8a96a47;border-right:1px solid #c8a96a47;top:9px;right:13px}.hero-eyebrow{font-family:var(--font-d);letter-spacing:.22em;text-transform:uppercase;color:#c8a96a61;margin-bottom:5px;font-size:8px}#hero-character-name{font-family:var(--font-d);color:var(--gold);letter-spacing:.05em;font-size:1.3rem;display:block}#hero-username{font-family:var(--font-b);color:var(--text-soft);margin-top:2px;font-size:13px;font-style:italic;display:block}.hero-meta-row{flex-wrap:wrap;gap:1.5rem;margin-top:.75rem;display:flex}.hero-meta-item{flex-direction:column;gap:2px;display:flex}.label{font-family:var(--font-d);letter-spacing:.16em;text-transform:uppercase;color:#c8a96a59;font-size:7.5px}.value{font-family:var(--font-d);color:var(--text-soft);font-size:11px}.element-badge-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:.75rem;display:flex}.element-badge-label{font-family:var(--font-d);letter-spacing:.16em;text-transform:uppercase;color:#c8a96a59;font-size:8px}.el-badge{font-family:var(--font-d);letter-spacing:.07em;background:var(--gold-faint);color:var(--gold);border:.5px solid #c8a96a2e;border-radius:4px;align-items:center;gap:5px;padding:4px 11px;font-size:10px;display:flex}.el-badge.empty{opacity:.3}.el-badge-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:5px;height:5px}.chamber{border:.5px solid #8c642d47;border-top:1px solid var(--gold-top);border-radius:var(--r-lg);background:#0e0c09;position:relative;overflow:hidden}.chamber:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(#0000,#0000 44px,#50412d14 44px 45px);position:absolute;inset:0}.chamber-ambient{pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#c8963c0f,#0000 70%);width:100%;max-width:600px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.chamber-inner{z-index:2;position:relative}.chamber-title{font-family:var(--font-d);letter-spacing:.24em;text-transform:uppercase;color:#c8a96a61;text-align:center;padding:1rem 1rem 1.2rem;font-size:8px}.element-hall{z-index:2;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 1.5rem 1.5rem;display:grid;position:relative}.element-card{background:#0a0a0eb8;border:.5px solid #c8a96a2e;border-radius:12px;padding:22px 14px 18px;transition:border-color .35s,background .35s;position:relative;overflow:hidden}.element-constellation{opacity:.38;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.element-card.is-sealed .element-constellation{opacity:.1}.element-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.element-role{font-family:var(--font-d);letter-spacing:.22em;text-transform:uppercase;color:#c8a96a8c;margin-bottom:16px;font-size:9px}.element-card.is-sealed .element-role{color:#c8a96a4d}.element-orb-wrap{width:96px;height:96px;margin:0 auto 14px;position:relative}.element-orb-ring{opacity:1;border:.5px solid #c8a96a59;border-radius:50%;transition:opacity .4s;animation:3.2s ease-in-out infinite orbRingPulse;position:absolute;inset:-8px}.element-card.is-sealed .element-orb-ring{opacity:0}.element-orb-glow{filter:blur(6px);opacity:1;background:radial-gradient(circle,#c8a96a4d 0%,#c8a96a1f 40%,#0000 72%);border-radius:50%;transition:opacity .4s;animation:3.2s ease-in-out infinite orbGlowPulse;position:absolute;inset:-18px}.element-card.is-sealed .element-orb-glow{opacity:0}.element-orb{background:radial-gradient(circle at 35% 30%,#ffdcaa8c 0%,#c8a96a73 40%,#50371438 100%);border-radius:50%;transition:background .4s,box-shadow .4s;position:absolute;inset:0;box-shadow:0 0 22px #c8a96a59,inset 0 -6px 12px #00000073}.element-card.is-sealed .element-orb{background:radial-gradient(circle at 35% 30%,#645a6e38 0%,#3c37462e 60%,#140f1e26 100%);box-shadow:inset 0 -4px 10px #00000080}.element-glyph{color:#fff;font-size:40px;font-family:var(--font-d);-webkit-user-select:none;user-select:none;text-shadow:0 0 12px #0006;justify-content:center;align-items:center;line-height:1;transition:color .4s,text-shadow .4s;display:flex;position:absolute;inset:0}.element-card.is-sealed .element-glyph{color:#c8a96a4d;text-shadow:none}.element-seal-mark{color:#c8a96aa6;background:#1e1e28eb;border:.5px solid #c8a96a61;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:none;position:absolute;top:-2px;right:-2px}.element-card.is-sealed .element-seal-mark{display:flex}.element-name{font-family:var(--font-d);letter-spacing:.04em;color:#e8e0d0f2;margin-bottom:6px;font-size:17px}.element-card.is-sealed .element-name{color:#e8e0d06b}.element-status{font-family:var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:var(--jade);background:#4a9b6f14;border:.5px solid #4a9b6f52;border-radius:999px;margin-bottom:12px;padding:2px 9px;font-size:9px;display:inline-block}.element-card.is-sealed .element-status{color:#c8a96a7a;background:0 0;border-color:#c8a96a2e}.element-rule{background:#c8a96a38;width:100%;height:.5px;margin-bottom:12px}.element-card.is-sealed .element-rule{background:#c8a96a1a}.element-copy{font-family:var(--font-b);color:#e8e0d085;min-height:52px;margin-bottom:10px;font-size:11.5px;font-style:italic;line-height:1.55}.element-card.is-sealed .element-copy{color:#e8e0d052}.element-ledger{flex-direction:column;gap:3px;width:100%;display:flex}.element-ledger-line{font-family:var(--font-d);letter-spacing:.04em;border-bottom:.5px solid #c8a96a0f;justify-content:space-between;align-items:center;padding:2px 0;font-size:9px;display:flex}.element-ledger-line:last-child{border-bottom:none}.element-ledger-line span{color:var(--text-dim)}.element-ledger-line strong{color:var(--gold);font-weight:400}.el-fire.element-card{border-color:#d85a3052}.el-fire .element-orb{background:radial-gradient(circle at 35% 30%,#ffb48c99 0%,#d85a3080 40%,#8c280a38 100%);box-shadow:0 0 24px #d85a3066,inset 0 -6px 12px #00000073}.el-fire .element-orb-ring{border-color:#d85a306b}.el-fire .element-orb-glow{background:radial-gradient(circle,#d85a3061 0%,#d85a3024 40%,#0000 72%)}.el-fire .element-rule{background:#d85a3047}.el-fire .element-constellation line,.el-fire .element-constellation circle{stroke:#d85a30;fill:#d85a30}.el-metal.element-card{border-color:#8a9bb052}.el-metal .element-orb{background:radial-gradient(circle at 35% 30%,#dce6f08c 0%,#8a9bb080 40%,#3c4b5f38 100%);box-shadow:0 0 24px #8a9bb066,inset 0 -6px 12px #00000073}.el-metal .element-orb-ring{border-color:#8a9bb06b}.el-metal .element-orb-glow{background:radial-gradient(circle,#8a9bb061 0%,#8a9bb024 40%,#0000 72%)}.el-metal .element-rule{background:#8a9bb047}.el-metal .element-constellation line,.el-metal .element-constellation circle{stroke:#8a9bb0;fill:#8a9bb0}.el-wood.element-card{border-color:#4a9b6f52}.el-wood .element-orb{background:radial-gradient(circle at 35% 30%,#b4e6c88c 0%,#4a9b6f80 40%,#1e4b3238 100%);box-shadow:0 0 24px #4a9b6f66,inset 0 -6px 12px #00000073}.el-wood .element-orb-ring{border-color:#4a9b6f6b}.el-wood .element-orb-glow{background:radial-gradient(circle,#4a9b6f61 0%,#4a9b6f24 40%,#0000 72%)}.el-wood .element-rule{background:#4a9b6f47}.el-wood .element-constellation line,.el-wood .element-constellation circle{stroke:#4a9b6f;fill:#4a9b6f}.el-water.element-card{border-color:#2d7fad52}.el-water .element-orb{background:radial-gradient(circle at 35% 30%,#96d2f08c 0%,#2d7fad80 40%,#0f375538 100%);box-shadow:0 0 24px #2d7fad66,inset 0 -6px 12px #00000073}.el-water .element-orb-ring{border-color:#2d7fad6b}.el-water .element-orb-glow{background:radial-gradient(circle,#2d7fad61 0%,#2d7fad24 40%,#0000 72%)}.el-water .element-rule{background:#2d7fad47}.el-water .element-constellation line,.el-water .element-constellation circle{stroke:#2d7fad;fill:#2d7fad}.el-earth.element-card{border-color:#8a6a3a52}.el-earth .element-orb{background:radial-gradient(circle at 35% 30%,#dcbe828c 0%,#8a6a3a80 40%,#3c280f38 100%);box-shadow:0 0 24px #8a6a3a66,inset 0 -6px 12px #00000073}.el-earth .element-orb-ring{border-color:#8a6a3a6b}.el-earth .element-orb-glow{background:radial-gradient(circle,#8a6a3a61 0%,#8a6a3a24 40%,#0000 72%)}.el-earth .element-rule{background:#8a6a3a47}.el-earth .element-constellation line,.el-earth .element-constellation circle{stroke:#8a6a3a;fill:#8a6a3a}.el-wind.element-card{border-color:#5ab4aa52}.el-wind .element-orb{background:radial-gradient(circle at 35% 30%,#b4e6e18c 0%,#5ab4aa80 40%,#1e464138 100%);box-shadow:0 0 24px #5ab4aa66,inset 0 -6px 12px #00000073}.el-wind .element-orb-ring{border-color:#5ab4aa6b}.el-wind .element-orb-glow{background:radial-gradient(circle,#5ab4aa61 0%,#5ab4aa24 40%,#0000 72%)}.el-wind .element-rule{background:#5ab4aa47}.el-wind .element-constellation line,.el-wind .element-constellation circle{stroke:#5ab4aa;fill:#5ab4aa}.el-thunder.element-card{border-color:#8a50c852}.el-thunder .element-orb{background:radial-gradient(circle at 35% 30%,#c8aae68c 0%,#8a50c880 40%,#37195f38 100%);box-shadow:0 0 24px #8a50c866,inset 0 -6px 12px #00000073}.el-thunder .element-orb-ring{border-color:#8a50c86b}.el-thunder .element-orb-glow{background:radial-gradient(circle,#8a50c861 0%,#8a50c824 40%,#0000 72%)}.el-thunder .element-rule{background:#8a50c847}.el-thunder .element-constellation line,.el-thunder .element-constellation circle{stroke:#8a50c8;fill:#8a50c8}.el-lightning.element-card{border-color:#c8a96a52}.el-lightning .element-orb{background:radial-gradient(circle at 35% 30%,#ffe69699 0%,#c8a96a80 40%,#55411938 100%);box-shadow:0 0 26px #c8a96a73,inset 0 -6px 12px #00000073}.el-lightning .element-orb-ring{border-color:#c8a96a73}.el-lightning .element-orb-glow{background:radial-gradient(circle,#c8a96a6b 0%,#c8a96a29 40%,#0000 72%)}.el-lightning .element-rule{background:#c8a96a4d}.el-lightning .element-constellation line,.el-lightning .element-constellation circle{stroke:#c8a96a;fill:#c8a96a}@keyframes orbGlowPulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes orbRingPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (max-width:820px){.element-hall{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.element-hall{grid-template-columns:1fr}}.beam,.scroll-hall,.scroll-mount,.scroll,.cord,.roller,.parchment,.p-glyph,.p-role,.p-name,.p-status,.p-copy,.p-seal,.ink-rule,.root-ledger-wrap,.root-ledger-line{display:none}.lower{background:#06060acc;border-top:.5px solid #c8a96a1a;grid-template-columns:1fr 280px;display:grid}.root-panel{border-right:.5px solid #c8a96a1a;padding:1.2rem 1.4rem}.root-panel-title{font-family:var(--font-d);letter-spacing:.2em;text-transform:uppercase;color:#c8a96a59;border-bottom:.5px solid #c8a96a1a;margin-bottom:.85rem;padding-bottom:6px;font-size:8px}.root-pills{flex-wrap:wrap;gap:6px;margin-bottom:.85rem;display:flex}.root-pill{font-family:var(--font-d);letter-spacing:.07em;background:var(--gold-faint);border:.5px solid var(--gold-border);color:var(--gold);border-radius:4px;padding:4px 11px;font-size:9px}#root-breakdown-copy{font-family:var(--font-b);color:var(--text-soft);margin-bottom:.85rem;font-size:12px;font-style:italic;line-height:1.6}.rbs-title{font-family:var(--font-d);letter-spacing:.16em;text-transform:uppercase;color:#c8a96a52;border-bottom:.5px solid #c8a96a14;margin-bottom:8px;padding-bottom:5px;font-size:7.5px}.rbs-rows{flex-direction:column;gap:6px;margin-bottom:.85rem;display:flex}.rbs-row{align-items:center;gap:8px;display:flex}.rbs-lbl{font-family:var(--font-d);letter-spacing:.07em;color:var(--text-dim);flex-shrink:0;width:44px;font-size:9px}.rbs-track{background:#ffffff0d;border-radius:999px;flex:1;height:4px;overflow:hidden}.rbs-fill{border-radius:999px;height:100%;transition:width .6s}.rbs-val{font-family:var(--font-d);color:var(--gold);text-align:right;opacity:.65;flex-shrink:0;width:28px;font-size:10px}.root-ledgers{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.rledger-title{font-family:var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:#c8a96a47;border-bottom:.5px solid #c8a96a14;margin-bottom:5px;padding-bottom:4px;font-size:7.5px}.petition-panel{flex-direction:column;gap:.75rem;padding:1.2rem;display:flex}.petition-title{font-family:var(--font-d);letter-spacing:.2em;text-transform:uppercase;color:#c8a96a59;border-bottom:.5px solid #c8a96a1a;padding-bottom:6px;font-size:8px}#petition-gateway-heading{font-family:var(--font-d);color:var(--gold);letter-spacing:.05em;font-size:13px}#petition-gateway-copy{font-family:var(--font-b);color:var(--text-soft);font-size:12px;font-style:italic;line-height:1.6}#petition-gateway-status{font-family:var(--font-d);color:var(--text-dim);flex-direction:column;gap:3px;font-size:10px;display:flex}.petition-link{width:100%;font-family:var(--font-d);letter-spacing:.1em;cursor:pointer;text-align:center;color:var(--gold);background:#c8a96a1a;border:.5px solid #c8a96a4d;border-radius:7px;margin-top:auto;padding:11px;font-size:10px;text-decoration:none;transition:all .18s;display:block}.petition-link:hover{background:#c8a96a2e}#unlock-third-button{width:100%;font-family:var(--font-d);letter-spacing:.1em;cursor:pointer;text-align:center;color:var(--gold);background:#c8a96a14;border:.5px solid #c8a96a40;border-radius:7px;padding:10px;font-size:10px;transition:all .18s}#unlock-third-button.is-hidden{display:none!important}.notif-wrap{position:relative}#notif-bell{cursor:pointer;color:var(--text-soft);background:0 0;border:none;padding:.4rem;font-size:14px}#notif-badge{background:var(--rose);color:#fff;font-size:9px;font-family:var(--font-d);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:none;position:absolute;top:-2px;right:-2px}#notif-dropdown{right:0;top:calc(100%8px);border:.5px solid var(--gold-border);border-radius:var(--r-lg);z-index:100;background:#08080efa;width:280px;padding:.75rem;display:none;position:absolute}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chamber{animation:.5s both fadeUp}@media (max-width:900px){.scroll-hall{gap:1rem;padding:0 1rem 1.2rem}.scroll{width:140px}.p-glyph{font-size:46px}.lower{grid-template-columns:1fr}.root-panel{border-bottom:.5px solid #c8a96a14;border-right:none}}@media (max-width:640px){.scroll-hall{flex-wrap:wrap}}.ap-nav-wrap{z-index:20;width:min(1100px,100% - 2rem);margin:0 auto;padding:1.1rem 0 0;position:relative}.ap-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;font-family:var(--fd);background:#060608e0;border:.5px solid #c8a96a38;border-radius:999px;align-items:center;gap:4px;margin:0 auto;padding:.55rem .8rem;font-size:.78rem;display:flex;position:relative}.ap-nav-logo{align-items:center;padding:0 2px;display:flex}.ap-nav-logo img{object-fit:contain;border-radius:3px;width:28px;height:28px;display:block}.ap-nav-sep{background:#c8a96a2e;flex-shrink:0;width:.5px;height:16px;margin:0 2px}.ap-nav a{color:#ddd5c873;letter-spacing:.04em;white-space:nowrap;border:.5px solid #0000;border-radius:999px;padding:.32rem .68rem;transition:all .18s}.ap-nav a:hover{color:var(--text);border-color:#c8a96a33}.ap-nav a.active{color:var(--gold);background:#c8a96a17;border-color:#c8a96a47}.ap-nav-burger{cursor:pointer;background:#c8a96a0f;border:.5px solid #c8a96a38;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;margin-left:2px;transition:all .15s;display:flex}.ap-nav-burger:hover{background:#c8a96a1f;border-color:#c8a96a61}.ap-nav-burger.open{background:#c8a96a24;border-color:#c8a96a73}.ap-nav-dot{background:#c8a96a99;border-radius:50%;width:3.5px;height:3.5px}.ap-nav-burger.open .ap-nav-dot{background:var(--gold)}.ap-nav-dropdown{z-index:200;background:#05050af7;border:.5px solid #c8a96a38;border-radius:14px;width:300px;padding:.75rem;display:none;position:absolute;top:calc(100% + 8px);right:0}.ap-nav-dropdown.open{animation:.18s navDropIn;display:block}@keyframes navDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ap-nd-section{margin-bottom:.55rem}.ap-nd-section:last-child{margin-bottom:0}.ap-nd-label{font-family:var(--fd);letter-spacing:.2em;text-transform:uppercase;color:#c8a96a66;margin-bottom:5px;padding:0 4px;font-size:8.5px}.ap-nd-links{flex-wrap:wrap;gap:4px;display:flex}.ap-nd-links a{font-family:var(--fd);letter-spacing:.04em;color:#c8beaa8c;background:#c8a96a08;border:.5px solid #c8a96a1a;border-radius:999px;padding:.28rem .62rem;font-size:.68rem;transition:all .12s}.ap-nd-links a:hover{color:var(--gold);background:#c8a96a14;border-color:#c8a96a47}.ap-nd-links a.active{color:var(--gold);background:#c8a96a17;border-color:#c8a96a47}.ap-nd-links a.ap-nd-soon{color:#c8beaa40;pointer-events:none;cursor:default;opacity:.5;background:#c8a96a03;border-color:#c8a96a0f}.ap-nd-div{background:#c8a96a14;height:.5px;margin:.45rem 0}body{background-color:#080e0a!important;background-image:radial-gradient(90% 45% at 50% 0,#c8a96a1f 0%,#0000 65%),radial-gradient(70% 60% at 0 100%,#1e5a37e6 0%,#0000 55%),radial-gradient(70% 60% at 100% 100%,#144b2dcc 0%,#0000 55%),radial-gradient(100% 45% at 50% 100%,#0f321cf2 0%,#0000 60%)!important;background-attachment:fixed!important}