.hp-origins{
    --origins-green:#8edb32;
    --origins-cyan:#43d8d2;
    --origins-amber:#f3b94f;
    --origins-violet:#a78bfa;
    --origins-rose:#fb7185;
    --origins-surface:rgba(7,20,11,.89);
    --origins-surface-soft:rgba(10,29,16,.82);
    --origins-border:rgba(142,219,50,.14);
    --origins-text:#edf4ef;
    --origins-muted:#a7b4ab;
    width:min(1280px,calc(100% - 34px));
    margin:0 auto;
    padding:28px 0 72px;
    color:var(--origins-text);
}

.hp-origins *,
.hp-origins *::before,
.hp-origins *::after{
    box-sizing:border-box;
}

.hp-origins a{
    text-decoration:none;
}

.hp-origins-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
    gap:28px;
    min-height:440px;
    padding:clamp(30px,5vw,58px);
    border:1px solid var(--origins-border);
    border-radius:28px;
    background:
        radial-gradient(circle at 12% 18%,rgba(142,219,50,.15),transparent 32%),
        radial-gradient(circle at 88% 30%,rgba(67,216,210,.08),transparent 30%),
        linear-gradient(145deg,rgba(15,38,22,.96),rgba(4,13,7,.95));
    box-shadow:
        0 30px 90px rgba(0,0,0,.36),
        inset 0 1px rgba(255,255,255,.035);
}

.hp-origins-hero::after{
    content:'';
    position:absolute;
    right:-80px;
    bottom:-180px;
    width:420px;
    height:420px;
    border:1px solid rgba(142,219,50,.08);
    border-radius:50%;
    box-shadow:
        0 0 0 42px rgba(142,219,50,.02),
        0 0 0 86px rgba(142,219,50,.014);
    pointer-events:none;
}

.hp-origins-hero__copy,
.hp-origins-summary{
    position:relative;
    z-index:1;
}

.hp-origins-hero__copy{
    align-self:center;
}

.hp-origins-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#b9ff68;
    font-size:11px;
    font-weight:950;
    letter-spacing:.15em;
}

.hp-origins-kicker i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--origins-green);
    box-shadow:0 0 20px rgba(142,219,50,.85);
}

.hp-origins-hero h1{
    max-width:730px;
    margin:18px 0;
    color:#fff;
    font-size:clamp(46px,5.8vw,78px);
    line-height:.96;
    font-weight:1000;
    letter-spacing:-.065em;
}

.hp-origins-hero h1 em{
    display:block;
    color:var(--origins-green);
    font-style:normal;
}

.hp-origins-hero__copy>p{
    max-width:700px;
    margin:0;
    color:#b8c5bc;
    font-size:15px;
    line-height:1.75;
}

.hp-origins-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.hp-origins-button{
    display:inline-flex;
    min-height:46px;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    color:#dce6df;
    background:rgba(255,255,255,.035);
    font-size:12px;
    font-weight:900;
    transition:.18s ease;
}

.hp-origins-button:hover{
    transform:translateY(-1px);
    border-color:rgba(142,219,50,.25);
    color:#fff;
}

.hp-origins-button--primary{
    border-color:rgba(142,219,50,.4);
    color:#071006;
    background:var(--origins-green);
    box-shadow:0 10px 30px rgba(142,219,50,.15);
}

.hp-origins-summary{
    align-self:center;
    padding:24px;
    border:1px solid rgba(142,219,50,.15);
    border-radius:22px;
    background:rgba(4,14,7,.72);
    box-shadow:inset 0 1px rgba(255,255,255,.03);
    backdrop-filter:blur(18px);
}

.hp-origins-progress-ring{
    display:grid;
    width:164px;
    height:164px;
    margin:0 auto 22px;
    place-items:center;
    border-radius:50%;
    background:
        radial-gradient(circle at center,#07120a 56%,transparent 57%),
        conic-gradient(
            var(--origins-green) var(--hp-origins-progress),
            rgba(255,255,255,.07) 0
        );
    box-shadow:
        0 0 42px rgba(142,219,50,.11),
        inset 0 0 0 1px rgba(255,255,255,.025);
}

.hp-origins-progress-ring>span{
    display:grid;
    text-align:center;
}

.hp-origins-progress-ring strong{
    color:#fff;
    font-size:32px;
    line-height:1;
}

.hp-origins-progress-ring small{
    margin-top:7px;
    color:#9fad9f;
    font-size:10px;
    font-weight:850;
}

.hp-origins-summary__identity{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.hp-origins-summary__avatar,
.hp-origins-summary__guest{
    display:grid;
    overflow:hidden;
    width:50px;
    height:50px;
    flex:0 0 50px;
    place-items:center;
    border:1px solid rgba(142,219,50,.18);
    border-radius:13px;
    color:var(--origins-green);
    background:rgba(142,219,50,.05);
    font-size:24px;
}

.hp-origins-summary__avatar img{
    width:76px;
    max-width:none;
    image-rendering:pixelated;
    transform:translateY(8px);
}

.hp-origins-summary__identity>span:last-child{
    display:grid;
    min-width:0;
}

.hp-origins-summary__identity small{
    color:#829088;
    font-size:9px;
    font-weight:950;
    letter-spacing:.08em;
}

.hp-origins-summary__identity strong{
    overflow:hidden;
    margin-top:2px;
    color:#fff;
    font-size:16px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-origins-summary__identity em{
    margin-top:3px;
    color:#a8b5ac;
    font-size:11px;
    font-style:normal;
}

.hp-origins-summary__stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}

.hp-origins-summary__stats article{
    padding:11px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}

.hp-origins-summary__stats span{
    display:block;
    color:#89968e;
    font-size:9px;
    font-weight:800;
}

.hp-origins-summary__stats strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:18px;
}

.hp-origins-next{
    display:flex;
    min-height:54px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:12px;
    padding:11px 13px;
    border:1px solid rgba(142,219,50,.13);
    border-radius:13px;
    color:inherit;
    background:rgba(142,219,50,.035);
}

.hp-origins-next>span{
    display:grid;
    min-width:0;
}

.hp-origins-next small{
    color:#7f8d84;
    font-size:8px;
    font-weight:950;
    letter-spacing:.08em;
}

.hp-origins-next strong{
    overflow:hidden;
    margin-top:3px;
    color:#dfe8e1;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-origins-next b{
    color:var(--origins-green);
    font-size:14px;
}

.hp-origins-login-note,
.hp-origins-system-note{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:14px;
    padding:16px 18px;
    border:1px solid var(--origins-border);
    border-radius:16px;
    background:rgba(8,27,14,.82);
}

.hp-origins-login-note>span,
.hp-origins-system-note>span{
    display:grid;
    width:40px;
    height:40px;
    flex:0 0 40px;
    place-items:center;
    border-radius:11px;
    color:var(--origins-green);
    background:rgba(142,219,50,.07);
    font-size:19px;
}

.hp-origins-login-note>div{
    min-width:0;
    flex:1;
}

.hp-origins-login-note strong{
    color:#fff;
    font-size:13px;
}

.hp-origins-login-note p,
.hp-origins-system-note p{
    margin:3px 0 0;
    color:#a5b2a9;
    font-size:11px;
    line-height:1.55;
}

.hp-origins-login-note>a{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    padding:0 13px;
    border-radius:10px;
    color:#071006;
    background:var(--origins-green);
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}

.hp-origins-featured,
.hp-origins-catalog{
    margin-top:30px;
}

.hp-origins-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:14px;
}

