html.campaign-open{overflow:hidden;scrollbar-gutter:stable}
#home-campaigns-open{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;margin-left:auto;color:#63319b;font-weight:600;padding:6px 10px;border:1px solid #d8c4ec;border-radius:6px;background:#f4edfc;flex:none}
#home-campaigns-open:hover{background:#eadcf9;border-color:#b58bd7}.campaign-count{display:grid;place-items:center;font-size:10px;min-width:18px;height:18px;padding:0 4px;border-radius:5px;color:#fff;background:#7750aa;font-variant-numeric:tabular-nums}.notice:has(#home-campaigns-open) p{flex:1;min-width:0}.notice:has(#home-campaigns-open)>button:last-child{flex:none;white-space:nowrap}
#campaign-dialog{width:calc(100% - 40px);max-width:860px;max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid #d6c5e9;border-radius:20px;background:#fff;color:#30253f;box-shadow:0 28px 100px #26133955;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ceb8e3 #fff;animation:campaign-enter .24s ease-out}
#campaign-dialog::backdrop{background:#19132a9c;backdrop-filter:blur(5px)}
.campaign-header{display:flex;align-items:center;gap:12px;padding:20px 24px}.campaign-spark{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;font-size:26px;color:#fff;background:linear-gradient(140deg,#b167e7,#6d48c5 70%,#54a4e8);box-shadow:0 4px 14px #744cc326}.campaign-header>div{flex:1;min-width:0}.campaign-header p{margin:0 0 2px;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#7b6b8b}.campaign-header h2{font-size:20px;font-weight:700;line-height:1.5;color:#30253f;margin:0}#campaign-position{font-size:11px;color:#78668c;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:1px}.campaign-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-left:5px;padding:0;border:1px solid #e2d8ed;border-radius:50%;background:#f9f6fc;color:#654f7a;font-size:24px;line-height:1}.campaign-close:hover{color:#482269;background:#eee2f9;border-color:#b795d0}
.campaign-stage{position:relative;margin:0 24px;overflow:hidden;border:1px solid #e7dff0;border-radius:12px;background:#f7f3fb}.campaign-art{display:block;aspect-ratio:1468/672;background:#f6f1fb}.campaign-art>img{width:100%;height:100%;object-fit:contain;display:block}.campaign-art:focus-visible{outline:3px solid #9162cf;outline-offset:-4px}.campaign-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e6d8f1;border-radius:50%;color:#563277;background:#fffffff2;font-size:18px;box-shadow:0 2px 12px #26133924}.campaign-prev{left:12px}.campaign-next{right:12px}.campaign-arrow:hover{background:#eee2fc;border-color:#ac8acb}
.campaign-tabs{display:flex;gap:8px;padding:14px 24px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d6c3e9 transparent}.campaign-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;min-width:0;padding:11px 13px;white-space:nowrap;border:1px solid #e3daed;border-radius:7px;background:#fcfaff;color:#6e5c7f;font-size:12px}.campaign-tabs>button>span{color:#a187b5;font-size:10px;font-variant-numeric:tabular-nums}.campaign-tabs strong{font-size:inherit;font-weight:500}.campaign-tabs>button.active{background:#f1e7fc;border-color:#aa82cb;color:#623497;box-shadow:inset 0 0 0 1px #aa82cb33}.campaign-tabs>button.active>span{color:#7c48aa}.campaign-tabs>button:hover{border-color:#b295cf}
.campaign-content{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px}.campaign-content>div{min-width:0;flex:1}.campaign-content h3{color:#30253f;font-size:24px;font-weight:700;line-height:1.45;margin:0 0 7px;overflow-wrap:anywhere}.campaign-content p{font-size:12px;color:#74647f;line-height:1.8;margin:0}.campaign-action{display:flex;align-items:center;justify-content:center;gap:18px;flex:none;max-width:100%;padding:12px 19px;border-radius:8px;background:linear-gradient(115deg,#a26ad2,#7050b9 70%,#587fc8);color:#fff;box-shadow:0 5px 15px #8055b329;font-size:13px;font-weight:600}.campaign-action:hover{filter:brightness(1.08)}.campaign-action>span:first-child{min-width:0;overflow-wrap:anywhere}.campaign-action>span:last-child{font-size:18px;line-height:1}
.campaign-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 24px;border-top:1px solid #eee7f5;background:#fcfaff}.campaign-footer>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#776582;cursor:pointer}.campaign-footer input{width:16px;height:16px;accent-color:#8655b8;cursor:pointer;margin:0}.campaign-later{font-size:12px;color:#6d597b;padding:7px 0 7px 12px}.campaign-later:hover{color:#663997;text-decoration:underline}#campaign-dialog :is(button,a,input):focus-visible{outline:3px solid #8860b7;outline-offset:3px}#campaign-dialog .campaign-art:focus-visible{outline-offset:-4px}
@keyframes campaign-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){.notice:has(#home-campaigns-open:not([hidden])){flex-wrap:wrap}.notice:has(#home-campaigns-open:not([hidden])) p{flex:1 1 calc(100% - 90px)}#home-campaigns-open{font-size:10px;padding:5px 9px;margin-left:0;margin-right:auto}#campaign-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:15px}.campaign-header{padding:16px;gap:9px}.campaign-spark{width:36px;height:36px;flex-basis:36px;font-size:23px;border-radius:10px}.campaign-header p{font-size:6px;letter-spacing:.8px}.campaign-header h2{font-size:18px}.campaign-close{width:30px;height:30px;flex-basis:30px;margin-left:0;font-size:22px}#campaign-position{font-size:9px;letter-spacing:.5px}.campaign-stage{margin:0 14px;border-radius:8px}.campaign-arrow{width:29px;height:29px;font-size:16px}.campaign-prev{left:8px}.campaign-next{right:8px}.campaign-tabs{padding:12px 14px 2px;gap:7px}.campaign-tabs>button{flex:0 0 auto;gap:6px;padding:9px 11px;font-size:11px}.campaign-tabs>button>span{font-size:9px}.campaign-content{padding:18px 16px;display:block}.campaign-content h3{font-size:21px;margin-bottom:6px}.campaign-content p{font-size:12px;line-height:1.8}.campaign-action{width:100%;padding:11px 16px;margin-top:16px;gap:20px;font-size:13px}.campaign-footer{padding:11px 16px}.campaign-footer label,.campaign-later{font-size:11px}}
@media(max-height:600px) and (min-width:681px){#campaign-dialog{max-width:680px}.campaign-header{padding:12px 20px}.campaign-stage{margin:0 20px}.campaign-art{aspect-ratio:auto;height:36dvh}.campaign-content{padding:14px 20px}.campaign-tabs{padding:10px 20px 0}.campaign-footer{padding:8px 20px}}
@media(prefers-reduced-motion:reduce){#campaign-dialog{animation:none}#campaign-dialog::backdrop{backdrop-filter:none}}