.economy-heading{padding:2rem 0;border-bottom:1px solid #51435c;margin-bottom:2rem}.economy-heading h1{font-size:clamp(2rem,6vw,4rem);line-height:1.05}.community-main .economy-total{font-size:clamp(2.5rem,8vw,5rem);color:#a0fa0c;font-weight:800;margin:1rem 0}.economy-total span{display:block;font-size:1rem;letter-spacing:.08em;color:#eee}.economy-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin:1.5rem 0 3rem}.economy-package{padding:1.3rem;border:1px solid #67527c;background:#21182b;min-width:0;overflow-wrap:anywhere;margin-bottom:1rem}.economy-package h3{margin-top:0}.community-main .economy-price{font-size:2rem;font-weight:800;color:#a0fa0c}.economy-package label{display:block;margin:.8rem 0}.economy-package input:not([type=checkbox]),.economy-package select{width:100%;box-sizing:border-box}.economy-checkbox{display:flex!important;align-items:center;gap:.6rem;line-height:1.4;margin:1rem 0}.economy-checkbox input{width:auto}.economy-history{padding:0;list-style:none}.economy-history li{display:flex;flex-direction:column;gap:.4rem;padding:1rem 0;border-bottom:1px solid #51435c;overflow-wrap:anywhere}.economy-history small{color:#c4b9cc}.slop-funding{font-size:.8rem;padding:.6rem 0;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.slop-funding select{max-width:100%;font:inherit;background:#21182b;color:#fff;border:1px solid #67527c;padding:.4rem}.slop-funding p{margin:0;width:100%;color:#cbd8b4}.slop-funding a{color:#a0fa0c}
.community-main form[action="/api/economy/boost"]{display:grid;gap:1rem;max-width:40rem;margin:1.5rem 0}.community-main form[action="/api/economy/boost"] label{display:grid;gap:.5rem;min-width:0}.community-main form[action="/api/economy/boost"] select{width:100%;min-width:0;box-sizing:border-box;background:#21182b;color:#fff;border:1px solid #67527c;padding:.8rem;font:inherit}.community-main progress{width:min(100%,25rem);height:.7rem;accent-color:#a0fa0c}
.campaign-rules{white-space:pre-wrap}.campaign-form{display:grid;gap:1rem;max-width:40rem;margin:1.5rem 0}.campaign-form label{display:grid;gap:.5rem}.campaign-form input{min-width:0;width:100%;box-sizing:border-box}
.campaign-form select{min-width:0;width:100%;box-sizing:border-box;background:#21182b;color:#fff;border:1px solid #67527c;padding:.8rem;font:inherit}
/* Gamify shares the login and Hall of Slop visual language. */
.gamify-page{--gamify-border:#703a9c66;--gamify-muted:#c6b6de}
.gamify-main{max-width:1240px!important;width:100%;margin:auto!important;padding:24px 40px 80px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.gamify-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 44px;padding:0 0 20px;border-bottom:1px solid var(--gamify-border)}
.gamify-nav a{padding:10px 16px;border-radius:6px;color:var(--gamify-muted);font-size:13px;font-weight:650;text-decoration:none;border:1px solid transparent}
.gamify-nav a[aria-current=page]{color:var(--accent);background:#18201ac9;border-color:#a0fa0c70}
.gamify-nav a:hover{color:#fff;background:#42235c70}
.gamify-main h1{font-size:clamp(38px,5.8vw,76px);font-weight:850;letter-spacing:-.055em;line-height:1.06;margin:0 0 24px;text-wrap:balance;max-width:100%;overflow-wrap:anywhere}
.gamify-main h1 span{color:var(--accent)}
.gamify-main h2{font-size:clamp(23px,3vw,34px);letter-spacing:-.035em;line-height:1.2;margin:0 0 14px}
.gamify-main h3{font-size:22px;letter-spacing:-.025em}
.gamify-main p{color:var(--gamify-muted);line-height:1.65;max-width:70ch}
.gamify-main .eyebrow{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:#c3abf1;margin:0 0 12px}
.gamify-main .economy-heading{padding:12px 0 36px;margin-bottom:36px;border-color:var(--gamify-border)}
.gamify-main .tank-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:330px}
.tank-intro h1{max-width:6em;font-size:clamp(56px,7vw,92px)}
.tank-balance{padding:28px 32px;border:1px solid #8b4aba80;background:linear-gradient(145deg,#241036e8,#11081fed);border-radius:16px;box-shadow:0 18px 60px #09041466,inset 0 1px #a375c526;position:relative}
.tank-balance::before{content:'';position:absolute;inset:0 32px auto;height:3px;background:var(--accent);box-shadow:0 0 20px #a0fa0c60;border-radius:0 0 4px 4px}
.gamify-main .economy-total{font-size:clamp(48px,6vw,76px);font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.055em;margin:16px 0 22px;color:var(--accent)}
.gamify-main .economy-total span{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:#d7c9ec;margin-top:12px}
.gamify-main>section{margin:36px 0;padding:30px 0 0;border-top:1px solid var(--gamify-border)}
.gamify-main .economy-packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 12px}
.gamify-main .economy-package{border:1px solid var(--gamify-border);border-radius:12px;background:#160c24ed;padding:26px;margin-bottom:18px;box-shadow:0 12px 32px #09041430}
.gamify-main .economy-packages .economy-package{display:flex;flex-direction:column;margin:0}
.gamify-main .economy-package h3{margin:0 0 10px;color:#f5f1ff}
.gamify-main .economy-package p{font-size:14px;margin:8px 0}
.gamify-main .economy-package .economy-price{font-size:36px;letter-spacing:-.05em;color:var(--accent);margin:4px 0 20px;font-variant-numeric:tabular-nums}
.gamify-main .economy-package strong{color:#f5f1ff}
.gamify-main .economy-packages form{margin-top:auto;padding-top:20px}
.gamify-main .economy-packages article>a:last-child{margin-top:auto;padding-top:24px;font-size:13px}
.gamify-main button{background:var(--accent);color:#172009;font-family:inherit;font-size:14px;font-weight:750;line-height:1.3;border:1px solid var(--accent);border-radius:7px;padding:13px 18px;cursor:pointer;transition:background .18s,transform .18s}
.gamify-main .economy-packages button{width:100%}
.gamify-main button:hover:not(:disabled){background:#b7ff40;transform:translateY(-1px)}
.gamify-main button:active:not(:disabled){transform:translateY(1px)}
.gamify-main button:disabled{background:#342540;color:#af9bbd;border-color:#68447f;cursor:not-allowed}
.gamify-main :is(a,button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.gamify-main .economy-checkbox{font-size:12px;color:var(--gamify-muted);align-items:flex-start}
.gamify-main input[type=checkbox]{accent-color:var(--accent);margin-top:3px;flex-shrink:0}
.gamify-main :is(.campaign-form,form[action='/api/economy/boost']){background:#160c24eb;padding:24px;border:1px solid var(--gamify-border);border-radius:12px;max-width:100%}
.gamify-main :is(input:not([type=hidden]):not([type=checkbox]),select){background:#10091c;border:1px solid #724791;color:#f5f1ff;border-radius:7px;padding:13px;font:inherit;max-width:100%}
.gamify-main .economy-history{margin:20px 0;border:1px solid var(--gamify-border);border-radius:12px;background:#120a1fe8;overflow:hidden}
.gamify-main .economy-history li{padding:18px 22px;border-color:var(--gamify-border);font-size:14px;line-height:1.55}
.gamify-main .economy-history li:last-child{border:0}
.gamify-main .economy-history small{color:#ad98c5;font-size:12px}
.gamify-main .economy-history strong{font-variant-numeric:tabular-nums}
.gamify-main nav[aria-label='Contribution period']{display:flex;flex-wrap:wrap;gap:8px}
.gamify-main nav[aria-label='Contribution period'] a{display:inline-block;padding:10px 18px;border:1px solid var(--gamify-border);border-radius:6px;background:#150c23}
.gamify-main nav[aria-label='Contribution period'] a[aria-current=page]{border-color:var(--accent);color:var(--accent)}
.gamify-main :is(.form-notice,p[role=status]){padding:16px 20px;border:1px solid #7945a580;border-radius:8px;background:#29153bc9;color:#ded0ee;font-size:14px}
.gamify-main .challenge-video{max-width:100%;border-radius:8px;background:#090414}
.gamify-main progress{display:block;width:100%;max-width:480px;height:10px;border:0;border-radius:20px;overflow:hidden;background:#3b2452}
.gamify-main progress::-webkit-progress-bar{background:#3b2452}.gamify-main progress::-webkit-progress-value{background:var(--accent)}.gamify-main progress::-moz-progress-bar{background:var(--accent)}
@media(max-width:800px){.gamify-main{padding:20px 22px 60px!important}.gamify-main .tank-heading{gap:24px}.tank-balance{padding:24px}.gamify-main .economy-packages{grid-template-columns:1fr}.gamify-main .economy-package{padding:22px}.gamify-nav{margin-bottom:28px}.gamify-nav a{padding:9px 11px}}
@media(max-width:540px){.gamify-main{padding:16px 16px 48px!important}.gamify-main .tank-heading{grid-template-columns:1fr;padding-top:0;gap:18px}.tank-intro h1{max-width:none;font-size:54px}.tank-balance{padding:24px}.gamify-main .economy-heading{margin-bottom:24px}.gamify-main .economy-total{font-size:58px}.gamify-main>section{margin:26px 0}.gamify-main .economy-history li{padding:16px}.gamify-main :is(.campaign-form,form[action='/api/economy/boost']){padding:18px}.gamify-nav{gap:3px}.gamify-nav a{font-size:12px;padding:9px}}
@media(prefers-reduced-motion:reduce){.gamify-main button{transition:none;transform:none!important}}

.gamify-page::before{background:linear-gradient(#09041455,#090414b8),url('slup-login-background.png') center / cover no-repeat}