.hp-origins-section-head>span{
    min-width:0;
}

.hp-origins-section-head small{
    color:var(--origins-green);
    font-size:10px;
    font-weight:950;
    letter-spacing:.13em;
}

.hp-origins-section-head h2{
    margin:5px 0 0;
    color:#fff;
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.035em;
}

.hp-origins-section-head p{
    max-width:720px;
    margin:7px 0 0;
    color:#a9b6ad;
    font-size:12px;
    line-height:1.62;
}

.hp-origins-section-head>b{
    display:inline-flex;
    min-height:32px;
    align-items:center;
    padding:0 11px;
    border:1px solid rgba(142,219,50,.12);
    border-radius:10px;
    color:#aabc9f;
    background:rgba(142,219,50,.03);
    font-size:10px;
    white-space:nowrap;
}

.hp-origins-featured__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.hp-origins-feature{
    --achievement-accent:var(--origins-green);
    position:relative;
    overflow:hidden;
    min-height:300px;
    padding:20px;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 20%,transparent);
    border-radius:19px;
    background:
        radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--achievement-accent) 10%,transparent),transparent 34%),
        var(--origins-surface);
}

.hp-origins-feature::after{
    content:'';
    position:absolute;
    right:-54px;
    bottom:-70px;
    width:160px;
    height:160px;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 11%,transparent);
    border-radius:50%;
}

.hp-origins-accent--cyan{--achievement-accent:var(--origins-cyan)}
.hp-origins-accent--amber{--achievement-accent:var(--origins-amber)}
.hp-origins-accent--violet{--achievement-accent:var(--origins-violet)}
.hp-origins-accent--rose{--achievement-accent:var(--origins-rose)}
.hp-origins-accent--green{--achievement-accent:var(--origins-green)}

.hp-origins-feature__top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.hp-origins-badge{
    display:grid;
    width:64px;
    height:64px;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 22%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--achievement-accent) 6%,rgba(4,12,7,.9));
    box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.hp-origins-badge img{
    max-width:52px;
    max-height:52px;
    image-rendering:pixelated;
}

.hp-origins-badge i{
    place-items:center;
    width:100%;
    height:100%;
    color:var(--achievement-accent);
    font-size:28px;
    font-style:normal;
}

.hp-origins-badge--large{
    width:82px;
    height:82px;
    border-radius:20px;
}

.hp-origins-badge--large img{
    max-width:68px;
    max-height:68px;
}

.hp-origins-status{
    display:inline-flex;
    min-height:25px;
    align-items:center;
    padding:0 8px;
    border-radius:8px;
    font-size:9px;
    font-weight:900;
    white-space:nowrap;
}

.hp-origins-status--completed{
    color:#c7ff87;
    background:rgba(142,219,50,.09);
}

.hp-origins-status--in_progress{
    color:#96eeea;
    background:rgba(67,216,210,.09);
}

.hp-origins-status--locked{
    color:#aab5ae;
    background:rgba(255,255,255,.05);
}

.hp-origins-feature__category{
    position:relative;
    z-index:1;
    display:block;
    margin-top:18px;
    color:var(--achievement-accent);
    font-size:9px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hp-origins-feature h3{
    position:relative;
    z-index:1;
    margin:5px 0 0;
    color:#fff;
    font-size:21px;
    line-height:1.18;
}

.hp-origins-feature>p{
    position:relative;
    z-index:1;
    margin:9px 0 0;
    color:#abb8af;
    font-size:12px;
    line-height:1.62;
}

.hp-origins-feature__level,
.hp-origins-feature__footer{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.hp-origins-feature__level{
    margin-top:16px;
    color:#a5b2a9;
    font-size:10px;
}

.hp-origins-feature__level strong{
    color:var(--achievement-accent);
    font-size:12px;
}

.hp-origins-progress{
    position:relative;
    z-index:1;
    overflow:hidden;
    height:7px;
    margin-top:8px;
    border-radius:99px;
    background:rgba(255,255,255,.065);
}

.hp-origins-progress i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:var(--achievement-accent);
    box-shadow:0 0 16px color-mix(in srgb,var(--achievement-accent) 45%,transparent);
}

.hp-origins-feature__footer{
    margin-top:14px;
    font-size:10px;
}

.hp-origins-feature__footer span{
    color:#98a59d;
}

.hp-origins-feature__footer a{
    color:var(--achievement-accent);
    font-weight:850;
}

.hp-origins-categories{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:9px;
    border:1px solid var(--origins-border);
    border-radius:16px;
    background:rgba(7,23,12,.8);
    scrollbar-width:thin;
}

.hp-origins-categories>a{
    display:flex;
    min-width:172px;
    min-height:58px;
    align-items:center;
    gap:10px;
    padding:9px 11px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:12px;
    color:inherit;
    background:rgba(255,255,255,.018);
    transition:.18s ease;
}

.hp-origins-categories>a:hover,
.hp-origins-categories>a.is-active{
    border-color:rgba(142,219,50,.22);
    background:rgba(142,219,50,.055);
}

.hp-origins-categories>a>i{
    display:grid;
    width:34px;
    height:34px;
    flex:0 0 34px;
    place-items:center;
    border-radius:10px;
    color:var(--origins-green);
    background:rgba(142,219,50,.065);
    font-size:16px;
    font-style:normal;
}

.hp-origins-categories>a>span{
    display:grid;
}

.hp-origins-categories strong{
    color:#dce5df;
    font-size:11px;
}

.hp-origins-categories small{
    margin-top:3px;
    color:#89968e;
    font-size:9px;
}

.hp-origins-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px auto auto;
    gap:8px;
    margin-top:10px;
    padding:9px;
    border:1px solid var(--origins-border);
    border-radius:15px;
    background:rgba(7,23,12,.8);
}

.hp-origins-toolbar label{
    position:relative;
}

.hp-origins-toolbar label>span{
    position:absolute;
    top:50%;
    left:13px;
    color:#77857c;
    font-size:18px;
    transform:translateY(-50%);
}

.hp-origins-toolbar input,
.hp-origins-toolbar select{
    width:100%;
    height:43px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:11px;
    outline:0;
    color:#dce5df;
    background:rgba(255,255,255,.025);
    font-size:12px;
}

.hp-origins-toolbar input{
    padding:0 13px 0 39px;
}

.hp-origins-toolbar select{
    padding:0 11px;
}

.hp-origins-toolbar input:focus,
.hp-origins-toolbar select:focus{
    border-color:rgba(142,219,50,.3);
}

.hp-origins-toolbar button,
.hp-origins-toolbar>a{
    display:inline-flex;
    min-height:43px;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:0;
    border-radius:11px;
    cursor:pointer;
    font-size:11px;
    font-weight:900;
}

.hp-origins-toolbar button{
    color:#071006;
    background:var(--origins-green);
}

