.result-ceremony{--a:#f4ce73;--b:#b57522;background:radial-gradient(ellipse at 50% 22%,#5d47214d,transparent 50%),linear-gradient(160deg,#23282b,#111519 75%)!important;isolation:isolate;overflow-x:hidden}.ceremony-hero{--a:#97eeff;--b:#3294d6;background:radial-gradient(ellipse at 50% 23%,#25609080,transparent 53%),linear-gradient(160deg,#18232c,#10141d 75%)!important;border-color:#a4d9eb77!important}.result-ceremony .sheet-head{position:relative;z-index:3}.result-ceremony .sheet-head h2{color:#f8dc96;text-shadow:0 0 25px #ffc24c55}.ceremony-hero .sheet-head h2{color:#d8f6ff;text-shadow:0 0 20px #5ec7ff99}.result-ceremony .sheet-body{gap:10px!important}.ceremony-stage{height:210px;position:relative;display:grid;place-items:center;perspective:600px;overflow:visible;margin-top:0;pointer-events:none}.ceremony-mascot.sheet-art{position:absolute;inset:8px 0 auto;margin:auto!important;height:185px!important;width:220px!important;max-width:85%;filter:drop-shadow(0 8px 14px #0008) drop-shadow(0 0 9px color-mix(in srgb,var(--a) 40%,transparent));z-index:2}.ceremony-orbit{position:absolute;inset:0;display:grid;place-items:center}.ceremony-ring{position:absolute;width:220px;height:220px;border:1px solid var(--a);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--a) 30%,transparent),inset 0 0 8px color-mix(in srgb,var(--a) 30%,transparent);opacity:.5;transform:rotateX(65deg) translateY(70px)}.ring-1{width:270px;height:270px;border-style:dashed;opacity:.25}.ring-2{width:175px;height:175px;opacity:.4}.ceremony-rays{position:absolute;width:330px;height:330px;top:-60px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 16deg,color-mix(in srgb,var(--a) 16%,transparent) 18deg 21deg,transparent 24deg 36deg);mask-image:radial-gradient(circle,transparent 15%,#000 45%,transparent 70%);opacity:.6}.ceremony-beam{position:absolute;top:-100px;bottom:15px;width:180px;background:linear-gradient(90deg,transparent,#8bdfff0a,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.ceremony-hero .ceremony-beam{background:linear-gradient(90deg,transparent,#88dfff35,transparent)}.ceremony-flare{position:absolute;width:180px;height:180px;top:0;border-radius:50%;background:radial-gradient(circle,var(--a),transparent 65%);opacity:.12}.ceremony-emblem{position:absolute;top:-12px;color:#ffe6a0;font-size:28px;z-index:3;text-shadow:0 0 20px #f9bf5e}.ceremony-banner{position:absolute;bottom:2px;font:600 10px ui-monospace,monospace;letter-spacing:4px;color:var(--a);text-shadow:0 0 12px var(--b);z-index:3}.ceremony-spark,.ceremony-coin{position:absolute;left:50%;top:45%;width:3px;height:3px;border-radius:50%;background:var(--a);box-shadow:0 0 6px var(--a);opacity:0;transform:translate(var(--x),var(--y))}.ceremony-coin{width:8px;height:11px;background:linear-gradient(90deg,#9e681d,#ffe18b,#cb913a);border:1px solid #ffe2a1;box-shadow:0 0 7px #e9b85566}.ceremony-controls{display:flex;justify-content:center;gap:15px;margin-top:0}.ceremony-controls button{font-size:11px;min-height:34px;padding:5px 16px;border:1px solid #b8c1c13b;border-radius:20px;color:#b5bfc4;background:#19212680}.ceremony-controls button[hidden]{display:none}.ceremony-counter{display:none;text-align:center;font-size:44px;font-weight:700;color:var(--a);font-variant-numeric:tabular-nums;text-shadow:0 0 25px color-mix(in srgb,var(--a) 20%,transparent);line-height:1.3}.ceremony-playing .result-total{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ceremony-playing .ceremony-counter{display:block}.ceremony-playing .sheet-body>.kv,.ceremony-playing .sheet-body>.note,.ceremony-playing .sheet-body>.btn-primary,.ceremony-playing .sheet-body>.btn-secondary{animation:ceremony-detail .5s both;animation-delay:2.1s}.ceremony-hero.ceremony-playing .sheet-body>.kv,.ceremony-hero.ceremony-playing .sheet-body>.note,.ceremony-hero.ceremony-playing .sheet-body>.btn-primary,.ceremony-hero.ceremony-playing .sheet-body>.btn-secondary{animation-delay:3.7s}.ceremony-playing .ceremony-mascot{animation:ceremony-arrive 1.6s cubic-bezier(.16,1,.3,1) both}.ceremony-hero.ceremony-playing .ceremony-mascot{animation:hero-ascend 2.7s cubic-bezier(.16,1,.3,1) both}.ceremony-playing .ceremony-rays{animation:ceremony-rays 2.8s ease-out both}.ceremony-hero.ceremony-playing .ceremony-rays{animation-duration:4.7s}.ceremony-playing .ceremony-ring{animation:ceremony-orbit 2s ease-out both}.ceremony-hero.ceremony-playing .ceremony-ring{animation-duration:3.5s}.ceremony-playing .ceremony-flare{animation:ceremony-flash 2s both}.ceremony-hero.ceremony-playing .ceremony-flare{animation-delay:.85s}.ceremony-playing .ceremony-spark,.ceremony-playing .ceremony-coin{animation:ceremony-particle 1.8s ease-out both;animation-delay:calc(.6s + var(--delay))}.ceremony-hero.ceremony-playing .ceremony-spark{animation-delay:calc(1.6s + var(--delay));animation-duration:2s}.ceremony-playing .ceremony-banner,.ceremony-playing .ceremony-emblem{animation:ceremony-detail .7s both;animation-delay:1s}.ceremony-hero.ceremony-playing .ceremony-banner,.ceremony-hero.ceremony-playing .ceremony-emblem{animation-delay:2s}.ceremony-complete .result-total{color:var(--a);text-shadow:0 0 22px color-mix(in srgb,var(--a) 22%,transparent)}
@keyframes ceremony-detail{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ceremony-arrive{0%{opacity:0;transform:translateY(35px) scale(.5)}55%{opacity:1;transform:translateY(-7px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-ascend{0%,15%{opacity:0;transform:translateY(60px) scale(.5);filter:brightness(.2)}45%{opacity:.8;filter:brightness(.5);transform:translateY(20px) scale(.9)}70%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 20px #8eefff);transform:translateY(-12px) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes ceremony-rays{from{opacity:0;transform:scale(.3) rotate(-55deg)}55%{opacity:1}to{opacity:.6;transform:scale(1) rotate(40deg)}}@keyframes ceremony-orbit{from{opacity:0;transform:rotateX(65deg) translateY(70px) scale(.2) rotateZ(-100deg)}60%{opacity:.9}to{opacity:.5;transform:rotateX(65deg) translateY(70px) scale(1) rotateZ(0)}}@keyframes ceremony-flash{0%,25%{opacity:0;transform:scale(.3)}45%{opacity:.65;transform:scale(1.5)}100%{opacity:.12;transform:scale(1)}}@keyframes ceremony-particle{0%{opacity:0;transform:translate(0,35px) scale(.2)}25%{opacity:1}75%{opacity:.7}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(.5)}}
@media(max-height:760px){.ceremony-stage{height:165px}.ceremony-mascot.sheet-art{height:145px!important}.ceremony-banner{bottom:0}.ceremony-emblem{top:-5px}.result-ceremony .sheet-body{gap:7px!important}.result-ceremony .kv>div{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.result-ceremony *{animation:none!important}.ceremony-rays{opacity:.25}.ceremony-spark,.ceremony-coin{display:none}}
.result-ceremony{position:relative}.result-ceremony .ceremony-stage{height:175px}.result-ceremony .ceremony-mascot.sheet-art{height:158px!important}.result-ceremony .ceremony-controls{position:absolute;right:20px;top:54px;z-index:5}.result-ceremony .preview-label{padding:5px;margin-top:18px}.result-ceremony .result-total{padding:0!important;font-size:40px!important}.result-ceremony .ceremony-counter{font-size:40px}.result-ceremony .sheet-body>.note{margin:0;line-height:1.6}.result-ceremony .ceremony-controls button{min-height:32px;background:#14232be6}.result-ceremony .ceremony-ring{transform:rotateX(65deg) translateY(45px)}.result-ceremony .ceremony-banner{bottom:0}@media(max-height:760px){.result-ceremony .ceremony-stage{height:145px}.result-ceremony .ceremony-mascot.sheet-art{height:130px!important}}
.ceremony-hero.ceremony-playing:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 15%,#8edfff0a 16%,transparent 17% 80%,#8edfff0c 81%,transparent 82%),radial-gradient(ellipse at 50% 35%,#6cd9ff44,transparent 65%);animation:hero-field 4.7s both;pointer-events:none}.ceremony-hero.ceremony-playing:after{content:'';position:absolute;inset:2px;border-radius:inherit;border:1px solid #84dcff;opacity:0;pointer-events:none;animation:hero-edge 4.7s both}.ceremony-playing .ceremony-counter{animation:ceremony-detail .5s both;animation-delay:.9s}.ceremony-hero.ceremony-playing .ceremony-counter{animation-delay:2.2s}@keyframes hero-field{0%{opacity:0;transform:scaleY(.2)}40%{opacity:.5;transform:scaleY(1)}60%{opacity:1}100%{opacity:0}}@keyframes hero-edge{0%,35%{opacity:0;box-shadow:inset 0 0 0 #78d8ff00}55%{opacity:.75;box-shadow:inset 0 0 45px #78d8ff44}100%{opacity:0;box-shadow:inset 0 0 0 #78d8ff00}}
