*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#e8e2d4;width:100%;height:100%;font-family:var(--font-sans,-apple-system, "PingFang SC", sans-serif);overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#0a0a0f;overflow:hidden}body{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.sky{pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#35354a 50%,#0000 51%),radial-gradient(1.4px 1.4px at 78% 9%,#2c2c3e 50%,#0000 51%),radial-gradient(1.6px 1.6px at 62% 34%,#31313f 50%,#0000 51%),radial-gradient(1.2px 1.2px at 26% 52%,#2a2a38 50%,#0000 51%),radial-gradient(1.6px 1.6px at 88% 62%,#303042 50%,#0000 51%),radial-gradient(1.4px 1.4px at 44% 82%,#2c2c3e 50%,#0000 51%),radial-gradient(1.2px 1.2px at 8% 88%,#2a2a38 50%,#0000 51%),radial-gradient(1.4px 1.4px at 92% 26%,#292936 50%,#0000 51%);animation:26s linear infinite sky-drift;position:absolute;inset:0}@keyframes sky-drift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.head{z-index:2;letter-spacing:.14em;color:#8b8574;padding-top:6px;font-size:13px;position:relative}.stage{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.orb{color:#f3e3bf;cursor:pointer;background:radial-gradient(circle at 50% 42%,#21190a 0%,#14100a 62%,#0d0b07 100%);border:2px solid #ef9f27;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(46vmin,400px);height:min(46vmin,400px);transition:transform .32s cubic-bezier(.34,1.56,.64,1),background .45s,color .45s,box-shadow .5s,border-color .45s;animation:3.6s ease-in-out infinite orb-breathe;display:flex;position:relative;box-shadow:0 0 30px #ef9f271a,inset 0 0 42px #ef9f2717}.orb:active{transform:scale(.93)}.orb__label{z-index:2;letter-spacing:.1em;font-size:clamp(18px,3.6vmin,26px);font-weight:500;position:relative}.orb__sub{z-index:2;letter-spacing:.16em;color:#94805a;font-size:clamp(12px,2vmin,14px);position:relative}.orb:disabled{cursor:default;opacity:.75;animation:none}.orb:disabled:active{transform:none}@keyframes orb-breathe{0%,to{box-shadow:0 0 26px #ef9f271a,inset 0 0 38px #ef9f2712}50%{box-shadow:0 0 54px #ef9f2738,inset 0 0 54px #ef9f2724}}body.is-lit .orb{color:#2a1704;background:#ef9f27;border-color:#ffd87a;animation:none;box-shadow:0 0 74px #ef9f276b}body.is-lit .orb__sub{color:#2a17049e}body.is-lit .orb:after{content:"";pointer-events:none;border:1px solid #ef9f2757;border-radius:50%;position:absolute;inset:-18px}.orb__rings{pointer-events:none;opacity:0;position:absolute;inset:0}.orb__rings i{border:2px solid #ffdc82d9;border-radius:50%;position:absolute;inset:0}body.is-pulsing .orb__rings{opacity:1}body.is-pulsing .orb__rings i:first-child{animation:.85s ease-out forwards ring-out}body.is-pulsing .orb__rings i:nth-child(2){animation:.85s ease-out .12s forwards ring-out}body.is-pulsing .orb__rings i:nth-child(3){animation:.85s ease-out .24s forwards ring-out}@keyframes ring-out{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}.foot{z-index:2;text-align:center;width:min(72vmin,460px);padding-bottom:10px;position:relative}.foot__text{letter-spacing:.14em;color:#8b8574;margin-bottom:10px;font-size:13px}.foot__track{background:#1c1c24;border-radius:2px;height:3px;overflow:hidden}.foot__fill{background:#ef9f27;border-radius:2px;width:0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.burst{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:50%;left:50%}.burst span{opacity:0;background:#ffdc8a;border-radius:50%;width:4px;height:4px;animation:.7s ease-out forwards spark;position:absolute}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}