:root{
    --cl-radius:6px;
    --cl-hair:color-mix(in srgb,var(--fg) 11%,transparent);
    --cl-hair-2:color-mix(in srgb,var(--fg) 18%,transparent);
    --cl-tap:44px;
}
.nav{
    background-image:none;
    background-color:color-mix(in srgb,var(--bg-deep) 90%,transparent);
    box-shadow:none;
    border-bottom:1px solid var(--cl-hair);
}
.nav::before{
    background:none;
    box-shadow:none;
}
.nav-in{
    min-height:64px;
}
.brand-cursor{
    display:none;
}
.brand-txt span{
    letter-spacing:.08em;
}
#nav-links{
    gap:2px;
    align-items:center;
}
#nav-links a,#nav-links>.nav-group>a.nav-group-head{
    font-family:var(--font-ui);
    font-weight:500;
    font-size:14.5px;
    line-height:1.2;
    letter-spacing:0;
    text-transform:none;
    color:var(--fg-dim);
    padding:9px 11px;
    border-radius:var(--cl-radius);
    background:none;
}
#nav-links a::before,#nav-links a::after{
    content:none;
}
#nav-links a:hover,#nav-links>.nav-group>a.nav-group-head:hover{
    color:var(--fg);
    background:color-mix(in srgb,var(--fg) 6%,transparent);
}
#nav-links a[aria-current="page"],#nav-links>.nav-group>a.nav-group-head[data-current]{
    color:var(--fg);
    font-weight:600;
    background:color-mix(in srgb,var(--accent) 10%,transparent);
}
#nav-links a[aria-current="page"]::after,#nav-links>.nav-group>a.nav-group-head[data-current]::after{
    content:"";
    position:absolute;
    left:11px;
    right:11px;
    bottom:3px;
    height:2px;
    border-radius:2px;
    background:var(--accent);
    margin:0;
    opacity:1;
}
#nav-links .sep{
    width:1px;
    height:18px;
    margin:0 6px;
    background:var(--cl-hair-2);
}
#nav-links .wc-ink{
    display:none;
}
#nav-links a.nav-support{
    color:var(--accent-hi);
    border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
    padding:8px 13px;
}
#nav-links a.nav-support:hover{
    border-color:var(--accent);
    background:color-mix(in srgb,var(--accent) 10%,transparent);
    color:var(--fg);
}
#nav-links a.nav-support[aria-current="page"]::after{
    left:13px;
    right:13px;
}
#nav-links .nav-group{
    position:relative;
}
#nav-links>.nav-group>a.nav-group-head{
    display:inline-flex;
    align-items:center;
    gap:7px;
    cursor:pointer;
}
#nav-links>.nav-group>a.nav-group-head .nav-caret{
    border-top-color:currentColor;
    opacity:.75;
}
#nav-links>.nav-group>a.nav-group-head[aria-expanded="true"]{
    color:var(--fg);
    background:color-mix(in srgb,var(--fg) 6%,transparent);
}
#nav-links .nav-group-menu{
    top:calc(100% + 8px);
    min-width:200px;
    padding:6px;
    border-radius:calc(var(--cl-radius) + 2px);
    border:1px solid var(--cl-hair-2);
    background:var(--surface-2);
    box-shadow:0 18px 40px -16px rgba(0,0,0,.75);
}
#nav-links .nav-group-menu a{
    display:block;
    padding:11px 12px;
    font-size:14.5px;
    white-space:nowrap;
}
#nav-links .nav-group-menu a[aria-current="page"]::after{
    left:12px;
    right:auto;
    width:22px;
}
@media (min-width:821px) and (max-width:1320px){
    #nav-links a,#nav-links>.nav-group>a.nav-group-head{
        padding:9px 8px;
        font-size:14px;
    }
    #nav-links a[aria-current="page"]::after,#nav-links>.nav-group>a.nav-group-head[data-current]::after{
        left:8px;
        right:8px;
    }
    #nav-links a.nav-support{
        padding:8px 10px;
    }
    #nav-links .sep{
        margin:0 3px;
    }
}
@media (min-width:821px) and (max-width:1060px){
    #nav-links a,#nav-links>.nav-group>a.nav-group-head{
        padding:9px 6px;
        font-size:13.5px;
    }
    #nav-links .sep{
        display:none;
    }
}
@media (max-width:820px){
    #nav-links{
        padding:6px var(--gut) 14px;
        gap:0;
        align-items:stretch;
        border-bottom:1px solid var(--cl-hair);
    }
    #nav-links a,#nav-links .nav-group-menu a{
        display:flex;
        align-items:center;
        min-height:var(--cl-tap);
        padding:10px 12px;
        font-size:16px;
        border-radius:var(--cl-radius);
    }
    #nav-links .sep{
        display:block;
        width:auto;
        height:1px;
        margin:6px 4px;
        background:var(--cl-hair);
    }
    #nav-links .sep + a{
        margin-top:0;
    }
    #nav-links>.nav-group>a.nav-group-head{
        display:none;
    }
    #nav-links .nav-group-menu,#nav-links .nav-group-menu[hidden]{
        display:block!important;
        position:static;
        min-width:0;
        margin:0;
        padding:0;
        border:0;
        background:none;
        box-shadow:none;
    }
    #nav-links a[aria-current="page"]::after,#nav-links .nav-group-menu a[aria-current="page"]::after{
        left:0;
        right:auto;
        top:10px;
        bottom:10px;
        width:3px;
        height:auto;
    }
    #nav-links a.nav-support{
        margin-top:8px;
        justify-content:center;
    }
    .burger{
        width:var(--cl-tap);
        height:var(--cl-tap);
        border-radius:var(--cl-radius);
    }
    .burger::before{
        top:15px;
    }
    .burger span{
        top:21px;
    }
    .burger::after{
        top:27px;
    }
    .burger[aria-expanded="true"]::before{
        transform:translateY(6px) rotate(45deg);
    }
    .burger[aria-expanded="true"]::after{
        transform:translateY(-6px) rotate(-45deg);
    }
}
#mx-navdock #nav-links a,#mx-navdock #nav-links>.nav-group>a.nav-group-head{
    font:500 13.5px/1.2 var(--font-ui);
    letter-spacing:0;
    text-transform:none;
    padding:8px 10px;
}
#mx-navdock #nav-links>.nav-group>a.nav-group-head{
    display:inline-flex;
    align-items:center;
    gap:6px;
}
#mx-navdock #nav-links>.nav-group>a.nav-group-head[data-current]{
    color:var(--on-primary);
    background:var(--accent);
}
#mx-navdock #nav-links a[aria-current="page"]::after,#mx-navdock #nav-links>.nav-group>a.nav-group-head[data-current]::after{
    content:none;
}
#mx-navdock #nav-links a.nav-support{
    padding:7px 10px;
}
#mx-navdock #nav-links .nav-group-menu{
    top:calc(100% + 10px);
}
#mx-navdock #nav-links .nav-group-menu a{
    display:block;
    padding:10px 12px;
    font-size:14px;
}
#mx-sitemenu #nav-links>.nav-group>a.nav-group-head{
    display:none;
}
#mx-sitemenu #nav-links .nav-group-menu,#mx-sitemenu #nav-links .nav-group-menu[hidden]{
    display:block!important;
    position:static;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
}
#mx-sitemenu #nav-links a{
    font-size:15px;
    min-height:40px;
    display:flex;
    align-items:center;
}
#mx-sitemenu #nav-links a.nav-support{
    justify-content:center;
    margin-top:6px;
}
.nav-cta,.nav-auth-btn,.nav-chip,.wc-aud-btn,.wc-aud-say{
    font-family:var(--font-ui);
    letter-spacing:0;
    text-transform:none;
}
.nav .nav-util .nav-cta[data-cta-icon],.nav .nav-util .wc-aud-btn,.nav .nav-util .nav-auth-btn,.nav-chip{
    border-radius:var(--cl-radius);
    border-color:var(--cl-hair-2);
}
.nav-who-name{
    font-family:var(--font-ui);
    letter-spacing:0;
}
.nav-who-sub{
    font-family:var(--font-ui);
    letter-spacing:.02em;
}
@media (max-width:820px){
    .nav .nav-util .nav-cta[data-cta-icon],.nav .nav-util .wc-aud-btn{
        width:40px;
        height:40px;
    }
    .nav .nav-util .nav-auth-btn{
        min-height:40px;
    }
}
.hero .kicker::before,.hero .kicker::after{
    content:none;
    display:none;
}
.hero .kicker{
    font-family:var(--font-ui);
    font-size:13px;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:none;
    color:var(--accent-hi);
}
.hero h1::after{
    content:none;
    display:none;
}
html[data-wc-motion="on"] .hero .kicker{
    animation:none;
    clip-path:none;
}
.eyebrow{
    font-family:var(--font-ui);
    font-size:12.5px;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:none;
    color:var(--accent-hi);
    gap:0;
}
.eyebrow::before,.eyebrow::after,:is(.page-head,.sec-head:has(>.page-h1)) .eyebrow::before{
    content:none;
    display:none;
}
:is(.page-head,.sec-head:has(>.page-h1)){
    border-bottom-color:var(--cl-hair);
}
:is(.page-head,.sec-head:has(>.page-h1))::after{
    width:56px;
    height:2px;
    border-radius:2px;
    background:var(--accent);
}
.sec-head:not(.page-head):not(:has(>.page-h1)){
    border-bottom-color:var(--cl-hair);
}
.fig span::after{
    content:none;
    display:none;
}
.card::after,.feat::before,.feat::after,.cas-card::after,.studio-card::after,.step::after,.gate::before,.gate::after,.card.gate::before{
    content:none;
    display:none;
}
.card,.status,.feat,.notice,.cta-card,.gate{
    border-radius:calc(var(--cl-radius) + 2px);
}
.steps li::before{
    letter-spacing:0;
}
.btn{
    font-family:var(--font-ui);
    font-weight:600;
    font-size:14.5px;
    line-height:1.2;
    letter-spacing:.01em;
    text-transform:none;
    border-radius:var(--cl-radius);
    min-height:var(--cl-tap);
    padding:11px 20px;
    gap:8px;
    border-color:var(--cl-hair-2);
}
.btn:not([data-wc-btn])::before{
    content:none;
}
.btn[data-wc-btn]::before{
    content:"";
    color:inherit;
    transform:none;
}
.btn-primary,main:has(>.isle-strip) .hero-cta .btn-primary{
    background:var(--accent);
    background-image:none;
    border:1px solid var(--accent);
    color:var(--on-primary);
    font-weight:700;
    text-shadow:none;
}
.btn-primary:hover,main:has(>.isle-strip) .hero-cta .btn-primary:hover{
    background:var(--accent-hi);
    border-color:var(--accent-hi);
    color:var(--on-primary);
}
.btn-ghost{
    background-color:color-mix(in srgb,var(--bg-deep) 35%,transparent);
    border-color:var(--cl-hair-2);
    color:var(--fg);
}
.btn-ghost:hover{
    border-color:var(--accent);
    background-color:color-mix(in srgb,var(--accent) 10%,transparent);
}
main:has(>.isle-strip) .hero-cta .btn-ghost{
    border:1px solid var(--cl-hair-2);
    color:var(--fg);
    background:color-mix(in srgb,var(--bg-deep) 40%,transparent);
}
main:has(>.isle-strip) .hero-cta .btn-ghost:hover{
    border-color:var(--accent);
    background:color-mix(in srgb,var(--accent) 12%,transparent);
}
.btn-sm,.slot-act .btn,.buy-actions .btn,.lvc-act .btn{
    min-height:38px;
    padding:8px 14px;
    font-size:13.5px;
    letter-spacing:0;
}
.btn-danger{
    font-family:var(--font-ui);
    letter-spacing:.01em;
    text-transform:none;
    border-radius:var(--cl-radius);
}
.admin-tabs button,.tabs button,[role="tab"]{
    font-family:var(--font-ui);
    letter-spacing:.01em;
    text-transform:none;
    font-weight:600;
}
.admin-tabs button[aria-selected="true"]::before,[role="tab"][aria-selected="true"]::before{
    content:none;
}
.live-dossier .lvd-tab b{
    font-family:var(--font-ui);
    font-size:14px;
    font-weight:600;
    letter-spacing:0;
    text-transform:none;
}
.live-dossier .lvd-k{
    font-family:var(--font-ui);
    font-size:12.5px;
    font-weight:600;
    letter-spacing:.02em;
}
body.home main>.hero{
    min-height:0;
    padding-block:clamp(36px,9vh,96px) clamp(18px,3vh,30px);
}
body.home .hero h1{
    margin:0;
}
body.home .hero-copy>p:not(.kicker){
    margin-top:14px;
    max-width:56ch;
    font-size:clamp(16px,1.2vw,18px);
    line-height:1.65;
    color:var(--fg);
}
body.home .hero-cta{
    margin-top:22px;
    padding-top:0;
    border-top:0;
    gap:10px;
}
body.home .isle-strip{
    padding-top:clamp(8px,2vh,20px);
}
body.home .isle-claim li{
    letter-spacing:.08em;
}
body.home .section.community-first{
    padding-block:clamp(28px,4vw,48px) 0;
}
body.home .cta-card h2,body.home .cta-card p,body.home .cta-card .btn{
    letter-spacing:0;
}
.isle-discord{
    min-height:var(--cl-tap);
    border-radius:var(--cl-radius);
}
.isle-discord span{
    font-size:14px;
    letter-spacing:0;
    text-transform:none;
}
@media (max-width:820px){
    body.home main>.hero{
        padding-block:28px 22px;
    }
    body.home .hero h1{
        font-size:clamp(40px,12vw,56px);
    }
    body.home .hero-copy>p:not(.kicker){
        font-size:16px;
        line-height:1.6;
    }
    body.home .hero-cta{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    body.home .hero-cta .btn-primary{
        grid-column:1 / -1;
    }
    body.home .hero-cta .btn{
        width:100%;
        padding-inline:12px;
    }
}
#wc-livebar{
    font-family:var(--font-ui);
    font-size:12px;
    letter-spacing:.02em;
    text-transform:none;
}
#wc-livebar::before{
    background:color-mix(in srgb,var(--accent) 40%,transparent);
}
body.has-livebar{
    padding-bottom:calc(var(--livebar-h,44px) + 64px);
}
.wcc-launch{
    font-family:var(--font-ui);
    font-size:13px;
    letter-spacing:0;
    text-transform:none;
    min-height:40px;
    border-radius:var(--cl-radius);
}
@media (max-width:640px){
    .wcc-launch{
        width:46px;
        height:46px;
        min-height:0;
        padding:0;
        justify-content:center;
        border-radius:50%;
        left:auto;
        right:12px;
        bottom:calc(var(--livebar-h,0px) + 12px);
        box-shadow:0 6px 18px -6px rgba(0,0,0,.7);
    }
    .wcc-launch .wcc-launch-txt{
        display:none;
    }
    .wcc-launch svg{
        width:18px;
        height:18px;
    }
    .wcc-launch .wcc-badge{
        position:absolute;
        top:-4px;
        right:-4px;
    }
}
.foot-links a{
    font-family:var(--font-ui);
    font-size:14px;
    letter-spacing:0;
    text-transform:none;
}
.foot-legal,.foot-brand span span{
    font-family:var(--font-ui);
    font-size:12.5px;
    letter-spacing:0;
}
@media (max-width:640px){
    .foot-links a{
        display:inline-flex;
        align-items:center;
        min-height:var(--cl-tap);
    }
}
html[lang="th"] body *{
    letter-spacing:0!important;
}
html[lang="th"] :is(.status-label,.status-src,.fig span,.isle-live-k,.isle-fact dt,.isle-peak dt,.lb-k){
    font-size:12.5px;
}
html[lang="th"] #wc-livebar{
    font-size:12.5px;
}
html[lang="th"] .btn{
    font-size:15px;
}
html[lang="th"] #nav-links a,html[lang="th"] #nav-links>.nav-group>a.nav-group-head{
    font-size:15px;
}
@media (min-width:821px) and (max-width:1320px){
    html[lang="th"] #nav-links a,html[lang="th"] #nav-links>.nav-group>a.nav-group-head{
        font-size:14.5px;
    }
}
@media (max-width:820px){
    html[lang="th"] #nav-links a,html[lang="th"] #nav-links .nav-group-menu a{
        font-size:16.5px;
    }
}
@media (forced-colors:active){
    #nav-links a[aria-current="page"]::after,#nav-links>.nav-group>a.nav-group-head[data-current]::after{
        background:Highlight;
        forced-color-adjust:none;
    }
}
#nav-links a.nav-support+a.nav-support{
    margin-left:6px;
}
.nav-util .nav-pill{
    display:block;
    position:relative;
    height:auto;
    flex:none;
    gap:0;
    padding:8px 13px;
    border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
    border-radius:var(--cl-radius);
    background:none;
    color:var(--accent-hi);
    font:500 14.5px/1.2 var(--font-ui);
    letter-spacing:0;
    text-transform:none;
    white-space:nowrap;
    text-decoration:none;
    box-shadow:none;
    transition:border-color .16s,background-color .16s,color .16s;
}
html[lang="th"] .nav-util .nav-pill{
    font-size:15px;
}
.nav-util .nav-pill svg{
    display:none;
}
.nav-util .nav-pill:hover,.nav-util .nav-pill[aria-current="page"]{
    border-color:var(--accent);
    background:color-mix(in srgb,var(--accent) 10%,transparent);
    color:var(--fg);
}
@media (min-width:821px){
    .nav-in>#nav-links a.nav-support,.nav-in>#nav-links .sep:has(+a.nav-support){
        display:none;
    }
}
@media (min-width:821px) and (max-width:1320px){
    .nav-util .nav-pill{
        padding:8px 10px;
        font-size:14px;
    }
    html[lang="th"] .nav-util .nav-pill{
        font-size:14.5px;
    }
}
@media (min-width:821px) and (max-width:1060px){
    .nav-util .nav-pill{
        padding:7px 8px;
        font-size:13.5px;
    }
    html[lang="th"] .nav-util .nav-pill{
        font-size:13.5px;
    }
}
@media (min-width:821px) and (max-width:1240px){
    .nav-in>.brand .brand-txt{
        display:none;
    }
}
@media (min-width:1321px) and (max-width:1400px){
    #nav-links a,#nav-links>.nav-group>a.nav-group-head{
        font-size:14px;
        padding:9px 8px;
    }
    html[lang="th"] #nav-links a,html[lang="th"] #nav-links>.nav-group>a.nav-group-head{
        font-size:14.5px;
    }
    .nav-util .nav-pill{
        padding:8px 10px;
        font-size:14px;
    }
    html[lang="th"] .nav-util .nav-pill{
        font-size:14.5px;
    }
}
@media (max-width:820px){
    .nav-util .nav-pill{
        display:none;
    }
}
.pw-dpop{
    position:fixed;
    z-index:calc(var(--z-nav,60) + 10);
    padding:10px;
    border:1px solid var(--border-2);
    border-radius:var(--cl-radius,6px);
    background:var(--surface);
    box-shadow:0 18px 44px -22px rgba(0,0,0,.9);
}
.pw-dpop .pw-dpop-go{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    white-space:nowrap;
}
.pwb-left.is-paused,.pwba-left.is-paused{
    color:var(--fg-mute);
}