.rdt-word-ladder{
        --wl-bg:#f3f4f5;
        --wl-bg2:#fbfbfc;
        --wl-panel:#fff;
        --wl-green:#2f7d4a;
        --wl-green-dark:#34423a;
        --wl-gold:#f3a500;
        --wl-blue:#1b6997;
        --wl-line:#c8d8cb;
        --wl-soft:#f1f5f1;
        --wl-cell:#f8fbf8;
        --wl-text:#1f2b22;
        --wl-muted:#66736b;
        width:100%;
        max-width:100%;
        font-family:inherit;
        color:var(--wl-text);
        isolation:isolate;
        box-sizing:border-box;
    }

    .rdt-word-ladder *,
    .rdt-word-ladder *::before,
    .rdt-word-ladder *::after{box-sizing:border-box}

    .rdt-word-ladder .rdt-wl-shell{
        position:relative;
        width:100%;
        max-width:760px;
        margin:20px auto;
        padding:16px;
        background:linear-gradient(180deg,#f7fbf8 0,#eef5ef 100%);
        border:1px solid var(--wl-line);
        border-radius:18px;
        box-shadow:0 10px 35px rgba(0,0,0,.08);
        overflow:hidden;
    }

    .rdt-word-ladder .rdt-wl-shell::before{
        content:'';
        position:absolute;
        left:-90px;
        top:-110px;
        width:250px;
        height:250px;
        border-radius:50%;
        background:rgba(22, 139, 75, 0.08);
        pointer-events:none;
    }

    .rdt-word-ladder .rdt-wl-shell::after{
        content:'';
        position:absolute;
        right:-100px;
        bottom:-120px;
        width:270px;
        height:270px;
        border-radius:50%;
        background:rgba(243, 165, 0, 0.07);
        pointer-events:none;
    }

    .rdt-word-ladder button{
        font:inherit;
        -webkit-tap-highlight-color:transparent;
    }

    .rdt-word-ladder .rdt-wl-header,
    .rdt-word-ladder .rdt-wl-toolbar,
    .rdt-word-ladder .rdt-wl-board,
    .rdt-word-ladder .rdt-wl-actions,
    .rdt-word-ladder .rdt-wl-how{
        position:relative;
        z-index:1;
    }

    .rdt-word-ladder .rdt-wl-header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        margin-bottom:12px;
    }

    .rdt-word-ladder .rdt-wl-brand-wrap{
        min-width:0;
        flex:1;
        display:flex;
        align-items:center;
        gap:10px;
    }

    .rdt-word-ladder .rdt-wl-logo{
        display:flex;
        align-items:center;
        gap:4px;
        flex:0 0 auto;
    }

    .rdt-word-ladder .rdt-wl-logo span{
        width:31px!important;
        height:31px!important;
        border-radius:7px!important;
        background:#f3a500!important;
        color:#fff!important;
        display:grid!important;
        place-items:center!important;
        font-weight:900!important;
        font-size:18px!important;
        line-height:1!important;
        box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)!important;
    }

    .rdt-word-ladder .rdt-wl-logo span + span{
        background:#1b6997;
        box-shadow:0 3px 7px rgba(27,105,151,.18);
    }

    .rdt-word-ladder .rdt-wl-brand{min-width:0}
    .rdt-word-ladder .rdt-wl-brand-title{
        font-size:22px;
        line-height:1;
        font-weight:900;
        letter-spacing:.7px;
    }

    .rdt-word-ladder .rdt-wl-brand-subtitle{
        font-size:11px;
        opacity:.58;
        margin:4px 0 0 0;
        white-space:nowrap;
    }

    .rdt-word-ladder .rdt-wl-header-stats{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:6px;
        flex:0 0 210px;
    }

    .rdt-word-ladder .rdt-wl-stat{
        background:#fff;
        border-radius:12px;
        padding:7px 5px;
        text-align:center;
        border:1px solid #cce5d1!important;
	box-shadow: 0 2px 0 #77a484, 0 0 8px rgba(33,133,68,.10);
    }

    .rdt-word-ladder .rdt-wl-stat span{
        display:block;
        font-size:9px;
        text-transform:uppercase;
        letter-spacing:.7px;
        opacity:.55;
        font-weight:900;
    }

    .rdt-word-ladder .rdt-wl-stat strong{
        display:block;
        font-size:18px;
        line-height:1.1;
        margin-top:2px;
        color:var(--wl-green-dark);
        font-variant-numeric:tabular-nums;
    }

    .rdt-word-ladder .rdt-wl-toolbar{
        display:flex;
        align-items:center;
        gap:8px;
        margin-bottom:9px;
    }

    .rdt-word-ladder .rdt-wl-progress-card{
        flex:1;
        min-width:0;
        background:#fff;
        border:1px solid #d9e3da;
        border-radius:12px;
        padding:8px 10px;
        box-shadow:0 2px 8px rgba(0,0,0,.04);
    }

    .rdt-word-ladder .rdt-wl-progress-top{
        display:flex;
        justify-content:space-between;
        gap:8px;
        font-size:9px;
        font-weight:900;
        letter-spacing:.7px;
        color:#68766d;
    }

    .rdt-word-ladder .rdt-wl-progress-text{color:var(--wl-green)}
    .rdt-word-ladder .rdt-wl-progress-track{
        height:6px;
        margin-top:6px;
        border-radius:999px;
        overflow:hidden;
        background:#e9efe9;
    }

    .rdt-word-ladder .rdt-wl-progress-fill{
        width:0%;
        height:100%;
        border-radius:999px;
        background:var(--wl-green);
        transition:width .3s ease;
    }

    .rdt-word-ladder .rdt-wl-options{
        border:1px solid #d9e3da;
        background:#fff;
        color:var(--wl-green-dark);
        border-radius:11px;
        padding:9px 12px;
        font-size:11px;
        font-weight:900;
        cursor:pointer;
        box-shadow:0 2px 8px rgba(0,0,0,.04);
    }

    .rdt-word-ladder .rdt-wl-options:hover{
        background:var(--wl-blue);
        border-color:var(--wl-blue);
        color:#fff;
    }

    .rdt-word-ladder .rdt-wl-round-info{
        position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 13px;
    }
    .rdt-word-ladder .rdt-wl-hint{
        height:36px;border:1px solid #d9e3da;background:#fff;color:#1b6997;border-radius:10px;padding:0 13px;
        font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.04);
    }
    .rdt-word-ladder .rdt-wl-hint:hover{background:#1b6997;border-color:#1b6997;color:#fff}
    .rdt-word-ladder .rdt-wl-hint:disabled{opacity:.45;cursor:not-allowed}
    .rdt-word-ladder .rdt-wl-hint em{font-style:normal}
    .rdt-word-ladder .rdt-wl-restart{
        height:36px;border:1px solid #d9e3da;background:#fff;color:#d95a00;border-radius:10px;padding:0 13px;
        font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.04);
    }
    .rdt-word-ladder .rdt-wl-restart:hover{background:#d95a00;border-color:#d95a00;color:#fff}

    .rdt-word-ladder .rdt-wl-loading{
        width:min(100%,650px)!important;box-sizing:border-box!important;margin:5px auto 10px!important;padding:0px!important;background:transparent!important;border:1px solid #d9e3da!important;border-radius:10px!important;transition:opacity .22s ease,height .22s ease,margin .22s ease;
    }
    .rdt-word-ladder .rdt-wl-loading-track{width:100%!important;height:5px!important;border-radius:99px!important;background:#edf2ee!important;overflow:hidden!important}
    .rdt-word-ladder .rdt-wl-loading-fill{height:100%!important;width:1%!important;border-radius:99px!important;background:#168b4b!important;transition:width .18s ease!important}
    .rdt-word-ladder.rdt-wl-preparing .rdt-wl-board{pointer-events:none!important}
    .rdt-word-ladder .rdt-wl-loading[hidden]{display:none!important}
    .rdt-word-ladder .rdt-wl-board{
        max-width:360px;
        margin:0 auto;
        text-align:center;
    }

    .rdt-word-ladder .rdt-wl-board-label{
        color:#68756d;
        font-size:9px;
        font-weight:950;
        letter-spacing:2px;
        margin-bottom:7px;
    }

    .rdt-word-ladder .rdt-wl-target-label{
        color:var(--wl-green);
        margin-top:18px;
    }

    .rdt-word-ladder .rdt-wl-word-row,
    .rdt-word-ladder .rdt-wl-step-row{
        display:flex;
        justify-content:center;
        gap:6px;
    }

    .rdt-word-ladder .rdt-wl-box,
    .rdt-word-ladder .rdt-wl-step-input{
        width:54px;
        height:54px;
        flex:0 0 54px;
        border:2px solid #cfdad1;
        border-radius:5px;
        background:#fff;
        color:var(--wl-green-dark);
        display:grid;
        place-items:center;
        text-align:center;
        text-transform:uppercase;
        font-size:27px;
        line-height:1;
        font-weight:950;
        box-shadow:0 2px 0 #c8d3cb, 0 8px 15px rgba(24,62,37,.08) !important;
        padding:0;
    }

    .rdt-word-ladder .rdt-wl-start .rdt-wl-box{
     
    background: #747b74;
    border-color: #cbd2cb;
    color: #ffffff;
}

    .rdt-word-ladder .rdt-wl-target .rdt-wl-box{
        background:var(--wl-blue);
        border-color:var(--wl-blue);
        color:#fff;
        box-shadow:0 5px 13px rgba(27,105,151,.18);
    }

    .rdt-word-ladder .rdt-wl-step-row{
        margin-top:8px;
        position:relative;
    }

    .rdt-word-ladder .rdt-wl-step-input{
        appearance:none;
        -webkit-appearance:none;
        outline:none;
        cursor:not-allowed;
        background:#fff;
        border-color:#d5dfd7;
        color:var(--wl-green-dark);
    }

    .rdt-word-ladder .rdt-wl-step-row.active .rdt-wl-step-input{
        cursor:text;
        border-color:#9dc9ad;
        box-shadow:0 0 0 3px rgba(22,139,75,.07);
    }

    .rdt-word-ladder .rdt-wl-step-row.active .rdt-wl-step-input:focus{
        border-color:var(--wl-green);
        box-shadow:0 0 0 3px rgba(22,139,75,.13);
    }

    .rdt-word-ladder .rdt-wl-step-row.locked .rdt-wl-step-input{
        background:#f0f6f1;
        border-color:#b8d4bf;
        color:var(--wl-green);
        cursor:default;
    }

    .rdt-word-ladder .rdt-wl-step-input.filled{
        background:#f7fbf8;
    }

    .rdt-word-ladder .rdt-wl-step-row.failed .rdt-wl-step-input{
        background:#fff3f0;
        border-color:#e4b7ad;
        color:#a95143;
        box-shadow:0 0 0 3px rgba(197,91,70,.06);
    }

    .rdt-word-ladder .rdt-wl-ladder-heading{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        margin:15px 0 7px;
        padding:0 2px;
        color:#718078;
        font-size:8px;
        font-weight:950;
        letter-spacing:1.4px;
    }

    .rdt-word-ladder .rdt-wl-ladder-heading small{
        font-size:8px;
        color:var(--wl-green);
        letter-spacing:.4px;
    }

    .rdt-word-ladder .rdt-wl-submit{
        width:100%;
        margin-top:17px;
        border:0;
        border-radius:11px;
        padding:12px 14px;
        background:var(--wl-green);
        color:#fff;
        font-size:13px;
        font-weight:950;
        cursor:pointer;
        box-shadow:0 5px 12px rgba(47,125,74,.18);
    }

    .rdt-word-ladder .rdt-wl-submit:hover{
        background:#d95a00;
    }

    .rdt-word-ladder .rdt-wl-submit:disabled{
        opacity:.55;
        cursor:not-allowed;
    }

    .rdt-word-ladder .rdt-wl-message{
        min-height:20px;
        margin-top:9px;
        font-size:11px;
        font-weight:800;
        color:#718078;
    }

    .rdt-word-ladder .rdt-wl-message.bad{color:#c14c36}
    .rdt-word-ladder .rdt-wl-message.good{color:var(--wl-green)}

    .rdt-word-ladder .rdt-wl-actions{
        display:flex;
        justify-content:center;
        gap:8px;
        margin-top:14px;
    }

    .rdt-word-ladder .rdt-wl-action{
        border:1px solid #d9e3da;
        background:#fff;
        color:#536158;
        border-radius:10px;
        padding:8px 12px;
        font-size:10px;
        font-weight:900;
        cursor:pointer;
    }

    .rdt-word-ladder .rdt-wl-action:hover{
        color:#fff;
        background:var(--wl-green);
        border-color:var(--wl-green);
    }

    .rdt-word-ladder .rdt-wl-how{
        max-width:520px;
        margin:16px auto 0;
        padding:10px 12px;
        background:rgba(255,255,255,.72);
        border:1px solid #dfe8e0;
        border-radius:11px;
        text-align:center;
    }

    .rdt-word-ladder .rdt-wl-how strong{
        display:block;
        color:var(--wl-green-dark);
        font-size:10px;
        margin-bottom:3px;
    }

    .rdt-word-ladder .rdt-wl-how span{
        display:block;
        color:#718078;
        font-size:10px;
        line-height:1.5;
    }

    .rdt-word-ladder .rdt-wl-modal-layer{
        position:fixed;
        inset:0;
        z-index:2147483647 !important;
        display:grid;
        place-items:center;
        padding:16px;
        background:rgba(21,55,34,.58);
        backdrop-filter:blur(7px);
        -webkit-backdrop-filter:blur(7px);
    }

    .rdt-word-ladder .rdt-wl-modal-layer[hidden]{display:none !important}

    .rdt-word-ladder .rdt-wl-modal{
        width:min(440px,100%);
        max-height:min(88vh,700px);
        overflow:auto;
        position:relative;
        background:#fff;
        border:1px solid #dce7de;
        border-radius:18px;
        padding:24px 20px 20px;
        box-shadow:0 25px 80px rgba(0,0,0,.25);
        text-align:center;
    }

    .rdt-word-ladder .rdt-wl-modal-close{
        position:absolute;
        top:10px;
        right:10px;
        width:38px;
        height:38px;
        border:0;
        border-radius:50%;
        background:#eef3ee;
        color:#27452f;
        font-size:25px;
        line-height:38px;
        padding:0;
        display:grid;
        place-items:center;
        cursor:pointer;
    }

    .rdt-word-ladder .rdt-wl-modal-close:hover{
        background:#d95a00;
        color:#fff;
    }

    .rdt-word-ladder .rdt-wl-modal-kicker{
        color:var(--wl-green);
        font-size:9px;
        font-weight:950;
        letter-spacing:1.7px;
        margin-top:3px;
    }

    .rdt-word-ladder .rdt-wl-modal-title{
        margin:7px 35px 15px;
        color:var(--wl-green-dark);
        font-size:25px;
        line-height:1.15;
        font-weight:950;
    }

    .rdt-word-ladder .rdt-wl-result-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:7px;
        margin:12px 0 14px;
    }

    .rdt-word-ladder .rdt-wl-result-grid>div{
        padding:9px 5px;
        border:1px solid #e0e8e1;
        border-radius:10px;
        background:#f7faf7;
    }

    .rdt-word-ladder .rdt-wl-result-grid span{
        display:block;
        font-size:8px;
        color:#77837b;
        font-weight:900;
        letter-spacing:.8px;
    }

    .rdt-word-ladder .rdt-wl-result-grid strong{
        display:block;
        color:var(--wl-green-dark);
        font-size:16px;
        margin-top:3px;
    }

    .rdt-word-ladder .rdt-wl-result-badge{
        display:inline-block;
        padding:6px 11px;
        border-radius:999px;
        background:#e8f5eb;
        color:var(--wl-green);
        font-size:10px;
        font-weight:950;
    }

    .rdt-word-ladder .rdt-wl-result-copy{
        color:#68756d;
        font-size:12px;
        line-height:1.55;
        margin:12px 20px 17px;
    }

    .rdt-word-ladder .rdt-wl-next,
    .rdt-word-ladder .rdt-wl-option-restart{
        width:100%;
        border:0;
        border-radius:11px;
        padding:12px 14px;
        background:var(--wl-green);
        color:#fff;
        font-size:12px;
        font-weight:950;
        cursor:pointer;
        box-shadow:0 6px 14px rgba(22,139,75,.18);
    }

    .rdt-word-ladder .rdt-wl-next:hover,
    .rdt-word-ladder .rdt-wl-option-restart:hover{
        background:#d95a00;
    }

    .rdt-word-ladder .rdt-wl-modal-buttons{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .rdt-word-ladder .rdt-wl-cancel{
        border:1px solid #d9e3da;
        border-radius:11px;
        background:#fff;
        color:#56645b;
        padding:11px;
        font-size:11px;
        font-weight:900;
        cursor:pointer;
    }

    .rdt-word-ladder .rdt-wl-confirm-restart{
        border:0;
        border-radius:11px;
        background:#d95a00;
        color:#fff;
        padding:11px;
        font-size:11px;
        font-weight:900;
        cursor:pointer;
    }

    .rdt-word-ladder .rdt-wl-option-list{
        text-align:left;
        margin:15px 0;
        border:1px solid #e1e9e2;
        border-radius:13px;
        overflow:hidden;
    }

    .rdt-word-ladder .rdt-wl-option{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:13px;
        border-bottom:1px solid #edf2ee;
    }

    .rdt-word-ladder .rdt-wl-option:last-child{border-bottom:0}

    .rdt-word-ladder .rdt-wl-option strong{
        display:block;
        color:var(--wl-green-dark);
        font-size:11px;
    }

    .rdt-word-ladder .rdt-wl-option span{
        display:block;
        color:#77837b;
        font-size:9px;
        margin-top:2px;
        line-height:1.4;
    }

    .rdt-word-ladder .rdt-wl-option-state{
        color:var(--wl-green);
        font-size:10px;
        flex:0 0 auto;
    }


    .rdt-word-ladder .rdt-wl-clue-box{margin:16px 0 6px;padding:15px;border:1px solid #dbe5dd;border-radius:13px;background:#f7faf7}
    .rdt-word-ladder .rdt-wl-clue-label{display:block;color:#758078;font-size:8px;font-weight:950;letter-spacing:1.4px;margin-bottom:10px}
    .rdt-word-ladder .rdt-wl-clue-letters{display:flex;justify-content:center;gap:6px}
    .rdt-word-ladder .rdt-wl-clue-letter{width:46px;height:46px;border:2px solid #cfdad1;border-radius:8px;background:#fff;display:grid;place-items:center;color:#27452f;font-size:22px;font-weight:950}
    .rdt-word-ladder .rdt-wl-clue-letter.hidden{color:#aeb8b0;background:#edf2ee}
    .rdt-word-ladder .rdt-wl-rules{text-align:left;margin:12px 0 16px;border:1px solid #e0e8e1;border-radius:13px;overflow:hidden}
    .rdt-word-ladder .rdt-wl-rules>div{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-bottom:1px solid #edf2ee;background:#fff}
    .rdt-word-ladder .rdt-wl-rules>div:last-child{border-bottom:0}
    .rdt-word-ladder .rdt-wl-rules b{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#eef2ee;color:#1b6997;display:grid;place-items:center;font-size:10px}
    .rdt-word-ladder .rdt-wl-rules span{color:#5e6b63;font-size:10px;line-height:1.45}

    @media(max-width:650px){
        .rdt-word-ladder .rdt-wl-shell{padding:12px;border-radius:15px}
        .rdt-word-ladder .rdt-wl-header{align-items:flex-start}
        .rdt-word-ladder .rdt-wl-header-stats{flex:0 0 174px;gap:4px}
        .rdt-word-ladder .rdt-wl-stat{padding:6px 3px}
        .rdt-word-ladder .rdt-wl-stat strong{font-size:15px}
        .rdt-word-ladder .rdt-wl-brand-title{font-size:20px}
        .rdt-word-ladder .rdt-wl-brand-subtitle{margin-left:0}
        .rdt-word-ladder .rdt-wl-logo{gap:3px}
        .rdt-word-ladder .rdt-wl-logo span{
            width:31px!important;
            height:31px!important;
            border-radius:7px!important;
            background:#f3a500!important;
            color:#fff!important;
            display:grid!important;
            place-items:center!important;
            font-weight:900!important;
            font-size:18px!important;
            line-height:1!important;
            box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)!important;
        }
        .rdt-word-ladder .rdt-wl-box,
        .rdt-word-ladder .rdt-wl-step-input{
            width:48px;height:48px;flex-basis:48px;font-size:24px
        }
        .rdt-word-ladder .rdt-wl-word-row,
        .rdt-word-ladder .rdt-wl-step-row{gap:5px}
    }

    @media(max-width:430px){
        .rdt-word-ladder .rdt-wl-header{display:block}
        .rdt-word-ladder .rdt-wl-header-stats{margin-top:10px}
        .rdt-word-ladder .rdt-wl-toolbar{align-items:stretch}
        .rdt-word-ladder .rdt-wl-options{padding:8px 10px}
        .rdt-word-ladder .rdt-wl-box,
        .rdt-word-ladder .rdt-wl-step-input{
            width:46px;height:46px;flex-basis:46px;font-size:22px
        }
        .rdt-word-ladder .rdt-wl-word-row,
        .rdt-word-ladder .rdt-wl-step-row{gap:4px}
        .rdt-word-ladder .rdt-wl-modal{padding:22px 15px 16px}
    }