.hp-origins-toolbar>a{
    color:#aeb9b1;
    background:rgba(255,255,255,.04);
}

.hp-origins-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
}

.hp-origins-card{
    --achievement-accent:var(--origins-green);
    display:grid;
    grid-template-columns:126px minmax(0,1fr);
    min-height:320px;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 16%,transparent);
    border-radius:20px;
    background:var(--origins-surface);
    box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.hp-origins-card__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:13px;
    padding:17px;
    border-right:1px solid rgba(255,255,255,.045);
    background:
        radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--achievement-accent) 11%,transparent),transparent 44%),
        rgba(255,255,255,.012);
}

.hp-origins-card__level{
    color:#9eaaa2;
    font-size:10px;
    font-weight:850;
}

.hp-origins-card__body{
    min-width:0;
    padding:18px;
}

.hp-origins-card__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
}

.hp-origins-card__meta>span:first-child{
    color:var(--achievement-accent);
    font-size:10px;
    font-weight:900;
}

.hp-origins-card h3{
    margin:10px 0 0;
    color:#fff;
    font-size:21px;
    line-height:1.18;
}

.hp-origins-card__body>p{
    margin:8px 0 0;
    color:#adb9b1;
    font-size:12px;
    line-height:1.62;
}

.hp-origins-card__numbers{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:15px;
}

.hp-origins-card__numbers>span{
    min-width:0;
    padding:9px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:10px;
    background:rgba(255,255,255,.018);
}

.hp-origins-card__numbers small{
    display:block;
    color:#7f8d84;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.hp-origins-card__numbers strong{
    display:block;
    overflow:hidden;
    margin-top:4px;
    color:#d7e0da;
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-origins-progress--large{
    height:8px;
    margin-top:14px;
}

.hp-origins-card__progress-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:7px;
    color:#929f97;
    font-size:9px;
}

.hp-origins-card__progress-label strong{
    color:#acb8b0;
    font-weight:800;
}

.hp-origins-hint{
    margin-top:13px;
    border-top:1px solid rgba(255,255,255,.05);
}

.hp-origins-hint summary{
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#aeb9b1;
    cursor:pointer;
    font-size:10px;
    font-weight:850;
    list-style:none;
}

.hp-origins-hint summary::-webkit-details-marker{
    display:none;
}

.hp-origins-hint summary i{
    color:var(--achievement-accent);
    font-size:16px;
    font-style:normal;
}

.hp-origins-hint[open] summary i{
    transform:rotate(45deg);
}

.hp-origins-hint p{
    margin:0;
    padding:0 0 11px;
    color:#96a49b;
    font-size:10px;
    line-height:1.58;
}

.hp-origins-empty{
    grid-column:1/-1;
    padding:54px 24px;
    border:1px dashed rgba(142,219,50,.16);
    border-radius:20px;
    text-align:center;
    background:rgba(7,22,12,.66);
}

.hp-origins-empty>span{
    display:grid;
    width:54px;
    height:54px;
    margin:0 auto;
    place-items:center;
    border-radius:15px;
    color:var(--origins-green);
    background:rgba(142,219,50,.06);
    font-size:25px;
}

.hp-origins-empty h3{
    margin:14px 0 0;
    color:#fff;
    font-size:19px;
}

.hp-origins-empty p{
    margin:7px auto 0;
    color:#9ba89f;
    font-size:12px;
}

.hp-origins-empty a{
    display:inline-flex;
    min-height:40px;
    align-items:center;
    margin-top:16px;
    padding:0 14px;
    border-radius:10px;
    color:#071006;
    background:var(--origins-green);
    font-size:11px;
    font-weight:900;
}

@media(max-width:1100px){
    .hp-origins-hero{
        grid-template-columns:1fr;
    }

    .hp-origins-summary{
        display:grid;
        grid-template-columns:auto minmax(0,1fr);
        gap:14px;
        align-items:center;
    }

    .hp-origins-progress-ring{
        grid-row:1/4;
        margin:0;
    }

    .hp-origins-featured__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hp-origins-feature:last-child:nth-child(odd){
        grid-column:1/-1;
    }

    .hp-origins-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:780px){
    .hp-origins{
        width:min(100% - 22px,1280px);
        padding-top:16px;
    }

    .hp-origins-hero{
        min-height:0;
        padding:28px 22px;
        border-radius:21px;
    }

    .hp-origins-hero h1{
        font-size:clamp(40px,12vw,58px);
    }

    .hp-origins-summary{
        display:block;
    }

    .hp-origins-progress-ring{
        margin:0 auto 20px;
    }

    .hp-origins-featured__grid{
        grid-template-columns:1fr;
    }

    .hp-origins-feature:last-child:nth-child(odd){
        grid-column:auto;
    }

    .hp-origins-toolbar{
        grid-template-columns:1fr 1fr;
    }

    .hp-origins-toolbar label{
        grid-column:1/-1;
    }

    .hp-origins-card{
        grid-template-columns:104px minmax(0,1fr);
    }
}

@media(max-width:560px){
    .hp-origins-hero h1{
        font-size:39px;
    }

    .hp-origins-hero__copy>p{
        font-size:14px;
    }

    .hp-origins-hero__actions,
    .hp-origins-login-note{
        align-items:stretch;
        flex-direction:column;
    }

    .hp-origins-button,
    .hp-origins-login-note>a{
        width:100%;
    }

    .hp-origins-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .hp-origins-section-head h2{
        font-size:27px;
    }

    .hp-origins-toolbar{
        grid-template-columns:1fr;
    }

    .hp-origins-toolbar label{
        grid-column:auto;
    }

    .hp-origins-card{
        grid-template-columns:1fr;
    }

    .hp-origins-card__visual{
        min-height:130px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.045);
    }

    .hp-origins-card__numbers{
        grid-template-columns:1fr;
    }

    .hp-origins-card__numbers strong{
        white-space:normal;
    }

    .hp-origins-summary__stats{
        grid-template-columns:1fr;
    }
}

/*
 * Hubbo Prime v39.4.1.1 — Progress Detection & Content Polish
 */

.hp-origins-progress-ring small{
    color:#aebbb2;
    font-size:11px;
}

.hp-origins-summary__identity small{
    color:#9aa79f;
    font-size:10px;
}

.hp-origins-summary__stats span{
    color:#9eaba2;
    font-size:10px;
}

.hp-origins-next small{
    color:#97a49b;
    font-size:10px;
}

.hp-origins-next strong{
    font-size:12px;
}

.hp-origins-login-note p,
.hp-origins-system-note p{
    color:#b0bcb4;
    font-size:12px;
}

.hp-origins-status{
    min-height:27px;
    padding:0 9px;
    font-size:10px;
}

.hp-origins-feature__category{
    font-size:10px;
}

.hp-origins-feature__level,
.hp-origins-feature__footer{
    font-size:11px;
}

.hp-origins-categories{
    flex-wrap:wrap;
    overflow:visible;
    scrollbar-width:none;
}

.hp-origins-categories::-webkit-scrollbar{
    display:none;
}

.hp-origins-categories>a{
    min-width:166px;
    flex:1 1 166px;
}

