.renewal-celebration{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:visible;box-sizing:border-box;margin:auto;padding:34px 30px 24px;border:1px solid #957334;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#67501e45,transparent 65%),linear-gradient(145deg,#17251f,#0b151a);color:#edfff6;text-align:center;box-shadow:0 28px 100px #0009,0 0 65px #f6c25a25;animation:renewal-arrive .48s cubic-bezier(.2,1.4,.4,1);isolation:isolate}
.renewal-celebration::backdrop{background:#030b10bf;backdrop-filter:blur(7px);animation:renewal-backdrop .25s ease}
.renewal-celebration .renewal-close{position:absolute;right:12px;top:10px;width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid #9d81454d;border-radius:10px;color:#d7c99f;background:#ffffff08;font-size:23px;box-shadow:none}
.renewal-emblem{position:relative;display:grid;place-items:center;width:80px;height:80px;margin:0 auto 18px;border:1px solid #ffe29675;border-radius:50%;background:radial-gradient(circle,#f8d88226,#dda03208);box-shadow:0 0 40px #ffca4830,inset 0 0 20px #ffda7d16}
.renewal-emblem:before,.renewal-emblem:after{content:'';position:absolute;inset:-9px;border:1px dashed #ffdc8050;border-radius:50%;animation:renewal-orbit 16s linear infinite}.renewal-emblem:after{inset:-16px;border-style:solid;border-color:#ddbb5825;border-top-color:#ffe7a7b0;animation-direction:reverse}
.renewal-emblem span{display:grid;place-items:center;width:52px;height:52px;border:4px double #b6771b;border-radius:50%;font:900 32px/1 Georgia,serif;color:#785010;background:linear-gradient(135deg,#fff2b2,#f4bc40 60%,#b9781b);box-shadow:inset 0 2px 2px #fff8,0 6px 14px #0005;animation:renewal-mint .65s .1s both}
.renewal-eyebrow{display:block;margin:0;color:#d2ad60;font:600 10px/1.8 monospace;letter-spacing:.22em}.renewal-celebration .renewal-title{font-size:30px;margin:7px 0 8px;color:#ffe5a0;letter-spacing:.1em;text-shadow:0 0 24px #ffcb5145}.renewal-name{margin:0;color:#b6d2c6;font-size:14px;overflow-wrap:anywhere;max-height:46px;overflow:auto}
.renewal-increase{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:19px 0}.renewal-increase b{font:750 45px/1.15 ui-monospace,monospace;letter-spacing:-.05em;color:#ffda78;text-shadow:0 0 22px #ffd45540}.renewal-increase span{color:#c2cdbf;font-size:13px}
.renewal-receipt{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:5px;padding:16px 8px;border:1px solid #dcc17225;border-radius:12px;background:#030b1080}.renewal-receipt small{display:block;font-size:11px;color:#899e91;margin-bottom:7px}.renewal-receipt strong{font:650 14px ui-monospace,monospace;color:#c4d4cb;white-space:nowrap}.renewal-receipt>div:last-child strong{color:#ffdb81}.renewal-arrow{color:#bda45f;font-size:20px}.renewal-confirmation{font-size:12px;line-height:1.6;color:#a7c3b6;margin:14px 0 20px}
.renewal-actions{display:flex;gap:10px;justify-content:center}.renewal-actions button{flex:0 1 180px;width:180px;max-width:100%;padding:11px 12px;font-size:13px;border-radius:10px;font-weight:650}.renewal-actions .renewal-done{background:linear-gradient(135deg,#ffe294,#d3a342);color:#352b16;border:1px solid #ffe29c;box-shadow:0 4px 18px #e0b24d22}.renewal-celebration button:focus-visible{outline:2px solid #ffdf85;outline-offset:4px}
.renewal-particles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:visible}.renewal-coin{position:absolute;left:50%;top:32%;display:grid;place-items:center;width:27px;height:27px;margin:-13px;border:3px double #b47a1d;border-radius:50%;color:#775113;font:900 18px/1 Georgia,serif;font-style:normal;background:linear-gradient(135deg,#fff2af,#eab038);box-shadow:0 0 16px #ffc54766;opacity:0;animation:renewal-coins 1.7s cubic-bezier(.12,.65,.4,1) both;--x:-210px;--y:-110px;--r:270deg}
.renewal-coin:nth-child(2n){--x:210px;--r:-360deg}.renewal-coin:nth-child(3n){--x:-130px;--y:-210px;animation-delay:.09s}.renewal-coin:nth-child(4n){--x:170px;--y:160px;animation-delay:.18s}.renewal-coin:nth-child(5n){--x:-190px;--y:160px;animation-delay:.12s}.renewal-coin:nth-child(6n){--x:90px;--y:-230px;animation-delay:.25s}.renewal-coin:nth-child(7n){--x:0px;--y:220px;animation-delay:.3s}.renewal-coin:nth-child(n+8){animation-delay:.32s;width:18px;height:18px;font-size:12px;--r:540deg}
.renewal-error{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:3000;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);padding:14px 18px;border:1px solid #9f5261;border-radius:12px;background:#291b23;color:#ffc4ce;box-shadow:0 10px 35px #0005}.renewal-error strong{font-size:13px;line-height:1.5}.renewal-error button{padding:7px 10px;white-space:nowrap;font-size:12px;background:#5f2c3a;color:#ffe7ec;border:1px solid #bc6d7e}.renewal-saving{cursor:progress}
@keyframes renewal-arrive{from{opacity:0;transform:translateY(22px) scale(.87)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes renewal-backdrop{from{opacity:0}to{opacity:1}}@keyframes renewal-orbit{to{transform:rotate(360deg)}}@keyframes renewal-mint{from{transform:rotateY(180deg) scale(.3)}to{transform:rotateY(0) scale(1)}}@keyframes renewal-coins{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}15%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.8)}}
html[data-theme=light] .renewal-celebration{background:radial-gradient(ellipse at 50% 0,#fff0c6,#fff 65%);border-color:#d4b66d;box-shadow:0 25px 90px #1c263f30,0 0 30px #dcba6420}html[data-theme=light] .renewal-celebration::backdrop{background:#24304160}html[data-theme=light] .renewal-celebration .renewal-title{color:#111827!important;text-shadow:none!important}html[data-theme=light] .renewal-emblem{background:#fff5d7;border-color:#c5a357;box-shadow:0 0 28px #cfad4930}html[data-theme=light] .renewal-emblem:before{border-color:#c29e55}html[data-theme=light] .renewal-receipt{background:#fffbef;border-color:#dcc58a}html[data-theme=light] .renewal-celebration .renewal-done{background:linear-gradient(135deg,#ffe294,#eac46c);border-color:#b49855}html[data-theme=light] .renewal-error{background:#fff1f3;border-color:#d28696}
@media(max-width:500px){.renewal-celebration{padding:29px 20px 20px;overflow:hidden}.renewal-increase b{font-size:39px}.renewal-celebration .renewal-title{font-size:27px}.renewal-receipt strong{font-size:12px}}
@media(max-height:600px){.renewal-celebration{padding:20px;overflow:auto}.renewal-emblem{width:54px;height:54px;margin-bottom:12px}.renewal-emblem span{width:38px;height:38px;font-size:24px}.renewal-celebration .renewal-title{font-size:25px}.renewal-increase{margin:12px 0}.renewal-increase b{font-size:34px}.renewal-confirmation{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.renewal-celebration,.renewal-celebration::backdrop,.renewal-emblem:before,.renewal-emblem:after,.renewal-emblem span,.renewal-coin{animation:none}.renewal-particles{display:none}}