.app{position:relative;height:100%;display:grid;place-items:center;overflow:hidden;transition:background .8s ease}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 50% at 30% 30%,rgba(110,90,220,.22),transparent 70%),radial-gradient(45% 55% at 72% 65%,rgba(246,196,78,.14),transparent 70%),radial-gradient(50% 45% at 55% 20%,rgba(80,130,230,.18),transparent 70%);filter:blur(30px);animation:auroraDrift 18s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05);opacity:.8}50%{transform:translate3d(2%,3%,0) scale(1.12);opacity:1}to{transform:translate3d(4%,-1%,0) scale(1.06);opacity:.85}}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 70% 22%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 40% 70%,rgba(255,246,216,.8),transparent),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 60% 50%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90% 35%,rgba(255,246,216,.7),transparent),radial-gradient(1px 1px at 33% 15%,rgba(255,255,255,.6),transparent);animation:twinkle 5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.45}to{opacity:.95}}.embers{position:absolute;top:0;right:0;bottom:0;left:0}.embers span{position:absolute;bottom:-10px;left:calc(var(--i) * 5.6% + 2%);width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff3cf,#f6c44e80);box-shadow:0 0 8px #ffdc82b3;opacity:0;animation:emberRise calc(11s + var(--i) * .7s) linear infinite;animation-delay:calc(var(--i) * -.9s)}@keyframes emberRise{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}10%{opacity:.8}90%{opacity:.5}to{transform:translateY(-104vh) translate(20px) scale(1);opacity:0}}.panel{position:relative;z-index:2;text-align:center;padding:2.5rem;max-width:460px}.title{font-size:2.8rem;margin:0 0 .5rem;letter-spacing:.1em;font-weight:800;background:linear-gradient(100deg,#fff1c4,#f6c44e 30%,#fff7e2,#f6c44e 70%,#fff1c4);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(255,226,150,.4));animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:220% center}}.subtitle{margin:0 0 2.4rem;color:#c1c8e0;font-size:.98rem;line-height:1.6;letter-spacing:.01em}.pray-btn{position:relative;font-size:1.4rem;font-weight:800;color:#2a210a;padding:1.15rem 2.8rem;border:none;border-radius:999px;cursor:pointer;isolation:isolate;background:linear-gradient(145deg,#fff0bf,#f6c44e 58%,#e0a528);box-shadow:0 0 0 1px #ffffff73 inset,0 10px 30px #f6c44e73,0 0 60px #f6c44e40;transition:transform .18s ease,box-shadow .35s ease,filter .35s ease;animation:btnBreathe 3.4s ease-in-out infinite;overflow:hidden}.pray-btn:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,244,200,.9) 60deg,transparent 140deg,transparent 220deg,rgba(255,244,200,.9) 300deg,transparent 360deg);filter:blur(6px);opacity:.8;animation:spin 4s linear infinite}.pray-btn__label{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;line-height:1.15}.pray-btn__hint{font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#ffe39a;opacity:.95}.pray-btn:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-20deg);animation:shine 3.6s ease-in-out infinite}@keyframes shine{0%,60%{left:-60%}to{left:130%}}@keyframes btnBreathe{0%,to{box-shadow:0 0 0 1px #ffffff73 inset,0 10px 30px #f6c44e73,0 0 55px #f6c44e40}50%{box-shadow:0 0 0 1px #ffffff8c inset,0 12px 36px #f6c44e99,0 0 80px #f6c44e66}}.pray-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 1px #ffffff8c inset,0 16px 44px #f6c44ea6,0 0 100px #f6c44e73}.pray-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.pray-btn:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(.78);background:linear-gradient(145deg,#c9cad2,#9aa0b2);color:#43464f;box-shadow:none;animation:none}.pray-btn:disabled:before,.pray-btn:disabled:after{display:none}.pray-btn.is-cooldown{cursor:pointer;color:#e6eeff;background:linear-gradient(145deg,#3a4684,#232c54 60%,#1a2142);box-shadow:0 0 0 1px #96b4ff66 inset,0 10px 30px #3c5ac866,0 0 50px #5a78e640;animation:none;filter:none}.pray-btn.is-cooldown:before{background:conic-gradient(from 0deg,transparent 0deg,rgba(150,180,255,.8) 60deg,transparent 140deg,transparent 220deg,rgba(150,180,255,.8) 300deg,transparent 360deg);opacity:.55}.pray-btn.is-cooldown:after{background:linear-gradient(100deg,transparent,rgba(200,220,255,.5),transparent)}.pray-btn.is-cooldown:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px #b4c8ff8c inset,0 14px 40px #4664dc99,0 0 90px #6e8cf073}.status{min-height:2.4rem;margin-top:1.7rem}.accepted{font-size:1.35rem;font-weight:800;background:linear-gradient(100deg,#fff1c4,#ffe39a,#fff7e2,#ffe39a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,220,130,.7));animation:rise .6s ease both,shimmer 4s linear infinite}.blocked{color:#c2b6ff;font-size:.98rem;animation:rise .4s ease both}.cooldown{color:#8e96b4;font-size:.95rem;letter-spacing:.03em}.total{margin-top:2.6rem;color:#8c93b2;font-size:.85rem;letter-spacing:.05em}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.is-praying{background:radial-gradient(circle at 50% 42%,#5a4c20,#221d36 42%,#05060d);animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}.divine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;pointer-events:none;overflow:hidden}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(255,248,220,.95),transparent 60%);animation:flash 1.2s ease-out forwards}@keyframes flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}.beam{position:absolute;top:-10%;left:50%;width:36vmin;height:120%;transform:translate(-50%);background:linear-gradient(to bottom,rgba(255,244,200,.55),rgba(255,226,150,.22) 45%,transparent 80%);filter:blur(8px);clip-path:polygon(38% 0,62% 0,100% 100%,0% 100%);transform-origin:top center;animation:beam 3.5s ease-out forwards}@keyframes beam{0%{opacity:0;transform:translate(-50%) scaleY(.2)}18%{opacity:1;transform:translate(-50%) scaleY(1)}80%{opacity:.8}to{opacity:0}}.rays{position:absolute;width:220vmax;height:220vmax;background:repeating-conic-gradient(from 0deg,#ffe9a800,#ffe9a833 3deg,#ffe9a800 8deg);animation:spin 9s linear infinite,fadeInOut 3.5s ease forwards;filter:blur(1px)}@keyframes spin{to{transform:rotate(360deg)}}.ring{position:absolute;border-radius:50%;border:2px solid rgba(255,226,150,.7);animation:expand 3.2s ease-out forwards}.ring1{animation-delay:0s}.ring2{animation-delay:.5s}.ring3{animation-delay:1s}@keyframes expand{0%{width:0;height:0;opacity:.9;border-width:4px}to{width:95vmax;height:95vmax;opacity:0;border-width:1px}}.halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,205,.95),rgba(255,210,120,.35) 45%,transparent 70%);filter:blur(6px);animation:pulse 3.5s ease forwards}@keyframes pulse{0%{transform:scale(.2);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.flare{position:absolute;width:80vmin;height:4px;background:linear-gradient(90deg,transparent,rgba(255,250,225,.95),transparent);filter:blur(1px);animation:flarePop 3.5s ease forwards}.flare:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transform:rotate(90deg)}@keyframes flarePop{0%{transform:scale(0);opacity:0}18%{transform:scale(1);opacity:1}45%{transform:scale(.9);opacity:.6}to{transform:scale(1.1);opacity:0}}.particles{position:absolute;top:0;right:0;bottom:0;left:0}.particles span{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:radial-gradient(circle,#fff8e0,#f6c44e);box-shadow:0 0 12px #ffdc82e6;--angle: calc(var(--i) * 10deg);animation:float 3.2s ease-out forwards;animation-delay:calc(var(--i) * .03s)}@keyframes float{0%{transform:rotate(var(--angle)) translateY(0) scale(.4);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translateY(-48vmax) scale(1);opacity:0}}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.sparkles span{position:absolute;left:calc(50% + cos(var(--i) * 137.5deg) * (18% + var(--i) * 1.4%));top:calc(48% + sin(var(--i) * 137.5deg) * (18% + var(--i) * 1.4%));width:10px;height:10px;background:linear-gradient(to right,transparent 46%,#fff7e2 46%,#fff7e2 54%,transparent 54%),linear-gradient(to bottom,transparent 46%,#fff7e2 46%,#fff7e2 54%,transparent 54%);filter:drop-shadow(0 0 5px rgba(255,235,170,.95));opacity:0;animation:twinkleStar 1.6s ease-out forwards;animation-delay:calc(.3s + var(--i) * .09s)}@keyframes twinkleStar{0%{transform:scale(0) rotate(0);opacity:0}40%{transform:scale(1.2) rotate(45deg);opacity:1}to{transform:scale(0) rotate(90deg);opacity:0}}.divine-text{position:absolute;font-size:clamp(7rem,26vmin,14rem);filter:drop-shadow(0 0 36px rgba(255,226,150,.95));animation:emoji 3.5s ease forwards}@keyframes emoji{0%{transform:scale(.3) translateY(20px);opacity:0}20%{transform:scale(1.15) translateY(0);opacity:1}80%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(1.05) translateY(-10px);opacity:0}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@media (max-width: 600px){.panel{padding:1.75rem 1.25rem;max-width:100%;width:100%}.title{font-size:2.1rem;letter-spacing:.06em}.subtitle{font-size:.9rem;margin-bottom:2rem;padding:0 .5rem}.pray-btn{font-size:1.2rem;padding:1rem 2.2rem;min-height:56px}.accepted{font-size:1.15rem}.halo{width:240px;height:240px}.divine-text{font-size:clamp(6rem,30vmin,11rem)}.beam{width:50vmin}}@media (max-height: 480px) and (orientation: landscape){.title{font-size:1.8rem;margin-bottom:.3rem}.subtitle{margin-bottom:1.2rem}.status{margin-top:1rem}.total{margin-top:1.2rem}}@media (prefers-reduced-motion: reduce){.aurora,.stars,.embers span,.title,.accepted,.pray-btn,.pray-btn:before,.pray-btn:after,.rays{animation:none}}*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Pretendard,Roboto,sans-serif}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:radial-gradient(circle at 50% 20%,#1b2240,#0a0d1c 55%,#05060d);color:#f5f3ea;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}