.hp-origins-categories small{
    color:#9eaba2;
    font-size:10px;
}

.hp-origins-card__numbers small{
    color:#97a49b;
    font-size:10px;
}

.hp-origins-card__numbers strong{
    font-size:11px;
}

.hp-origins-card__progress-label{
    color:#a4b1a8;
    font-size:10px;
}

.hp-origins-hint summary{
    font-size:11px;
}

.hp-origins-hint p{
    color:#a8b5ac;
    font-size:11px;
}

@media(max-width:780px){
    .hp-origins-categories{
        flex-wrap:nowrap;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
    }

    .hp-origins-categories>a{
        min-width:172px;
        flex:0 0 172px;
    }
}

/*
 * Hubbo Prime v39.4.1.2 — Achievement Accuracy & Layout Polish
 */

.hp-origins-summary__identity small,
.hp-origins-summary__stats span,
.hp-origins-next small{
    font-size:11px;
}

.hp-origins-status{
    min-height:29px;
    padding:0 10px;
    font-size:11px;
}

.hp-origins-feature__category,
.hp-origins-card__meta>span:first-child{
    font-size:11px;
}

.hp-origins-feature__level,
.hp-origins-feature__footer,
.hp-origins-card__level,
.hp-origins-card__progress-label,
.hp-origins-categories small{
    font-size:11px;
}

.hp-origins-feature__footer a{
    font-size:11px;
}

.hp-origins-toolbar input,
.hp-origins-toolbar select{
    font-size:13px;
}

.hp-origins-categories{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    overflow:visible;
}

.hp-origins-categories>a{
    width:100%;
    min-width:0;
    min-height:62px;
    flex:none;
}

.hp-origins-categories strong{
    font-size:12px;
}

@media(max-width:1120px){
    .hp-origins-categories{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .hp-origins-categories{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:780px){
    .hp-origins-categories{
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
    }

    .hp-origins-categories>a{
        width:auto;
        min-width:178px;
        flex:0 0 178px;
    }
}

/*
 * Hubbo Prime v39.4.1.3
 * Critical Regression & Navbar Offset Hotfix
 *
 * The global Prime navigator is fixed and does not reserve document flow
 * space. Origins therefore needs the same explicit top offset used by the
 * established Prime modules.
 */

.hp-origins{
    padding-top:124px;
}

.hp-origins-featured,
.hp-origins-catalog,
.hp-origins-card{
    scroll-margin-top:112px;
}

@media(max-width:780px){
    .hp-origins{
        padding-top:108px;
    }

    .hp-origins-featured,
    .hp-origins-catalog,
    .hp-origins-card{
        scroll-margin-top:100px;
    }
}

@media(max-width:560px){
    .hp-origins{
        padding-top:96px;
    }

    .hp-origins-featured,
    .hp-origins-catalog,
    .hp-origins-card{
        scroll-margin-top:90px;
    }
}

/*
 * Hubbo Prime v39.4.2 — Origins Daily Rewards Foundation
 */

.hp-origins-modules{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-bottom:14px;
    padding:8px;
    border:1px solid var(--origins-border);
    border-radius:16px;
    background:rgba(7,23,12,.82);
}

.hp-origins-modules>a,
.hp-origins-modules>span{
    display:flex;
    min-height:62px;
    align-items:center;
    gap:11px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:12px;
    color:inherit;
    background:rgba(255,255,255,.018);
}

.hp-origins-modules>a{
    transition:.18s ease;
}

.hp-origins-modules>a:hover,
.hp-origins-modules>a.is-active{
    border-color:rgba(142,219,50,.25);
    background:rgba(142,219,50,.065);
}

.hp-origins-modules>span.is-disabled{
    opacity:.48;
}

.hp-origins-modules i{
    display:grid;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    border-radius:11px;
    color:var(--origins-green);
    background:rgba(142,219,50,.07);
    font-size:17px;
    font-style:normal;
}

.hp-origins-modules>a.is-active i{
    color:#071006;
    background:var(--origins-green);
}

.hp-origins-modules span span{
    display:grid;
    min-width:0;
}

.hp-origins-modules strong{
    color:#e0e8e2;
    font-size:12px;
}

.hp-origins-modules small{
    margin-top:3px;
    color:#94a198;
    font-size:10px;
}

.hp-daily-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(350px,.7fr);
    gap:26px;
    min-height:410px;
    padding:clamp(30px,5vw,56px);
    border:1px solid var(--origins-border);
    border-radius:28px;
    background:
        radial-gradient(circle at 10% 18%,rgba(142,219,50,.15),transparent 33%),
        radial-gradient(circle at 84% 18%,rgba(243,185,79,.08),transparent 30%),
        linear-gradient(145deg,rgba(15,38,22,.97),rgba(4,13,7,.96));
    box-shadow:
        0 30px 90px rgba(0,0,0,.34),
        inset 0 1px rgba(255,255,255,.035);
}

.hp-daily-hero::after{
    content:'7';
    position:absolute;
    right:-15px;
    bottom:-120px;
    color:rgba(142,219,50,.025);
    font-size:430px;
    font-weight:1000;
    line-height:1;
    pointer-events:none;
}

.hp-daily-hero__copy,
.hp-daily-summary{
    position:relative;
    z-index:1;
}

.hp-daily-hero__copy{
    align-self:center;
}

.hp-daily-hero h1{
    max-width:720px;
    margin:18px 0;
    color:#fff;
    font-size:clamp(48px,5.7vw,76px);
    line-height:.97;
    font-weight:1000;
    letter-spacing:-.06em;
}

.hp-daily-hero h1 em{
    display:block;
    color:var(--origins-green);
    font-style:normal;
}

.hp-daily-hero__copy>p{
    max-width:700px;
    margin:0;
    color:#b8c5bc;
    font-size:15px;
    line-height:1.75;
}

.hp-daily-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.hp-daily-summary{
    align-self:center;
    padding:22px;
    border:1px solid rgba(142,219,50,.16);
    border-radius:21px;
    background:rgba(4,14,7,.76);
    backdrop-filter:blur(18px);
}

.hp-daily-summary__streak{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px;
    border:1px solid rgba(243,185,79,.15);
    border-radius:15px;
    background:
        radial-gradient(circle at 8% 30%,rgba(243,185,79,.11),transparent 38%),
        rgba(255,255,255,.02);
}

.hp-daily-summary__streak>span{
    display:grid;
    width:58px;
    height:58px;
    flex:0 0 58px;
    place-items:center;
    border-radius:16px;
    background:rgba(243,185,79,.08);
    font-size:29px;
}

.hp-daily-summary__streak>div{
    display:grid;
}

.hp-daily-summary__streak small,
.hp-daily-summary__status small{
    color:#98a59d;
    font-size:10px;
    font-weight:950;
    letter-spacing:.08em;
}

.hp-daily-summary__streak strong{
    margin-top:3px;
    color:#fff;
    font-size:25px;
    line-height:1.1;
}

.hp-daily-summary__streak em{
    margin-top:4px;
    color:#aeb9b1;
    font-size:11px;
    font-style:normal;
}

.hp-daily-summary__stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:10px;
}

