/* JALEXSI Activities — quest cards v1. */
.activities-page{--activity-bg:#04060d;--activity-panel:#0a0f1d;--activity-line:rgba(126,86,226,.34);--activity-purple:#8e3cff;--activity-text:#f5f6ff;--activity-muted:#a1abca;--activity-green:#33e994;width:100%;max-width:1440px;margin:0 auto;padding:22px 0 34px;color:var(--activity-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;isolation:isolate}
.activities-page *{box-sizing:border-box}
.activities-page [hidden]{display:none!important}
.activity-icon{width:24px;height:24px;flex:0 0 auto}
.activity-tabs{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:12px;position:relative;z-index:1}
.activity-tab{display:flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:12px 18px;border:1px solid var(--activity-line);border-radius:8px;color:#c1c2fa;background:rgba(6,9,21,.88);font-size:16px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}
.activity-tab:hover{border-color:#a270ff;background:#18102b}
.activity-tab.is-active{background:linear-gradient(115deg,#8e26f6,#5700fb);box-shadow:inset 0 1px 14px rgba(220,163,255,.27),0 0 24px rgba(142,60,255,.16);color:#fff;border-color:#b783ff}
.activity-tab__soon{border:1px solid #7642bc;border-radius:20px;padding:2px 9px;color:#c9abff;font-size:11px;font-weight:500}
.activity-kicker{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#a270ff}
.activities-hero{position:relative;padding:27px 10px 26px;min-height:212px}
.activities-hero::before{content:"";position:absolute;inset:-40px -20px -300px;z-index:-1;background:linear-gradient(0deg,#04060d 0%,rgba(4,6,13,.95) 18%,rgba(4,6,13,.30) 68%,rgba(4,6,13,.15) 100%),url("../images/activities/hero.webp") center top/cover no-repeat;pointer-events:none}
.activities-hero h1{font-size:clamp(44px,5.8vw,78px);line-height:1.02;margin:8px 0 7px;font-weight:900;letter-spacing:-2px;background:linear-gradient(0deg,#b386fa 0%,#fff 55%);background-clip:text;-webkit-background-clip:text;color:transparent}
.activities-hero p{margin:0 0 13px;font-size:17px;line-height:1.5;color:#c5cef4;max-width:780px}
.activities-hero__note{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #2b3557;border-radius:8px;background:rgba(6,10,20,.72);color:#b9c5f2;font-size:12px}
.activities-hero__note .activity-icon{width:17px;height:17px}
.quest-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.quest-card{border:1px solid rgba(146,74,241,.7);background:linear-gradient(155deg,rgba(10,15,29,.96),rgba(5,9,19,.98));border-radius:9px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 40px rgba(0,0,0,.16);min-width:0}
.quest-card__header{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;min-height:85px}
.quest-card__header h2{font-size:13px;line-height:1.45;text-transform:uppercase;margin:0 0 3px;font-weight:800;letter-spacing:.15px}
.quest-card__header>div{min-width:0}
.quest-card__header>div>span{font-size:13px;color:#aeb8e5}
.quest-card__mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #442085;background:linear-gradient(135deg,#151027,#20103b);border-radius:8px;color:#b843ff}
.quest-card__mark .activity-icon{width:29px;height:29px}
.quest-status{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:600;margin-left:auto;border-radius:8px;border:1px solid #33436d;color:#aebcf0;white-space:nowrap;background:rgba(12,17,34,.9)}
.quest-status .activity-icon{width:16px;height:16px}
.quest-status.is-active{border-color:#9328ff;color:#fff;background:linear-gradient(120deg,#270b53,#140a31)}
.quest-status.is-completed{color:#30edb0;border-color:#08cda7;background:#042622}
.quest-card__cover{position:relative;height:200px;overflow:hidden;flex:0 0 200px}
.quest-card__cover::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#090e1c 0%,rgba(9,14,28,.60) 22%,rgba(9,14,28,.02) 75%)}
.quest-card__cover img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.quest-card__cover h3{position:absolute;left:19px;right:19px;bottom:5px;z-index:1;margin:0;font-size:25px;line-height:1.2;font-weight:800;overflow-wrap:anywhere;text-shadow:0 2px 9px #050710}
.quest-card__body{padding:12px 19px 19px;display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}
.quest-card__description{font-size:14px;color:#b7c2ed;line-height:1.6;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.quest-goals{display:grid;gap:15px}
.quest-goal__label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#aeb9e0;line-height:1.4}
.quest-goal__label strong{font-size:13px;white-space:nowrap}
.quest-goal__numbers{font-size:15px;font-weight:600;margin:6px 0}
.quest-goal__numbers span{font-weight:400;color:#a5b0d1}
.quest-goal progress{display:block;width:100%;height:12px;border:1px solid #313569;background:#11172c;border-radius:5px;overflow:hidden;appearance:none;-webkit-appearance:none}
.quest-goal progress::-webkit-progress-bar{background:#11172c;border-radius:4px}
.quest-goal progress::-webkit-progress-value{background:linear-gradient(90deg,#c54aff,#7e09ff);border-radius:4px;box-shadow:0 0 9px #8e3cff}
.quest-goal progress::-moz-progress-bar{background:linear-gradient(90deg,#c54aff,#7e09ff);border-radius:4px}
.quest-goal.is-done progress::-webkit-progress-value{background:linear-gradient(90deg,#00e794,#0effb5);box-shadow:0 0 9px #09bd81}
.quest-goal.is-done progress::-moz-progress-bar{background:#13eaa8}
.quest-goal.is-done .quest-goal__label strong{color:var(--activity-green)}
.quest-goal small{display:block;color:#8898bd;font-size:11px;margin-top:6px;line-height:1.4}
.quest-goal-mode{margin:0;font-size:12px;color:#a78ade}
.quest-benefits{display:grid;grid-template-columns:1.1fr 1fr;gap:9px}
.quest-benefit{display:flex;align-items:center;gap:11px;border:1px solid #273252;border-radius:7px;padding:11px 10px;background:rgba(4,8,17,.74);min-width:0}
.quest-benefit__icon{display:flex;color:#a0a4ff}
.quest-benefit__icon .activity-icon{width:28px;height:28px}
.quest-benefit__icon.is-gold{color:#ffc750;filter:drop-shadow(0 0 6px rgba(227,145,12,.20))}
.quest-benefit strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.quest-benefit small{display:block;font-size:10px;color:#aab8e0;line-height:1.5}
.quest-benefit .is-green{color:var(--activity-green)}
.quest-benefit--random{min-height:88px;margin:8px 0}
.quest-benefit--random .activity-icon{width:36px;height:36px}
.quest-server,.quest-previous,.quest-replacement-used{margin:0;color:#8998bd;font-size:11px;line-height:1.6}
.quest-previous strong{color:#b4bde0}
.quest-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:4px}
.quest-button{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:11px 16px;border:1px solid #b165ff;border-radius:7px;font:600 14px/1.4 Inter,system-ui,sans-serif;color:#fff;cursor:pointer;background:linear-gradient(115deg,#931cff,#5e06eb);box-shadow:inset 0 1px 8px rgba(245,207,255,.15),0 0 20px rgba(118,30,255,.12);text-decoration:none;text-align:center}
.quest-button:hover{border-color:#d4a2ff;filter:brightness(1.1)}
.quest-button.is-secondary{background:transparent;box-shadow:none}
.quest-button:disabled{cursor:default;filter:none;opacity:.5;border-color:#4d4871;background:#17172b;box-shadow:none}
.quest-button .activity-icon{width:20px;height:20px}
.quest-card__actions form>small{display:block;color:#9faed6;font-size:11px;margin-top:7px;text-align:center}
.quest-time{display:flex;align-items:center;gap:8px;margin:0;color:#ccd4f5;font-size:12px;line-height:1.6}
.quest-time .activity-icon{width:19px;height:19px}
.quest-time strong{font-weight:600}
.quest-time.is-locked{background:#101628;border:1px solid #24314e;border-radius:7px;padding:12px;color:#9baadc}
.quest-time-ready{margin:0;color:#c5b4f3;font-size:12px}
.quest-time-ready a,.quest-link{color:#b48bff}
.quest-link{font:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-size:12px}
.quest-completion{background:#09261e;border:1px solid #126346;border-radius:7px;padding:12px;font-size:12px;color:#78ebbd}
.quest-completion p{margin:4px 0 6px;line-height:1.5}
.activity-rules{display:flex;align-items:center;gap:22px;border:1px solid #49356f;background:rgba(9,14,27,.88);border-radius:8px;padding:18px 22px;margin-top:16px}
.activity-rules>.activity-icon{width:36px;height:36px;color:#ada1ff}
.activity-rules>strong{font-size:16px;white-space:nowrap}
.activity-rules ul{padding-left:20px;margin:0;color:#a8b5df;font-size:12px;line-height:1.8}
.activity-rules li::marker{color:#a572ff}
.activity-notice{border:1px solid #247458;background:#09271e;border-radius:8px;padding:14px 18px;margin-bottom:16px;font-size:14px;color:#b4f0d8}
.activity-notice.is-error{background:#301525;border-color:#914a6a;color:#f2bed5}
.activity-notice p{margin:3px 0}
.activity-soon{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:480px;padding:70px 24px 48px;gap:16px;background:radial-gradient(ellipse at top,rgba(98,28,190,.18),transparent 60%);border:1px solid var(--activity-line);border-radius:12px;margin-top:24px}
.activity-soon__icon{display:flex;padding:20px;color:#b97cff;background:#180e2c;border:1px solid #5f3597;border-radius:16px}
.activity-soon__icon .activity-icon{width:44px;height:44px}
.activity-soon h1{font-size:36px;line-height:1.2;margin:0}
.activity-soon p{max-width:500px;margin:0;color:#aebbdc;line-height:1.7}
.activity-soon__badge{border:1px solid #674196;border-radius:20px;padding:5px 12px;font-size:12px;color:#ba9cde}
.activity-soon .quest-button{max-width:250px;margin-top:8px}
.activities-page a:focus-visible,.activities-page button:focus-visible{outline:2px solid #d7b3ff;outline-offset:3px}
@media(min-width:1550px){.quest-card__cover{height:220px;flex-basis:220px}.quest-card__header h2{font-size:14px}.quest-status{font-size:11px}}
@media(max-width:1120px){.quest-card__header{flex-wrap:wrap;gap:8px;min-height:100px}.quest-card__header .quest-status{margin-left:54px}.quest-card__cover h3{font-size:22px}.quest-benefits{grid-template-columns:1fr}.activity-tab{font-size:14px;gap:9px}}
@media(max-width:800px){.quest-cards{grid-template-columns:1fr}.quest-card__header{flex-wrap:nowrap;min-height:78px}.quest-card__header .quest-status{margin-left:auto}.quest-card__cover{height:230px;flex-basis:230px}.quest-benefits{grid-template-columns:1fr 1fr}.activities-hero::before{inset:-30px 0 -280px}.activity-tabs{grid-template-columns:1fr;gap:8px}.activity-tab{justify-content:flex-start;min-height:46px;font-size:14px}.activity-tab__soon{margin-left:auto}.activity-rules{align-items:flex-start;gap:12px;flex-wrap:wrap}.activity-rules ul{width:100%;margin-left:8px}.activities-hero{min-height:210px;padding-left:4px;padding-right:4px}.activities-page{padding-top:12px}.activity-soon{min-height:400px;padding-top:40px}}
@media(max-width:420px){.quest-card__header{padding:13px 12px;gap:8px}.quest-card__mark{width:37px;height:41px;flex-basis:37px}.quest-card__header h2{font-size:11px}.quest-status{font-size:9px;padding:6px}.quest-status .activity-icon{width:14px;height:14px}.quest-card__body{padding:10px 14px 16px}.quest-card__cover h3{left:14px;right:14px;font-size:23px}.quest-benefits{gap:7px}.quest-benefit{padding:9px 8px;gap:7px}.quest-benefit__icon .activity-icon{width:24px;height:24px}.quest-benefit strong{font-size:12px}.activities-hero p{font-size:15px}.activities-hero__note{font-size:11px}.activity-soon h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.activity-tab{transition:none}}