.campaign-dialog{width:min(600px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;background:#241330;color:#fcf6ff;box-shadow:0 28px 90px #08010db3;overflow:auto;scrollbar-color:#9d6cb9 #241330;color-scheme:dark}
.campaign-dialog::backdrop{background:#0b051be6}
.campaign-dialog[open]{animation:campaign-arrive 260ms cubic-bezier(.16,1,.3,1)}
.campaign-sheet{position:relative;isolation:isolate;padding:28px 36px 24px;overflow:hidden;background:radial-gradient(ellipse at 50% 26%,#58306b88,transparent 64%),#241330}
.campaign-sheet::before{content:"";position:absolute;z-index:-1;width:480px;height:480px;border:1px solid #be80ee33;border-radius:50%;inset:65px auto auto 50%;transform:translateX(-50%);pointer-events:none}
.campaign-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.campaign-brand{display:flex;align-items:center;gap:12px;color:#ebd5ff}
.campaign-brand img{border-radius:12px;object-fit:cover}
.campaign-brand b{font-size:17px;letter-spacing:.02em}
.campaign-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #ad80c55c;border-radius:12px;background:#382145;color:#ecd7fa;cursor:pointer}
.campaign-close svg,.campaign-buy svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.campaign-close:hover{background:#50305d;color:#fff}
.campaign-hero{display:grid;grid-template-columns:1fr 184px;align-items:center;gap:24px;text-align:right;padding:28px 20px 6px}
.campaign-hero h2{font-size:48px;font-weight:900;line-height:1.38;margin:0;color:#fcf6ff;text-wrap:balance}
.campaign-hero p{font-size:17px;line-height:1.8;margin:12px 0 0;color:#e5c9f6}
.campaign-sale-tag{position:relative;display:block;aspect-ratio:4/5;pointer-events:none;user-select:none;color:#fffaf5;transform-origin:50% 11%;filter:drop-shadow(3px 9px 8px #10041166)}
.campaign-sale-tag>img{display:block;width:100%;height:100%;object-fit:contain}
.campaign-tag-type{position:absolute;inset:24% 9% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.35;text-align:center}
.campaign-tag-type strong{font-weight:900;font-size:64px;white-space:nowrap;letter-spacing:-.025em}
.campaign-tag-type>span{font-size:24px;font-weight:900}
.campaign-tag-hero{width:184px;transform:rotate(-7deg)}
.campaign-dialog[open] .campaign-tag-hero{animation:campaign-paper-settle 420ms cubic-bezier(.16,1,.3,1) 80ms both}
.campaign-tag-pack{position:absolute;z-index:2;top:5px;left:11px;width:76px;transform:rotate(-9deg)}
.campaign-tag-pack .campaign-tag-type strong{font-size:29px}
.campaign-tag-pack .campaign-tag-type>span{font-size:12px}
.campaign-on-sale:not(.campaign-has-art) .plan-title-row{padding-inline-end:68px;min-height:60px}
.campaign-deadline{margin-top:22px;padding-top:16px;border-top:1px solid #aa76c640;text-align:center}
.campaign-deadline>p{font-size:14px;color:#d5b7e5;margin:0 0 12px}
.campaign-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-variant-numeric:tabular-nums}
.campaign-clock>div{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 6px;background:#35203f;border-radius:10px}
.campaign-clock b{font-size:30px;font-weight:900;line-height:1.3;color:#f9efff;min-width:2ch}
.campaign-clock span{font-size:13px;line-height:1.7;color:#d6bce5}
.campaign-buy{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;margin-top:24px;padding:12px 18px;background:#d6ff80;border:0;border-radius:12px;color:#213008;font:900 18px/1.6 Eagle,Tahoma,sans-serif;cursor:pointer;transition:background 160ms ease-out,transform 160ms ease-out}
.campaign-buy:hover{background:#e3ffad}.campaign-buy:active{transform:translateY(1px)}
.campaign-close:focus-visible,.campaign-buy:focus-visible{outline:3px solid #ead1ff;outline-offset:4px}
.campaign-footnote{text-align:center;font-size:13px;line-height:1.8;margin:12px 0 0;color:#d7b7e8}
.campaign-sheet::selection,.campaign-sheet *::selection{background:#d6ff80;color:#213008}
.plan-price.campaign-price{flex-wrap:wrap;align-items:baseline;gap:5px 9px}
.plan-price .campaign-price-before{color:#cbb4dc;font-size:15px;flex-basis:100%;line-height:1.5}
@keyframes campaign-arrive{from{transform:translateY(18px) scale(.97)}to{transform:translateY(0) scale(1)}}
@keyframes campaign-paper-settle{0%{transform:rotate(-13deg)}55%{transform:rotate(-5deg)}100%{transform:rotate(-7deg)}}
@media(max-width:600px){.campaign-sheet{padding:22px 22px 20px}.campaign-brand img{width:46px;height:46px}.campaign-brand b{font-size:15px}.campaign-hero{grid-template-columns:1fr 132px;padding:24px 0 6px;gap:16px}.campaign-hero h2{font-size:34px}.campaign-hero p{font-size:15px}.campaign-tag-hero{width:132px}.campaign-tag-hero .campaign-tag-type strong{font-size:48px}.campaign-tag-hero .campaign-tag-type>span{font-size:19px}.campaign-deadline{margin-top:18px}.campaign-clock{gap:7px}.campaign-clock b{font-size:27px}.campaign-buy{font-size:16px;margin-top:20px}}
@media(max-width:359px){.campaign-dialog{width:calc(100% - 20px)}.campaign-sheet{padding:18px 16px}.campaign-brand{gap:8px}.campaign-brand b{font-size:14px}.campaign-hero{grid-template-columns:1fr 116px;gap:8px}.campaign-hero h2{font-size:29px}.campaign-hero p{font-size:13px}.campaign-tag-hero{width:116px}.campaign-tag-hero .campaign-tag-type strong{font-size:43px}.campaign-tag-hero .campaign-tag-type>span{font-size:17px}.campaign-clock{gap:5px}.campaign-clock b{font-size:25px}.campaign-deadline>p{font-size:12px}}
@media(max-height:650px){.campaign-dialog{max-height:calc(100dvh - 16px)}.campaign-sheet{padding-top:18px}.campaign-hero{padding-top:18px}.campaign-deadline{margin-top:12px}.campaign-buy{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.campaign-dialog[open],.campaign-dialog[open] .campaign-tag-hero{animation:none}.campaign-buy{transition:none}}