.hp-daily-summary__stats article{
    padding:10px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:11px;
    background:rgba(255,255,255,.02);
}

.hp-daily-summary__stats span{
    display:block;
    color:#97a49b;
    font-size:10px;
}

.hp-daily-summary__stats strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:18px;
}

.hp-daily-summary__status{
    display:flex;
    align-items:center;
    gap:11px;
    margin-top:10px;
    padding:12px;
    border:1px solid rgba(142,219,50,.11);
    border-radius:13px;
    background:rgba(142,219,50,.03);
}

.hp-daily-summary__status>span{
    display:grid;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    border-radius:11px;
    color:#cbd6ce;
    background:rgba(255,255,255,.04);
    font-size:18px;
}

.hp-daily-summary__status>span.is-ready{
    color:#071006;
    background:var(--origins-green);
}

.hp-daily-summary__status>span.is-complete{
    color:#c7ff87;
    background:rgba(142,219,50,.09);
}

.hp-daily-summary__status>div{
    display:grid;
    min-width:0;
}

.hp-daily-summary__status strong{
    overflow:hidden;
    margin-top:3px;
    color:#e4ebe6;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-daily-summary__status em{
    margin-top:3px;
    color:#9eaba2;
    font-size:10px;
    font-style:normal;
}

.hp-daily-alert{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:13px;
    padding:14px 16px;
    border-radius:14px;
    background:rgba(8,27,14,.86);
}

.hp-daily-alert>span{
    display:grid;
    width:36px;
    height:36px;
    flex:0 0 36px;
    place-items:center;
    border-radius:10px;
    font-size:17px;
}

.hp-daily-alert p{
    margin:0;
    color:#bbc6be;
    font-size:12px;
    line-height:1.55;
}

.hp-daily-alert--success{
    border:1px solid rgba(142,219,50,.2);
}

.hp-daily-alert--success>span{
    color:#c7ff87;
    background:rgba(142,219,50,.09);
}

.hp-daily-alert--error{
    border:1px solid rgba(251,113,133,.2);
}

.hp-daily-alert--error>span{
    color:#ff9baa;
    background:rgba(251,113,133,.09);
}

.hp-daily-alert--notice{
    border:1px solid rgba(243,185,79,.2);
}

.hp-daily-alert--notice>span{
    color:#ffd47f;
    background:rgba(243,185,79,.09);
}

.hp-daily-calendar,
.hp-daily-claim,
.hp-daily-history{
    margin-top:30px;
    scroll-margin-top:112px;
}

.hp-daily-days{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:9px;
}

.hp-daily-day{
    --achievement-accent:var(--origins-green);
    position:relative;
    overflow:hidden;
    min-height:310px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 17%,transparent);
    border-radius:17px;
    background:
        radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--achievement-accent) 9%,transparent),transparent 35%),
        rgba(7,22,12,.89);
    transition:.18s ease;
}

.hp-daily-day.is-current{
    transform:translateY(-4px);
    border-color:color-mix(in srgb,var(--achievement-accent) 42%,transparent);
    box-shadow:
        0 18px 45px rgba(0,0,0,.25),
        0 0 28px color-mix(in srgb,var(--achievement-accent) 9%,transparent);
}

.hp-daily-day.is-claimed{
    opacity:.72;
}

.hp-daily-day.is-locked,
.hp-daily-day.is-inactive{
    filter:saturate(.55);
    opacity:.58;
}

.hp-daily-day header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
}

.hp-daily-day header>span{
    color:var(--achievement-accent);
    font-size:10px;
    font-weight:950;
    letter-spacing:.08em;
}

.hp-daily-day header>b{
    overflow:hidden;
    color:#9eaba2;
    font-size:9px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-daily-day__visual{
    display:grid;
    width:66px;
    height:66px;
    margin:22px auto 0;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 22%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--achievement-accent) 6%,rgba(4,12,7,.88));
}

.hp-daily-day__visual img{
    max-width:54px;
    max-height:54px;
    image-rendering:pixelated;
}

.hp-daily-day__visual i{
    place-items:center;
    width:100%;
    height:100%;
    color:var(--achievement-accent);
    font-size:28px;
    font-style:normal;
}

.hp-daily-day h3{
    margin:16px 0 0;
    color:#fff;
    font-size:15px;
    line-height:1.2;
    text-align:center;
}

.hp-daily-day>p{
    min-height:49px;
    margin:7px 0 0;
    color:#a8b5ac;
    font-size:10px;
    line-height:1.55;
    text-align:center;
}

.hp-daily-day__rewards{
    display:grid;
    gap:5px;
    margin-top:13px;
}

.hp-daily-day__rewards>span{
    display:grid;
    grid-template-columns:23px minmax(0,1fr);
    column-gap:7px;
    align-items:center;
    min-height:35px;
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:9px;
    background:rgba(255,255,255,.018);
}

.hp-daily-day__rewards i{
    grid-row:1/3;
    display:grid;
    width:23px;
    height:23px;
    place-items:center;
    border-radius:7px;
    color:var(--achievement-accent);
    background:color-mix(in srgb,var(--achievement-accent) 7%,transparent);
    font-size:10px;
    font-style:normal;
    font-weight:950;
}

.hp-daily-day__rewards b{
    color:#dbe4de;
    font-size:10px;
}

.hp-daily-day__rewards small{
    color:#8f9c94;
    font-size:9px;
}

.hp-daily-day__rewards .is-empty{
    display:block;
    color:#87948c;
    font-size:9px;
    text-align:center;
}

.hp-daily-day footer{
    margin-top:12px;
    padding-top:9px;
    border-top:1px solid rgba(255,255,255,.05);
    color:var(--achievement-accent);
    font-size:10px;
    font-weight:900;
    text-align:center;
}

.hp-daily-claim{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:14px;
    padding:22px;
    border:1px solid var(--origins-border);
    border-radius:21px;
    background:
        radial-gradient(circle at 5% 20%,rgba(142,219,50,.08),transparent 28%),
        rgba(7,23,12,.86);
}

.hp-daily-claim__content{
    align-self:center;
}

.hp-daily-claim__content h2{
    margin:9px 0 0;
    color:#fff;
    font-size:29px;
    line-height:1.12;
}

.hp-daily-claim__content>p{
    max-width:720px;
    margin:8px 0 0;
    color:#adb9b1;
    font-size:12px;
    line-height:1.62;
}

.hp-daily-claim__items{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}

.hp-daily-claim__items>span{
    display:grid;
    grid-template-columns:34px auto;
    column-gap:9px;
    align-items:center;
    min-width:150px;
    min-height:52px;
    padding:8px 11px;
    border:1px solid rgba(142,219,50,.12);
    border-radius:12px;
    background:rgba(142,219,50,.035);
}

.hp-daily-claim__items i{
    grid-row:1/3;
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:10px;
    color:var(--origins-green);
    background:rgba(142,219,50,.07);
    font-size:13px;
    font-style:normal;
    font-weight:950;
}

.hp-daily-claim__items strong{
    color:#fff;
    font-size:13px;
}

.hp-daily-claim__items small{
    color:#96a39a;
    font-size:10px;
}

