@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;900&family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-void: #07090c;--bg-deep: #0c0f14;--bg-panel: #14171e;--bg-raise: #1c2029;--ink: #ece3cf;--ink-soft: #a99f86;--ink-dim: #6b6450;--line: #2a2c2c;--line-gold: #4a3c1d;--gold: #d4af37;--gold-bright: #f0d480;--gold-deep: #9a7a28;--gold-glow: rgba(212, 175, 55, .35);--wood: #4caf7d;--fire: #e85d4c;--earth: #e0b84a;--metal: #ece4cf;--water: #4a90d9;--wood-glow: rgba(76,175,125,.45);--fire-glow: rgba(232,93,76,.45);--earth-glow: rgba(224,184,74,.45);--metal-glow: rgba(236,228,207,.5);--water-glow: rgba(74,144,217,.45);--life: #aef0c4;--life-glow: rgba(174,240,196,.6);--radius: 18px;--radius-sm: 10px;--font-display: "Cinzel", "Noto Serif SC", serif;--font-han: "Noto Serif SC", serif;--font-brush: "Ma Shan Zheng", "Noto Serif SC", cursive;--font-body: "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:radial-gradient(1200px 800px at 50% -10%,#1a2118 0%,transparent 55%),radial-gradient(900px 700px at 10% 110%,#1a1410 0%,transparent 60%),radial-gradient(900px 700px at 95% 90%,#0f1622 0%,transparent 60%),var(--bg-void);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.brush{font-family:var(--font-brush)}.han{font-family:var(--font-han)}.eng{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase}.gold-text{background:linear-gradient(180deg,var(--gold-bright),var(--gold) 50%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gold-rule{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--gold-deep) 30%,var(--gold) 50%,var(--gold-deep) 70%,transparent);opacity:.7}.panel{background:linear-gradient(180deg,#1c2029eb,#101318f2);border:1px solid var(--line-gold);border-radius:var(--radius);box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0a}.sigil{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;font-family:var(--font-han);font-weight:700;font-size:20px;border:1.5px solid currentColor;position:relative}.sigil:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;box-shadow:0 0 16px 1px currentColor;opacity:.35}.el-wood{color:var(--wood)}.el-fire{color:var(--fire)}.el-earth{color:var(--earth)}.el-metal{color:var(--metal)}.el-water{color:var(--water)}.btn{font-family:var(--font-han);font-weight:600;font-size:16px;color:var(--ink);padding:13px 22px;border-radius:999px;cursor:pointer;border:1px solid var(--line-gold);background:linear-gradient(180deg,#282418e6,#18150ef2);letter-spacing:.12em;transition:transform .15s ease,box-shadow .25s ease,border-color .2s}.btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 26px var(--gold-glow)}.btn:active{transform:translateY(0)}.btn-primary{color:#1a1405;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,var(--gold-deep));border-color:var(--gold-bright);box-shadow:0 0 30px var(--gold-glow)}.btn-ghost{background:transparent}.bar{height:8px;border-radius:999px;background:#20242c;overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;border-radius:999px;transition:width .2s ease}@keyframes pulse-life{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.rise{animation:rise .6s both}.device{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.viewport{position:relative;width:min(100vw,460px);height:100vh;height:100dvh;max-height:calc(min(100vw,460px) * 19.5 / 9);margin:0 auto;display:flex;flex-direction:column;overflow:hidden}@media(min-width:480px){.viewport{border:1px solid var(--line-gold);border-radius:28px;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0a}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:0 20px max(20px,env(safe-area-inset-bottom));animation:rise .45s both}.screen-pad{padding-top:max(28px,env(safe-area-inset-top))}