.hp-daily-claim__action{
    display:grid;
    justify-items:center;
    align-content:center;
    padding:20px;
    border:1px solid rgba(142,219,50,.14);
    border-radius:17px;
    text-align:center;
    background:rgba(3,13,6,.7);
}

.hp-daily-claim__icon{
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    border-radius:17px;
    color:#cbd6ce;
    background:rgba(255,255,255,.04);
    font-size:26px;
}

.hp-daily-claim__icon.is-ready{
    color:#071006;
    background:var(--origins-green);
}

.hp-daily-claim__icon.is-complete{
    color:#c7ff87;
    background:rgba(142,219,50,.09);
}

.hp-daily-claim__action>small{
    margin-top:13px;
    color:#8f9c94;
    font-size:10px;
    font-weight:950;
    letter-spacing:.08em;
}

.hp-daily-claim__action>strong{
    margin-top:5px;
    color:#fff;
    font-size:17px;
}

.hp-daily-claim__action>p{
    margin:7px 0 15px;
    color:#9eaba2;
    font-size:11px;
    line-height:1.55;
}

.hp-daily-claim__action form,
.hp-daily-claim__action .hp-origins-button{
    width:100%;
}

.hp-daily-claim__action button:disabled{
    cursor:not-allowed;
    opacity:.58;
}

.hp-daily-history__layout{
    display:grid;
    grid-template-columns:360px minmax(0,1fr);
    gap:13px;
}

.hp-daily-history__stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.hp-daily-history__stats article{
    min-height:128px;
    padding:15px;
    border:1px solid var(--origins-border);
    border-radius:15px;
    background:rgba(7,23,12,.82);
}

.hp-daily-history__stats span{
    color:#9ba89f;
    font-size:10px;
}

.hp-daily-history__stats strong{
    display:block;
    margin-top:9px;
    color:#fff;
    font-size:29px;
    line-height:1;
}

.hp-daily-history__stats small{
    display:block;
    margin-top:7px;
    color:#89968e;
    font-size:10px;
}

.hp-daily-history__list{
    overflow:hidden;
    border:1px solid var(--origins-border);
    border-radius:16px;
    background:rgba(7,23,12,.82);
}

.hp-daily-history__list>article{
    display:flex;
    min-height:64px;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:11px 14px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.hp-daily-history__list>article:last-child{
    border-bottom:0;
}

.hp-daily-history__list>article>span{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    column-gap:9px;
    min-width:0;
}

.hp-daily-history__list i{
    grid-row:1/3;
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border-radius:9px;
    color:#c7ff87;
    background:rgba(142,219,50,.08);
    font-style:normal;
}

.hp-daily-history__list b{
    overflow:hidden;
    color:#dce5df;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-daily-history__list small{
    margin-top:3px;
    color:#8e9b92;
    font-size:10px;
}

.hp-daily-history__list>article>strong{
    max-width:45%;
    color:#aeb9b1;
    font-size:10px;
    line-height:1.45;
    text-align:right;
}

.hp-daily-history__empty{
    display:grid;
    min-height:180px;
    place-items:center;
    align-content:center;
    padding:24px;
    text-align:center;
}

.hp-daily-history__empty span{
    color:var(--origins-green);
    font-size:28px;
}

.hp-daily-history__empty p{
    max-width:430px;
    margin:9px 0 0;
    color:#99a69d;
    font-size:11px;
    line-height:1.55;
}

@media(max-width:1180px){
    .hp-daily-days{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .hp-daily-day:last-child{
        grid-column:2/4;
    }
}

@media(max-width:900px){
    .hp-origins-modules{
        grid-template-columns:1fr;
    }

    .hp-daily-hero,
    .hp-daily-claim,
    .hp-daily-history__layout{
        grid-template-columns:1fr;
    }

    .hp-daily-days{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hp-daily-day:last-child{
        grid-column:1/-1;
    }
}

@media(max-width:560px){
    .hp-daily-hero{
        min-height:0;
        padding:28px 22px;
        border-radius:21px;
    }

    .hp-daily-hero h1{
        font-size:40px;
    }

    .hp-daily-hero__copy>p{
        font-size:14px;
    }

    .hp-daily-hero__actions{
        align-items:stretch;
        flex-direction:column;
    }

    .hp-daily-hero__actions .hp-origins-button{
        width:100%;
    }

    .hp-daily-summary__stats,
    .hp-daily-days,
    .hp-daily-history__stats{
        grid-template-columns:1fr;
    }

    .hp-daily-day:last-child{
        grid-column:auto;
    }

    .hp-daily-claim{
        padding:17px;
    }

    .hp-daily-claim__content h2{
        font-size:25px;
    }

    .hp-daily-claim__items{
        display:grid;
        grid-template-columns:1fr;
    }

    .hp-daily-history__list>article{
        align-items:flex-start;
        flex-direction:column;
    }

    .hp-daily-history__list>article>strong{
        max-width:none;
        padding-left:39px;
        text-align:left;
    }
}

/*
 * Hubbo Prime v39.4.2.1 — Daily Rewards Timezone & UX Polish
 */

.hp-daily-day{
    min-height:332px;
}

.hp-daily-day header>b{
    font-size:10px;
}

.hp-daily-day>p{
    min-height:53px;
    color:#b2beb6;
    font-size:11px;
    line-height:1.58;
}

.hp-daily-day__rewards b{
    font-size:11px;
}

.hp-daily-day__rewards small,
.hp-daily-day__rewards .is-empty{
    color:#9daaa1;
    font-size:10px;
}

.hp-daily-day footer{
    font-size:11px;
    line-height:1.4;
}

.hp-daily-history__list{
    align-self:start;
}

.hp-daily-history__list>article>strong{
    font-size:11px;
}

.hp-daily-summary__stats span,
.hp-daily-summary__status em{
    font-size:11px;
}

@media(max-width:1180px){
    .hp-daily-day{
        min-height:320px;
    }
}

@media(max-width:560px){
    .hp-daily-day{
        min-height:0;
    }
}

/*
 * Hubbo Prime v39.4.3 — Origins Quests Foundation
 */

.hp-quest-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(350px,.72fr);
    gap:27px;
    min-height:420px;
    padding:clamp(30px,5vw,56px);
    border:1px solid var(--origins-border);
    border-radius:28px;
    background:
        radial-gradient(circle at 10% 18%,rgba(142,219,50,.15),transparent 33%),
        radial-gradient(circle at 86% 22%,rgba(167,139,250,.09),transparent 31%),
        linear-gradient(145deg,rgba(15,38,22,.97),rgba(4,13,7,.96));
    box-shadow:
        0 30px 90px rgba(0,0,0,.34),
        inset 0 1px rgba(255,255,255,.035);
}

.hp-quest-hero::after{
    content:'◆';
    position:absolute;
    right:-70px;
    bottom:-130px;
    color:rgba(142,219,50,.025);
    font-size:420px;
    line-height:1;
    transform:rotate(15deg);
    pointer-events:none;
}

.hp-quest-hero__copy,
.hp-quest-summary{
    position:relative;
    z-index:1;
}

.hp-quest-hero__copy{
    align-self:center;
}

.hp-quest-hero h1{
    max-width:720px;
    margin:18px 0;
    color:#fff;
    font-size:clamp(48px,5.7vw,76px);
    line-height:.97;
    font-weight:1000;
    letter-spacing:-.06em;
}

.hp-quest-hero h1 em{
    display:block;
    color:var(--origins-green);
    font-style:normal;
}

.hp-quest-hero__copy>p{
    max-width:700px;
    margin:0;
    color:#b8c5bc;
    font-size:15px;
    line-height:1.75;
}

.hp-quest-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.hp-quest-summary{
    align-self:center;
    padding:22px;
    border:1px solid rgba(142,219,50,.16);
    border-radius:21px;
    background:rgba(4,14,7,.76);
    backdrop-filter:blur(18px);
}

.hp-quest-summary__identity{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.hp-quest-summary__identity>span{
    display:grid;
    overflow:hidden;
    width:52px;
    height:52px;
    flex:0 0 52px;
    place-items:center;
    border:1px solid rgba(142,219,50,.18);
    border-radius:14px;
    color:var(--origins-green);
    background:rgba(142,219,50,.055);
    font-size:23px;
}

.hp-quest-summary__identity>span img{
    width:78px;
    max-width:none;
    image-rendering:pixelated;
    transform:translateY(8px);
}

.hp-quest-summary__identity>div{
    display:grid;
    min-width:0;
}

.hp-quest-summary__identity small{
    color:#9aa79f;
    font-size:10px;
    font-weight:950;
    letter-spacing:.08em;
}

.hp-quest-summary__identity strong{
    overflow:hidden;
    margin-top:3px;
    color:#fff;
    font-size:17px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-quest-summary__identity em{
    margin-top:3px;
    color:#a8b5ac;
    font-size:11px;
    font-style:normal;
}

.hp-quest-summary__stats,
.hp-quest-summary__periods{
    display:grid;
    gap:8px;
    margin-top:10px;
}

.hp-quest-summary__stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.hp-quest-summary__periods{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.hp-quest-summary__stats article,
.hp-quest-summary__periods>span{
    border:1px solid rgba(255,255,255,.05);
    border-radius:11px;
    background:rgba(255,255,255,.02);
}

.hp-quest-summary__stats article{
    padding:11px;
}

.hp-quest-summary__stats span{
    display:block;
    color:#9eaba2;
    font-size:10px;
}

.hp-quest-summary__stats strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:19px;
}

.hp-quest-summary__periods>span{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    column-gap:9px;
    align-items:center;
    min-height:52px;
    padding:8px 10px;
}

.hp-quest-summary__periods i{
    grid-row:1/3;
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:10px;
    color:var(--origins-green);
    background:rgba(142,219,50,.07);
    font-size:15px;
    font-style:normal;
}

.hp-quest-summary__periods b{
    color:#dce5df;
    font-size:11px;
}

.hp-quest-summary__periods small{
    color:#96a39a;
    font-size:10px;
}

.hp-quest-alert,
.hp-quest-login-note{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:13px;
    padding:14px 16px;
    border:1px solid var(--origins-border);
    border-radius:14px;
    background:rgba(8,27,14,.86);
}

.hp-quest-alert>span,
.hp-quest-login-note>span{
    display:grid;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    border-radius:10px;
    font-size:17px;
}

.hp-quest-alert p,
.hp-quest-login-note p{
    margin:0;
    color:#b3bfb7;
    font-size:12px;
    line-height:1.55;
}

.hp-quest-alert.is-success>span{
    color:#c7ff87;
    background:rgba(142,219,50,.09);
}

.hp-quest-alert.is-error{
    border-color:rgba(251,113,133,.2);
}

.hp-quest-alert.is-error>span{
    color:#ff9baa;
    background:rgba(251,113,133,.09);
}

.hp-quest-login-note>div{
    min-width:0;
    flex:1;
}

.hp-quest-login-note strong{
    color:#fff;
    font-size:13px;
}

.hp-quest-login-note p{
    margin-top:3px;
}

.hp-quest-login-note>a{
    display:inline-flex;
    min-height:39px;
    align-items:center;
    padding:0 13px;
    border-radius:10px;
    color:#071006;
    background:var(--origins-green);
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}

.hp-quest-focus,
.hp-quest-board,
.hp-quest-history{
    margin-top:30px;
    scroll-margin-top:112px;
}

.hp-quest-focus__grid,
.hp-quest-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}

.hp-quest-card{
    --achievement-accent:var(--origins-green);
    position:relative;
    overflow:hidden;
    display:flex;
    min-height:365px;
    flex-direction:column;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 17%,transparent);
    border-radius:19px;
    background:
        radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--achievement-accent) 9%,transparent),transparent 34%),
        rgba(7,22,12,.9);
    box-shadow:0 18px 48px rgba(0,0,0,.16);
}

.hp-quest-card.is-focus{
    min-height:385px;
    border-color:color-mix(in srgb,var(--achievement-accent) 25%,transparent);
}

.hp-quest-card.is-completed{
    box-shadow:
        0 18px 48px rgba(0,0,0,.18),
        0 0 30px color-mix(in srgb,var(--achievement-accent) 8%,transparent);
}

.hp-quest-card.is-claimed{
    opacity:.72;
}

.hp-quest-card.is-unavailable{
    filter:saturate(.55);
    opacity:.68;
}

.hp-quest-card__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.hp-quest-card__icon{
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--achievement-accent) 22%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--achievement-accent) 6%,rgba(4,12,7,.9));
}

.hp-quest-card__icon img{
    max-width:48px;
    max-height:48px;
    image-rendering:pixelated;
}

.hp-quest-card__icon i{
    place-items:center;
    width:100%;
    height:100%;
    color:var(--achievement-accent);
    font-size:25px;
    font-style:normal;
}

.hp-quest-card__status{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    padding:0 9px;
    border-radius:9px;
    color:#b8c4bc;
    background:rgba(255,255,255,.045);
    font-size:10px;
    font-weight:900;
}

.hp-quest-card__status.is-completed{
    color:#071006;
    background:var(--achievement-accent);
}

.hp-quest-card__status.is-claimed{
    color:#c7ff87;
    background:rgba(142,219,50,.09);
}

.hp-quest-card__status.is-unavailable{
    color:#ffb4c0;
    background:rgba(251,113,133,.08);
}

.hp-quest-card__meta{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:16px;
}

.hp-quest-card__meta span{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    padding:0 8px;
    border-radius:8px;
    color:var(--achievement-accent);
    background:color-mix(in srgb,var(--achievement-accent) 6%,transparent);
    font-size:10px;
    font-weight:900;
}

.hp-quest-card h3{
    margin:9px 0 0;
    color:#fff;
    font-size:21px;
    line-height:1.18;
}

.hp-quest-card>p{
    margin:8px 0 0;
    color:#adb9b1;
    font-size:12px;
    line-height:1.62;
}

.hp-quest-card__metric{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    margin-top:16px;
}

.hp-quest-card__metric small{
    color:#98a59d;
    font-size:10px;
}

.hp-quest-card__metric strong{
    color:var(--achievement-accent);
    font-size:15px;
}

.hp-quest-progress{
    overflow:hidden;
    height:8px;
    margin-top:8px;
    border-radius:99px;
    background:rgba(255,255,255,.065);
}

.hp-quest-progress i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:var(--achievement-accent);
    box-shadow:0 0 16px color-mix(in srgb,var(--achievement-accent) 45%,transparent);
}

.hp-quest-card__progress-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:7px;
    color:#a4b1a8;
    font-size:10px;
}

.hp-quest-card__progress-label small{
    color:#8f9c94;
    font-size:10px;
}

.hp-quest-card__rewards{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:14px;
}

.hp-quest-card__rewards>span{
    display:grid;
    grid-template-columns:25px auto;
    column-gap:7px;
    align-items:center;
    min-height:42px;
    padding:6px 8px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:10px;
    background:rgba(255,255,255,.018);
}

.hp-quest-card__rewards i{
    grid-row:1/3;
    display:grid;
    width:25px;
    height:25px;
    place-items:center;
    border-radius:8px;
    color:var(--achievement-accent);
    background:color-mix(in srgb,var(--achievement-accent) 7%,transparent);
    font-size:10px;
    font-style:normal;
    font-weight:950;
}

.hp-quest-card__rewards b{
    color:#dce5df;
    font-size:11px;
}

.hp-quest-card__rewards small,
.hp-quest-card__rewards .is-empty{
    color:#98a59d;
    font-size:10px;
}

.hp-quest-card__footer{
    margin-top:auto;
    padding-top:14px;
}

.hp-quest-card__footer form{
    width:100%;
}

.hp-quest-card__footer button,
.hp-quest-card__footer>a,
.hp-quest-card__footer>span{
    display:flex;
    width:100%;
    min-height:43px;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:11px;
    color:#aeb9b1;
    background:rgba(255,255,255,.025);
    font-size:11px;
    font-weight:900;
    text-align:center;
}

.hp-quest-card__footer button{
    border:0;
    color:#071006;
    background:var(--achievement-accent);
    cursor:pointer;
}

.hp-quest-card__footer button:disabled{
    cursor:not-allowed;
    opacity:.58;
}

.hp-quest-card__footer .is-complete{
    color:#c7ff87;
    background:rgba(142,219,50,.065);
}

.hp-quest-card__footer .is-unavailable{
    color:#ffacb9;
    background:rgba(251,113,133,.06);
}

.hp-quest-empty{
    grid-column:1/-1;
    padding:48px 24px;
    border:1px dashed rgba(142,219,50,.16);
    border-radius:19px;
    text-align:center;
    background:rgba(7,22,12,.66);
}

.hp-quest-empty>span{
    display:grid;
    width:52px;
    height:52px;
    margin:0 auto;
    place-items:center;
    border-radius:15px;
    color:var(--origins-green);
    background:rgba(142,219,50,.06);
    font-size:24px;
}

.hp-quest-empty h3{
    margin:13px 0 0;
    color:#fff;
    font-size:18px;
}

.hp-quest-empty p{
    margin:6px 0 0;
    color:#9ba89f;
    font-size:12px;
}

.hp-quest-history__list{
    overflow:hidden;
    border:1px solid var(--origins-border);
    border-radius:16px;
    background:rgba(7,23,12,.82);
}

.hp-quest-history__list>article{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) minmax(180px,.7fr);
    gap:11px;
    align-items:center;
    min-height:68px;
    padding:11px 14px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.hp-quest-history__list>article:last-child{
    border-bottom:0;
}

.hp-quest-history__icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:12px;
    color:var(--origins-green);
    background:rgba(142,219,50,.07);
    font-size:18px;
}

.hp-quest-history__list>article>span:nth-child(2){
    display:grid;
    min-width:0;
}

.hp-quest-history__list strong{
    overflow:hidden;
    color:#dce5df;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hp-quest-history__list small{
    margin-top:4px;
    color:#8f9c94;
    font-size:10px;
}

.hp-quest-history__list>article>b{
    color:#aeb9b1;
    font-size:11px;
    line-height:1.45;
    text-align:right;
}

.hp-quest-history__empty{
    display:grid;
    min-height:180px;
    place-items:center;
    align-content:center;
    padding:24px;
    text-align:center;
}

.hp-quest-history__empty span{
    color:var(--origins-green);
    font-size:28px;
}

.hp-quest-history__empty p{
    max-width:470px;
    margin:9px 0 0;
    color:#99a69d;
    font-size:11px;
    line-height:1.55;
}

@media(max-width:1020px){
    .hp-quest-hero{
        grid-template-columns:1fr;
    }

    .hp-quest-focus__grid,
    .hp-quest-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hp-quest-focus__grid .hp-quest-card:last-child:nth-child(odd),
    .hp-quest-grid .hp-quest-card:last-child:nth-child(odd){
        grid-column:1/-1;
    }
}

@media(max-width:720px){
    .hp-quest-focus__grid,
    .hp-quest-grid{
        grid-template-columns:1fr;
    }

    .hp-quest-focus__grid .hp-quest-card:last-child:nth-child(odd),
    .hp-quest-grid .hp-quest-card:last-child:nth-child(odd){
        grid-column:auto;
    }

    .hp-quest-history__list>article{
        grid-template-columns:42px minmax(0,1fr);
    }

    .hp-quest-history__list>article>b{
        grid-column:2;
        text-align:left;
    }
}

@media(max-width:560px){
    .hp-quest-hero{
        min-height:0;
        padding:28px 22px;
        border-radius:21px;
    }

    .hp-quest-hero h1{
        font-size:40px;
    }

    .hp-quest-hero__copy>p{
        font-size:14px;
    }

    .hp-quest-hero__actions,
    .hp-quest-login-note{
        align-items:stretch;
        flex-direction:column;
    }

    .hp-quest-hero__actions .hp-origins-button,
    .hp-quest-login-note>a{
        width:100%;
    }

    .hp-quest-summary__stats,
    .hp-quest-summary__periods{
        grid-template-columns:1fr;
    }

    .hp-quest-card,
    .hp-quest-card.is-focus{
        min-height:0;
    }
}

/*
 * Hubbo Prime v39.4.3.1 — Quest Focus & Readability Hotfix
 */

.hp-origins-modules small{
    font-size:11px;
}

.hp-quest-card{
    min-height:378px;
}

.hp-quest-card.is-focus{
    min-height:398px;
}

.hp-quest-card__status,
.hp-quest-card__meta span{
    font-size:11px;
}

.hp-quest-card>p{
    color:#b6c2ba;
    font-size:13px;
    line-height:1.6;
}

.hp-quest-card__metric small,
.hp-quest-card__progress-label,
.hp-quest-card__progress-label small{
    font-size:11px;
}

.hp-quest-card__rewards b{
    font-size:12px;
}

.hp-quest-card__rewards small,
.hp-quest-card__rewards .is-empty{
    color:#a4b0a8;
    font-size:11px;
}

.hp-quest-history__list small{
    font-size:11px;
}

.hp-quest-history__list>article>b{
    font-size:12px;
}

@media(max-width:560px){
    .hp-quest-card,
    .hp-quest-card.is-focus{
        min-height:0;
    }
}