:root{
    --red:#ff4d5c;
    --red2:#ff313f;
    --red3:#ff6b76;
    --pink:#fff1f3;
    --green:#36b878;
    --blue:#6da3ed;
    --violet:#a94cff;
    --orange:#ffa528;
    --ink:#1d2433;
    --muted:#7c8392;
    --line:#eceef5;
    --bg:#f3f4fa;
    --card:#ffffff;
    --shadow:0 12px 30px rgba(31,37,58,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:radial-gradient(circle at 50% -90px,#ff7c86 0,#ff4d5c 230px,#eef0f7 560px);
    color:var(--ink);
    font-family:Inter,Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:1.6;
}
body.wg-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
h1,h2,h3,p{margin-top:0}
h1{font-size:30px;line-height:1.08;margin-bottom:12px}
h2{font-size:22px;line-height:1.2;margin-bottom:12px}
h3{font-size:18px;line-height:1.25;margin-bottom:8px}

.wg-app-main{
    width:min(430px,100%);
    margin:0 auto;
    padding:92px 10px 98px;
    min-height:70vh;
}

.wg-header{
    position:fixed;
    top:0;
    left:50%;
    z-index:9990;
    width:min(430px,100%);
    transform:translateX(-50%);
    background:linear-gradient(135deg,#ff6873,#ff2838);
    box-shadow:0 10px 28px rgba(255,49,63,.28);
}
.wg-header:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-18px;
    height:18px;
    background:linear-gradient(180deg,rgba(255,49,63,.18),rgba(255,49,63,0));
    pointer-events:none;
}
.wg-top-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:8px 10px 0;
}
.wg-top-btn{
    height:34px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:950;
    font-size:13px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.42);
}
.wg-register{background:#fff;color:var(--red2)}
.wg-header-inner{
    height:58px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
}
.wg-logo{display:flex;align-items:center;min-width:0;margin-right:auto}
.wg-logo img{
    width:136px;
    height:auto;
    filter:drop-shadow(0 5px 12px rgba(135,0,13,.20));
}
.wg-desktop-nav{display:none}
.wg-lang-switch{
    display:flex;
    align-items:center;
    gap:5px;
}
.wg-lang-switch a{
    height:32px;
    min-width:34px;
    padding:4px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.46);
    color:#fff;
    font-size:11px;
    font-weight:950;
}
.wg-lang-switch a.active{
    background:#fff;
    color:var(--red2);
    border-color:#fff;
}
.wg-lang-switch img{
    width:20px;
    height:20px;
    border-radius:50%;
    object-fit:cover;
}
.wg-menu-btn{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:0;
    border-radius:13px;
    background:#fff;
    display:grid;
    place-items:center;
    padding:9px;
    gap:4px;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(131,0,13,.18);
}
.wg-menu-btn i,
.wg-menu-btn span{
    display:block;
    width:21px;
    height:2px;
    border-radius:99px;
    background:var(--red2);
}

.wg-menu-mask{
    position:fixed;
    inset:0;
    z-index:9991;
    background:rgba(13,17,27,.50);
    opacity:0;
    pointer-events:none;
    transition:.22s ease;
}
.wg-mobile-menu{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:9992;
    width:min(335px,86vw);
    padding:16px;
    overflow:auto;
    background:#fff;
    border-radius:22px 0 0 22px;
    box-shadow:-16px 0 36px rgba(25,31,45,.22);
    transform:translateX(105%);
    transition:.24s ease;
}
.wg-menu-open .wg-menu-mask{opacity:1;pointer-events:auto}
.wg-menu-open .wg-mobile-menu{transform:translateX(0)}
.wg-mobile-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
}
.wg-mobile-menu-head img{width:148px}
.wg-mobile-menu-head button{
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:var(--pink);
    color:var(--red2);
    font-size:28px;
    line-height:1;
    cursor:pointer;
}
.wg-menu-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:14px;
}
.wg-menu-actions a{
    padding:12px 10px;
    border-radius:15px;
    text-align:center;
    color:#fff;
    font-weight:950;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 10px 22px rgba(255,49,63,.22);
}
.wg-mobile-nav{
    display:grid;
    gap:8px;
}
.wg-mobile-nav a{
    padding:13px 14px;
    border-radius:14px;
    background:#f6f7fb;
    color:#303746;
    font-weight:900;
}
.wg-mobile-nav a:hover{
    background:var(--pink);
    color:var(--red2);
}
.wg-menu-lang{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:16px;
}
.wg-menu-lang a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:14px;
    font-weight:900;
}
.wg-menu-lang a.active{
    border-color:var(--red);
    color:var(--red);
    background:var(--pink);
}
.wg-menu-lang img{
    width:22px;
    height:22px;
    border-radius:50%;
    object-fit:cover;
}

.wg-home-hero,
.wg-page-hero{
    color:#fff;
    text-align:center;
    padding:12px 0 16px;
}
.wg-hero-card{
    padding:18px 12px 10px;
}
.wg-page-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.42);
    color:#fff;
    font-size:12px;
    font-weight:950;
}
.wg-home-hero h1,
.wg-page-hero h1{
    margin:12px 0 10px;
    color:#fff;
}
.wg-home-hero p,
.wg-page-hero p{
    margin:0 auto;
    color:rgba(255,255,255,.90);
    font-size:14px;
    max-width:360px;
}
.wg-hero-actions{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
}
.wg-btn-primary,
.wg-btn-soft{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 17px;
    border-radius:999px;
    font-weight:950;
    font-size:14px;
}
.wg-btn-primary{
    color:var(--red2);
    background:#fff;
    box-shadow:0 10px 22px rgba(131,0,13,.16);
}
.wg-btn-soft{
    color:#fff;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.40);
}
.wg-quick-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:14px;
}
.wg-quick-strip a{
    padding:12px 8px;
    border-radius:16px;
    background:#fff;
    color:var(--ink);
    box-shadow:var(--shadow);
}
.wg-quick-strip b{
    display:block;
    color:var(--red2);
    font-size:14px;
}
.wg-quick-strip span{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
}

.wg-phone{
    background:#f0f0f2;
    border-radius:24px;
    padding:0 10px 16px;
    box-shadow:0 18px 45px rgba(31,37,58,.18);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.65);
}
.wg-tabs{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#fff;
    border-radius:0 0 14px 14px;
    overflow:hidden;
    box-shadow:0 7px 15px rgba(31,37,58,.08);
}
.wg-tabs button{
    border:0;
    background:#fff;
    color:#9a9fab;
    font-size:13px;
    padding:11px 3px;
    line-height:1.25;
    cursor:pointer;
}
.wg-tabs button.active{
    background:#fff1f1;
    color:#f23340;
    box-shadow:inset 0 -2px 0 #ffd2d2;
}
.wg-red-card{
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin:24px 2px 14px;
    padding:17px 15px;
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2738);
    box-shadow:0 10px 22px rgba(255,49,63,.25);
}
.wg-red-card:before,
.wg-red-card:after{
    content:"";
    position:absolute;
    left:50%;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#f0f0f2;
    transform:translateX(-50%);
}
.wg-red-card:before{top:-10px}
.wg-red-card:after{bottom:-10px}
.wg-pill{
    display:inline-flex;
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    padding:4px 14px;
    font-weight:900;
    font-size:13px;
}
.wg-red-card h2{
    color:#fff;
    font-size:18px;
    margin:12px 0 4px;
}
.wg-red-card p{
    margin:0;
    color:#fff;
    font-size:13px;
}
.wg-timer-box{
    text-align:right;
    min-width:136px;
}
.wg-timer-box strong{
    display:block;
    font-size:14px;
}
.wg-timer{
    margin:6px 0;
    font-size:32px;
    line-height:1.1;
    font-weight:950;
    letter-spacing:3px;
}
.wg-timer-box b{
    font-size:14px;
}

.wg-pred-card{
    margin:0 2px 14px;
    padding:18px;
    border-radius:18px;
    background:#fff;
    text-align:center;
    box-shadow:0 9px 18px rgba(31,37,58,.08);
}
.wg-pred-card span{
    display:block;
    color:var(--muted);
    font-weight:900;
}
.wg-pred-card strong{
    display:block;
    margin:6px 0;
    font-size:46px;
    line-height:1;
    color:var(--red2);
    font-weight:950;
}
.wg-pred-card strong.small{color:var(--blue)}
.wg-pred-card em{
    font-style:normal;
    font-weight:900;
}
.wg-pred-card p{
    margin:8px 0 0;
    color:var(--muted);
    font-size:13px;
}
.wg-bs-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:0 28px 14px;
    border-radius:999px;
    overflow:hidden;
    color:#fff;
    font-size:21px;
    font-weight:950;
}
.wg-bs-row div{
    padding:10px 15px;
    display:flex;
    justify-content:space-between;
}
.wg-big{background:var(--orange)}
.wg-small{background:var(--blue)}
.wg-check-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 2px 14px;
    padding:14px 16px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 9px 18px rgba(31,37,58,.08);
    border:1px solid #eef0f6;
}
.wg-check-card span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.wg-check-card strong{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:22px;
    line-height:1;
    font-weight:950;
}
.wg-check-card strong.ok{color:var(--green)}
.wg-check-card strong.bad{color:var(--red2)}
.wg-check-card p{
    flex:1;
    margin:0;
    color:var(--muted);
    font-size:12px;
    text-align:right;
}
.wg-tool-note{
    margin:0 2px 14px;
    padding:10px 14px;
    border-radius:12px;
    background:#fff;
    color:var(--muted);
    font-size:13px;
}
.wg-panel-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:0 0 14px;
}
.wg-panel-tabs button{
    border:0;
    border-radius:10px;
    background:#e4e4e7;
    padding:12px 5px;
    font-size:15px;
    cursor:pointer;
    color:var(--ink);
}
.wg-panel-tabs .active{
    background:linear-gradient(135deg,#ff6571,#ff313f);
    color:#fff;
    font-weight:950;
}
.wg-panel{display:none}
.wg-panel.active{display:block}

.wg-history,
.wg-table-wrap{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 9px 18px rgba(31,37,58,.06);
}
.wg-history table,
.wg-result-table{
    width:100%;
    border-collapse:collapse;
    text-align:center;
}
.wg-history th,
.wg-result-table th{
    background:#ff4d5c;
    color:#fff;
    padding:13px 5px;
    font-size:13px;
    font-weight:950;
}
.wg-history td,
.wg-result-table td{
    padding:11px 5px;
    border-bottom:1px solid #f0f0f4;
    font-size:13px;
}
.wg-num{
    font-size:24px;
    font-weight:950;
    color:#ff4d5c;
}
.wg-num.big{color:var(--green)}
.wg-num.small{color:var(--red2)}
.wg-check{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:4px 7px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    background:#f2f4f8;
    color:var(--muted);
}
.wg-check.ok{color:#078b4f;background:#e7f8ef}
.wg-check.bad{color:#e22336;background:#fff0f2}
.wg-dot{
    display:inline-block;
    width:14px;
    height:14px;
    border-radius:50%;
    vertical-align:middle;
}
.wg-dot.red{background:var(--red)}
.wg-dot.green{background:var(--green)}
.wg-dot.violet{background:var(--violet)}

.wg-mini-panel{
    background:#fff;
    border-radius:16px;
    padding:16px;
    box-shadow:0 9px 18px rgba(31,37,58,.08);
}
.wg-mini-panel h3{
    margin:0 0 12px;
    color:var(--ink);
    font-size:17px;
}
.wg-check-lines{
    display:grid;
    gap:9px;
}
.wg-check-lines p{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0;
    padding:10px 12px;
    background:#f7f8fc;
    border-radius:12px;
    color:var(--muted);
    font-size:13px;
}
.wg-check-lines b{
    color:var(--ink);
    font-size:14px;
    text-align:right;
}
.wg-check-lines b.ok{color:#078b4f}
.wg-check-lines b.bad{color:#e22336}

.wg-card-section{
    margin-top:18px;
    padding:18px;
    border-radius:22px;
    background:#fff;
    box-shadow:var(--shadow);
}
.wg-section-head{
    margin-bottom:14px;
}
.wg-section-head span{
    display:inline-flex;
    margin-bottom:7px;
    color:var(--red2);
    font-size:12px;
    font-weight:950;
    letter-spacing:.02em;
}
.wg-section-head h2{
    color:var(--ink);
    margin:0;
}
.wg-content-box{
    color:var(--muted);
    font-size:14px;
}
.wg-content-box p:last-child{margin-bottom:0}

.wg-rule-grid,
.wg-feature-grid,
.wg-stat-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}
.wg-rule-card,
.wg-feature-card,
.wg-link-card,
.wg-stat-card{
    display:block;
    padding:16px;
    border-radius:18px;
    background:#f8f9fd;
    border:1px solid var(--line);
}
.wg-rule-card strong{
    display:block;
    font-size:28px;
    line-height:1;
    color:var(--red2);
    font-weight:950;
    margin-bottom:8px;
}
.wg-rule-card span,
.wg-feature-card b,
.wg-link-card b{
    display:block;
    color:var(--ink);
    font-size:17px;
    font-weight:950;
    margin-bottom:6px;
}
.wg-rule-card p,
.wg-feature-card p,
.wg-link-card p,
.wg-stat-card p{
    margin:0;
    color:var(--muted);
    font-size:13px;
}
.wg-feature-card a{
    display:inline-flex;
    margin-top:10px;
    color:var(--red2);
    font-weight:950;
}
.wg-link-card:hover{
    border-color:#ffd5da;
    background:#fff7f8;
}
.wg-stat-card{
    color:#fff;
    border:0;
}
.wg-stat-card.red{background:linear-gradient(135deg,#ff6571,#ff2538)}
.wg-stat-card.blue{background:linear-gradient(135deg,#78adf2,#4d86df)}
.wg-stat-card.green{background:linear-gradient(135deg,#46c987,#159c5b)}
.wg-stat-card span{
    display:block;
    font-size:13px;
    font-weight:900;
    opacity:.9;
}
.wg-stat-card strong{
    display:block;
    margin:4px 0;
    font-size:32px;
    line-height:1;
    font-weight:950;
}
.wg-stat-card p{color:rgba(255,255,255,.86)}

.wg-step-list{
    display:grid;
    gap:10px;
}
.wg-step{
    display:flex;
    gap:12px;
    padding:14px;
    border-radius:16px;
    background:#f8f9fd;
    border:1px solid var(--line);
}
.wg-step b{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    color:#fff;
    font-weight:950;
}
.wg-step p{
    margin:0;
    color:var(--muted);
    font-size:14px;
}
.wg-warning-box{
    padding:16px;
    border-radius:18px;
    background:#fff7e8;
    border:1px solid #ffdca4;
}
.wg-warning-box p{
    margin:0;
    color:#8a5b11;
    font-size:14px;
    font-weight:800;
}
.wg-note{
    margin:12px 0 0;
    color:var(--muted);
    font-size:13px;
}

.wg-faq-list{
    display:grid;
    gap:10px;
}
.wg-faq-list details{
    border:1px solid var(--line);
    border-radius:16px;
    padding:14px 15px;
    background:#f8f9fd;
}
.wg-faq-list summary{
    cursor:pointer;
    color:var(--ink);
    font-weight:950;
}
.wg-faq-list p{
    margin:10px 0 0;
    color:var(--muted);
    font-size:14px;
}

.wg-digit-chart{
    height:190px;
    display:grid;
    grid-template-columns:repeat(10,1fr);
    gap:7px;
    align-items:end;
    padding:14px 4px 0;
}
.wg-digit-item{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
}
.wg-bar{
    width:100%;
    height:145px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    border-radius:999px;
    background:#f1f3f8;
    overflow:hidden;
}
.wg-bar i{
    display:block;
    width:100%;
    border-radius:999px 999px 0 0;
    background:var(--red);
}
.wg-bar i.green{background:var(--green)}
.wg-bar i.red{background:var(--red)}
.wg-bar i.violet{background:var(--violet)}
.wg-digit-item strong{
    color:var(--ink);
    font-size:13px;
}

.wg-go-card{
    margin-top:18px;
    padding:18px;
    border-radius:22px;
    background:#fff;
    color:var(--ink);
    box-shadow:var(--shadow);
}
.wg-go-icon{
    width:62px;
    height:62px;
    margin:0 auto 12px;
    border-radius:18px;
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:950;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}
.wg-go-card h2{color:var(--ink)}
.wg-go-card p{color:var(--muted)}
.wg-go-card .wg-btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    width:100%;
    margin-bottom:10px;
}
.wg-go-card .wg-btn-soft{
    color:var(--red2);
    background:#fff1f3;
    border:0;
    width:100%;
}

.wg-post-list{
    display:grid;
    gap:12px;
}
.wg-post-card a{
    display:block;
    padding:16px;
    border-radius:18px;
    background:#f8f9fd;
    border:1px solid var(--line);
}
.wg-post-card h2{
    font-size:18px;
    margin-bottom:7px;
}
.wg-post-card p{
    color:var(--muted);
    font-size:14px;
    margin-bottom:8px;
}
.wg-post-card span{
    color:var(--red2);
    font-weight:950;
}
.wg-pagination{
    margin-top:14px;
    text-align:center;
}

.wg-footer{
    width:min(430px,100%);
    margin:22px auto 0;
    padding:28px 16px 96px;
    background:#202432;
    color:#fff;
    border-radius:24px 24px 0 0;
}
.wg-footer-logo img,
.wg-footer-logo{
    width:160px;
}
.wg-footer-brand p,
.wg-footer-note p{
    color:#c5cad6;
    font-size:14px;
}
.wg-footer-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    margin-top:20px;
}
.wg-footer-col h3{
    color:#fff;
    margin-bottom:8px;
}
.wg-footer-col a{
    display:block;
    color:#dce1ee;
    margin:6px 0;
    font-size:14px;
}
.wg-footer-note{
    margin-top:20px;
    padding:14px;
    border-radius:16px;
    background:rgba(255,255,255,.07);
}
.wg-footer-note p{margin:0}
.wg-footer-bottom{
    border-top:1px solid rgba(255,255,255,.12);
    margin-top:20px;
    padding-top:16px;
    display:grid;
    gap:10px;
    color:#c5cad6;
    font-size:13px;
}
.wg-footer-bottom-links{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}
.wg-footer-bottom-links a{
    color:#fff;
}

.wg-float{
    position:fixed;
    right:max(12px,calc((100vw - 430px)/2 + 12px));
    bottom:92px;
    z-index:9991;
    display:grid;
    gap:10px;
}
.wg-float a,
.wg-float button{
    width:52px;
    height:52px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    box-shadow:0 10px 24px rgba(31,37,58,.18);
    cursor:pointer;
    overflow:hidden;
}
.wg-float img{
    width:52px;
    height:52px;
    display:block;
    object-fit:cover;
    border-radius:50%;
}

.wg-bottom-nav{
    position:fixed;
    left:50%;
    bottom:0;
    z-index:9988;
    width:min(430px,100%);
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);
    border-top:1px solid rgba(31,37,58,.08);
    box-shadow:0 -10px 28px rgba(31,37,58,.12);
    backdrop-filter:blur(14px);
}
.wg-bottom-nav a{
    min-height:50px;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:#697080;
    font-size:11px;
    font-weight:950;
}
.wg-bottom-nav a:hover,
.wg-bottom-nav a:focus{
    color:var(--red2);
    background:#fff1f3;
}
.wg-bottom-nav span{
    font-size:18px;
    line-height:1;
}

@media (min-width:960px){
    body:before{
        content:"";
        position:fixed;
        top:0;
        bottom:0;
        left:50%;
        width:448px;
        transform:translateX(-50%);
        background:rgba(255,255,255,.20);
        box-shadow:0 0 0 1px rgba(255,255,255,.40),0 22px 80px rgba(30,35,52,.16);
        pointer-events:none;
    }
}

@media (max-width:480px){
    .wg-app-main{
        padding-left:9px;
        padding-right:9px;
    }
    .wg-logo img{width:130px}
    .wg-lang-switch a span{display:none}
    .wg-lang-switch a{padding:4px}
    .wg-red-card{padding:16px 12px}
    .wg-timer{font-size:27px}
    .wg-timer-box{min-width:126px}
    .wg-pred-card strong{font-size:42px}
    .wg-bs-row{
        margin-left:20px;
        margin-right:20px;
        font-size:20px;
    }
    .wg-card-section{padding:16px}
    .wg-float{
        right:12px;
        bottom:88px;
    }
    .wg-float a,
    .wg-float button,
    .wg-float img{
        width:48px;
        height:48px;
    }
}
.wg-footer{
    width:min(430px,100%);
    margin:24px auto 0;
    padding:20px 12px 96px;
    background:
        radial-gradient(circle at 20% 0,rgba(255,101,113,.38),transparent 34%),
        linear-gradient(180deg,#2a2f41 0,#171b27 100%);
    color:#fff;
    border-radius:28px 28px 0 0;
    box-shadow:0 -18px 45px rgba(31,37,58,.18);
}
.wg-footer-inner{display:grid;gap:14px}
.wg-footer-card{
    padding:18px;
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
    border:1px solid rgba(255,255,255,.13);
}
.wg-footer-logo img{width:165px}
.wg-footer-card p{
    margin:12px 0 14px;
    color:#dce2ef;
    font-size:14px;
}
.wg-footer-cta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.wg-footer-cta a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-weight:950;
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}
.wg-footer-cta a:last-child{
    background:#fff;
    color:#ff313f;
}
.wg-footer-menu{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.wg-footer-menu a{
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
}
.wg-footer-menu b{
    display:block;
    color:#fff;
    font-size:15px;
}
.wg-footer-menu span{
    display:block;
    color:#aeb7c9;
    font-size:12px;
    margin-top:2px;
}
.wg-footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.wg-footer-links a{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#dce2ef;
    font-size:12px;
    font-weight:800;
}
.wg-footer-alert{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,77,92,.14);
    border:1px solid rgba(255,101,113,.28);
    color:#ffd7dc;
    font-size:12px;
    font-weight:800;
}
.wg-footer-copy{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#98a2b7;
    font-size:12px;
}
.wg-bottom-nav{
    position:fixed;
    left:50%;
    bottom:10px;
    z-index:9988;
    width:min(410px,calc(100% - 22px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:1fr 1.12fr 1fr 1fr;
    gap:6px;
    padding:8px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.75);
    border-radius:24px;
    box-shadow:0 14px 36px rgba(31,37,58,.20);
    backdrop-filter:blur(16px);
}
.wg-bottom-nav a{
    position:relative;
    min-height:54px;
    border-radius:17px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#6d7484;
    font-size:11px;
    font-weight:950;
    overflow:hidden;
}
.wg-bottom-nav a span{
    width:24px;
    height:22px;
    display:grid;
    place-items:center;
    font-size:18px;
    line-height:1;
}
.wg-bottom-nav a:hover,
.wg-bottom-nav a:focus{
    color:#ff313f;
    background:#fff1f3;
}
.wg-bottom-nav a:nth-child(2){
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 10px 22px rgba(255,49,63,.30);
}
.wg-bottom-nav a:nth-child(2)::before{
    content:"";
    position:absolute;
    inset:-20px;
    background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.42),transparent 34%);
}
.wg-bottom-nav a:nth-child(2) span,
.wg-bottom-nav a:nth-child(2){
    position:relative;
}
.wg-bottom-nav a:nth-child(2):hover,
.wg-bottom-nav a:nth-child(2):focus{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}.wg-app-main{
    width:min(430px,100%);
    margin:0 auto;
    padding:104px 10px 98px;
    min-height:70vh;
}

.wg-header{
    position:fixed;
    top:0;
    left:50%;
    z-index:9990;
    width:min(430px,100%);
    transform:translateX(-50%);
    padding:0 10px 10px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(31,37,58,.08);
    box-shadow:0 8px 24px rgba(31,37,58,.10);
    backdrop-filter:blur(14px);
    border-radius:0 0 20px 20px;
    overflow:hidden;
}

.wg-header::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(90deg,#ff6a75,#ff313f,#ff8a35);
}

.wg-header-glow{
    display:none;
}

.wg-header-inner{
    position:relative;
    z-index:2;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:5px;
}

.wg-logo{
    width:164px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
}

.wg-logo img{
    width:154px;
    max-height:42px;
    object-fit:contain;
    filter:none;
}

.wg-header-right{
    display:flex;
    align-items:center;
    gap:8px;
}

.wg-lang-switch{
    display:flex;
    align-items:center;
    gap:4px;
    padding:3px;
    border-radius:999px;
    background:#f2f4f8;
    border:1px solid #e8ebf2;
}

.wg-lang-switch a{
    height:30px;
    min-width:32px;
    padding:4px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-radius:999px;
    color:#737b8b;
    font-size:10px;
    font-weight:950;
}

.wg-lang-switch a.active{
    background:#ff313f;
    color:#fff;
    box-shadow:0 6px 12px rgba(255,49,63,.20);
}

.wg-lang-switch img{
    width:19px;
    height:19px;
    border-radius:50%;
    object-fit:cover;
}

.wg-menu-btn{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:0;
    border-radius:14px;
    background:#ff313f;
    display:grid;
    place-items:center;
    padding:9px;
    gap:4px;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(255,49,63,.22);
}

.wg-menu-btn i,
.wg-menu-btn span{
    display:block;
    width:21px;
    height:2px;
    border-radius:99px;
    background:#fff;
}

.wg-top-actions{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.wg-top-btn{
    height:36px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    font-size:14px;
}

.wg-login{
    color:#ff313f;
    background:#fff1f3;
    border:1px solid #ffd4da;
}

.wg-register{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 8px 18px rgba(255,49,63,.22);
}

@media (max-width:390px){
    .wg-logo{width:148px}
    .wg-logo img{width:142px}
    .wg-lang-switch a span{display:none}
}
.wg-bottom-nav{
    position:fixed;
    left:50%;
    bottom:10px;
    z-index:9988;
    width:min(410px,calc(100% - 22px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:1fr 1.12fr 1fr 1fr;
    gap:6px;
    padding:8px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.75);
    border-radius:24px;
    box-shadow:0 14px 36px rgba(31,37,58,.20);
    backdrop-filter:blur(16px);
}
.wg-bottom-nav a{
    position:relative;
    min-height:56px;
    border-radius:17px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#687082;
    font-size:11px;
    font-weight:950;
    overflow:hidden;
}
.wg-bottom-nav svg{
    width:22px;
    height:22px;
    fill:currentColor;
    display:block;
}
.wg-bottom-nav a:hover,
.wg-bottom-nav a:focus{
    color:#ff313f;
    background:#fff1f3;
}
.wg-bottom-nav a:nth-child(2){
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 10px 22px rgba(255,49,63,.30);
}
.wg-bottom-nav a:nth-child(2)::before{
    content:"";
    position:absolute;
    inset:-20px;
    background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.42),transparent 34%);
}
.wg-bottom-nav a:nth-child(2) svg,
.wg-bottom-nav a:nth-child(2){
    position:relative;
}
.wg-bottom-nav a:nth-child(2):hover,
.wg-bottom-nav a:nth-child(2):focus{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}
.wg-home-hero-v2{
    padding-top:16px;
}
.wg-home-hero-v2 .wg-hero-card{
    position:relative;
    overflow:hidden;
    padding:22px 16px;
    border-radius:26px;
    background:
        radial-gradient(circle at 20% 0,rgba(255,255,255,.32),transparent 34%),
        linear-gradient(135deg,#ff6873 0,#ff313f 58%,#e9152a 100%);
    box-shadow:0 16px 36px rgba(255,49,63,.30);
}
.wg-home-hero-v2 .wg-hero-card::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-52px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}
.wg-home-hero-v2 .wg-hero-card > *{
    position:relative;
    z-index:2;
}
.wg-home-metrics{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    margin-top:12px;
}
.wg-home-metrics div{
    padding:12px 7px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 22px rgba(31,37,58,.10);
    text-align:center;
}
.wg-home-metrics span{
    display:block;
    color:#858c99;
    font-size:11px;
    font-weight:900;
}
.wg-home-metrics b{
    display:block;
    margin-top:3px;
    color:#1d2433;
    font-size:12px;
    font-weight:950;
}
.wg-quick-strip-v2 a{
    border:1px solid rgba(255,77,92,.12);
}
.wg-trend-overview{
    background:linear-gradient(180deg,#fff,#fff7f8);
}
.wg-overview-grid{
    display:grid;
    gap:10px;
}
.wg-overview-grid div{
    position:relative;
    overflow:hidden;
    padding:16px;
    border-radius:18px;
    color:#fff;
}
.wg-overview-grid div::after{
    content:"";
    position:absolute;
    right:-28px;
    top:-28px;
    width:88px;
    height:88px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
}
.wg-overview-grid .red{
    background:linear-gradient(135deg,#ff6571,#ff2538);
}
.wg-overview-grid .blue{
    background:linear-gradient(135deg,#78adf2,#4d86df);
}
.wg-overview-grid .green{
    background:linear-gradient(135deg,#46c987,#159c5b);
}
.wg-overview-grid span{
    display:block;
    font-size:12px;
    font-weight:900;
    opacity:.9;
}
.wg-overview-grid b{
    display:block;
    margin:4px 0 6px;
    font-size:24px;
    line-height:1.1;
    font-weight:950;
}
.wg-overview-grid p{
    position:relative;
    z-index:2;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
}
.wg-method-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.wg-method-grid div{
    position:relative;
    padding:16px 16px 16px 18px;
    border-radius:18px;
    background:#f8f9fd;
    border:1px solid #eceef5;
    overflow:hidden;
}
.wg-method-grid div::before{
    content:"";
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:4px;
    border-radius:99px;
    background:linear-gradient(180deg,#ff6571,#ff2538);
}
.wg-method-grid b{
    display:block;
    color:#1d2433;
    font-size:16px;
    font-weight:950;
    margin-bottom:5px;
}
.wg-method-grid p{
    margin:0;
    color:#737887;
    font-size:14px;
}

.wg-prediction-shell{
    margin-top:18px;
    padding:0 0 16px;
    border-radius:26px;
    background:#f0f0f2;
    box-shadow:0 18px 45px rgba(31,37,58,.18);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.70);
}
.wg-game-tabs{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#fff;
    border-radius:0 0 18px 18px;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(31,37,58,.08);
}
.wg-game-tabs button{
    min-height:56px;
    border:0;
    background:#fff;
    color:#9aa0ad;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1.15;
}
.wg-game-tabs button span{
    font-size:12px;
    font-weight:800;
}
.wg-game-tabs button b{
    font-size:13px;
    font-weight:950;
}
.wg-game-tabs button.active{
    background:#fff1f3;
    color:#ff313f;
    box-shadow:inset 0 -2px 0 #ffb7c0;
}
.wg-live-card{
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin:24px 12px 14px;
    padding:18px;
    border-radius:18px;
    color:#fff;
    background:
        radial-gradient(circle at 10% 0,rgba(255,255,255,.28),transparent 34%),
        linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 12px 26px rgba(255,49,63,.28);
}
.wg-live-card::before,
.wg-live-card::after{
    content:"";
    position:absolute;
    left:50%;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#f0f0f2;
    transform:translateX(-50%);
}
.wg-live-card::before{top:-11px}
.wg-live-card::after{bottom:-11px}
.wg-live-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 15px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.85);
    color:#fff;
    font-size:13px;
    font-weight:950;
}
.wg-live-card h2{
    color:#fff;
    font-size:19px;
    margin:13px 0 3px;
}
.wg-live-card p{
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
}
.wg-live-time{
    min-width:136px;
    text-align:right;
}
.wg-live-time strong{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:900;
}
.wg-live-time b{
    display:block;
    margin:6px 0 3px;
    color:#fff;
    font-size:36px;
    line-height:1;
    letter-spacing:2px;
    font-weight:950;
}
.wg-live-time span{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:900;
}
.wg-prediction-main{
    margin:0 12px 12px;
    padding:18px;
    border-radius:22px;
    background:#fff;
    text-align:center;
    box-shadow:0 10px 22px rgba(31,37,58,.08);
}
.wg-prediction-title span{
    display:block;
    color:#8a90a0;
    font-size:16px;
    font-weight:950;
}
.wg-prediction-title small{
    display:block;
    color:#a1a7b4;
    font-size:12px;
    font-weight:800;
}
.wg-big-small-orb{
    display:grid;
    grid-template-columns:1fr 116px 1fr;
    align-items:center;
    gap:8px;
    margin:16px 0 12px;
}
.wg-big-small-orb > div{
    min-height:68px;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.wg-orb-left{
    background:linear-gradient(135deg,#46c987,#159c5b);
}
.wg-orb-right{
    background:linear-gradient(135deg,#78adf2,#4d86df);
}
.wg-big-small-orb div span{
    font-size:15px;
    font-weight:950;
}
.wg-big-small-orb div b{
    font-size:13px;
    opacity:.9;
}
.wg-big-small-orb > strong{
    width:116px;
    height:116px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:
        radial-gradient(circle at 35% 20%,rgba(255,255,255,.55),transparent 26%),
        linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 14px 28px rgba(255,49,63,.28);
    font-size:28px;
    line-height:1;
    font-weight:950;
}
.wg-big-small-orb > strong.small{
    background:
        radial-gradient(circle at 35% 20%,rgba(255,255,255,.55),transparent 26%),
        linear-gradient(135deg,#78adf2,#4d86df);
    box-shadow:0 14px 28px rgba(77,134,223,.26);
}
.wg-confidence-line{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-radius:14px;
    background:#f7f8fc;
}
.wg-confidence-line span{
    color:#737887;
    font-size:13px;
    font-weight:900;
}
.wg-confidence-line b{
    color:#1d2433;
    font-size:14px;
    font-weight:950;
}
.wg-prediction-main p{
    margin:10px 0 0;
    color:#858c99;
    font-size:13px;
}
.wg-mini-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:0 12px 12px;
}
.wg-mini-stats div{
    padding:12px 6px;
    border-radius:16px;
    background:#fff;
    text-align:center;
    box-shadow:0 8px 18px rgba(31,37,58,.07);
}
.wg-mini-stats span{
    display:block;
    color:#8a90a0;
    font-size:11px;
    font-weight:900;
}
.wg-mini-stats b{
    display:block;
    margin-top:3px;
    color:#1d2433;
    font-size:12px;
    font-weight:950;
}
.wg-mini-stats b.ok{color:#078b4f}
.wg-mini-stats b.bad{color:#e22336}
.wg-check-summary{
    margin:0 12px 12px;
    padding:12px 14px;
    border-radius:16px;
    background:#fff;
    color:#737887;
    font-size:13px;
}
.wg-check-summary p{margin:0}
.wg-size-strip{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:0 36px 14px;
    border-radius:999px;
    overflow:hidden;
    color:#fff;
    font-size:20px;
    font-weight:950;
}
.wg-size-strip div{
    padding:10px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.wg-size-strip .big{
    background:#ffa528;
}
.wg-size-strip .small{
    background:#6da3ed;
}

@media (max-width:390px){
    .wg-big-small-orb{
        grid-template-columns:1fr 96px 1fr;
    }
    .wg-big-small-orb > strong{
        width:96px;
        height:96px;
        font-size:24px;
    }
    .wg-live-time b{
        font-size:30px;
    }
    .wg-live-time{
        min-width:118px;
    }
}
.wg-app-main{
    width:min(430px,100%);
    margin:0 auto;
    padding:104px 10px 98px;
    min-height:70vh;
}

.wg-header{
    position:fixed;
    top:0;
    left:50%;
    z-index:9990;
    width:min(430px,100%);
    transform:translateX(-50%);
    padding:0 10px 10px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(31,37,58,.08);
    box-shadow:0 8px 24px rgba(31,37,58,.10);
    backdrop-filter:blur(14px);
    border-radius:0 0 20px 20px;
    overflow:hidden;
}

.wg-header::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(90deg,#ff6a75,#ff313f,#ff8a35);
}

.wg-header-glow{
    display:none;
}

.wg-header-inner{
    position:relative;
    z-index:2;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:5px;
}

.wg-logo{
    width:164px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
}

.wg-logo img{
    width:154px;
    max-height:42px;
    object-fit:contain;
    filter:none;
}

.wg-header-right{
    display:flex;
    align-items:center;
    gap:8px;
}

.wg-lang-switch{
    display:flex;
    align-items:center;
    gap:4px;
    padding:3px;
    border-radius:999px;
    background:#f2f4f8;
    border:1px solid #e8ebf2;
}

.wg-lang-switch a{
    height:30px;
    min-width:32px;
    padding:4px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-radius:999px;
    color:#737b8b;
    font-size:10px;
    font-weight:950;
}

.wg-lang-switch a.active{
    background:#ff313f;
    color:#fff;
    box-shadow:0 6px 12px rgba(255,49,63,.20);
}

.wg-lang-switch img{
    width:19px;
    height:19px;
    border-radius:50%;
    object-fit:cover;
}

.wg-menu-btn{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:0;
    border-radius:14px;
    background:#ff313f;
    display:grid;
    place-items:center;
    padding:9px;
    gap:4px;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(255,49,63,.22);
}

.wg-menu-btn i,
.wg-menu-btn span{
    display:block;
    width:21px;
    height:2px;
    border-radius:99px;
    background:#fff;
}

.wg-top-actions{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.wg-top-btn{
    height:36px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    font-size:14px;
}

.wg-login{
    color:#ff313f;
    background:#fff1f3;
    border:1px solid #ffd4da;
}

.wg-register{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 8px 18px rgba(255,49,63,.22);
}

@media (max-width:390px){
    .wg-logo{width:148px}
    .wg-logo img{width:142px}
    .wg-lang-switch a span{display:none}
}
.wg-bottom-nav{
    position:fixed;
    left:50%;
    bottom:10px;
    z-index:9988;
    width:min(410px,calc(100% - 22px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:1fr 1.12fr 1fr 1fr;
    gap:6px;
    padding:8px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.75);
    border-radius:24px;
    box-shadow:0 14px 36px rgba(31,37,58,.20);
    backdrop-filter:blur(16px);
}
.wg-bottom-nav a{
    position:relative;
    min-height:56px;
    border-radius:17px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#687082;
    font-size:11px;
    font-weight:950;
    overflow:hidden;
}
.wg-bottom-nav svg{
    width:22px;
    height:22px;
    fill:currentColor;
    display:block;
}
.wg-bottom-nav a:hover,
.wg-bottom-nav a:focus{
    color:#ff313f;
    background:#fff1f3;
}
.wg-bottom-nav a:nth-child(2){
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 10px 22px rgba(255,49,63,.30);
}
.wg-bottom-nav a:nth-child(2)::before{
    content:"";
    position:absolute;
    inset:-20px;
    background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.42),transparent 34%);
}
.wg-bottom-nav a:nth-child(2) svg,
.wg-bottom-nav a:nth-child(2){
    position:relative;
}
.wg-bottom-nav a:nth-child(2):hover,
.wg-bottom-nav a:nth-child(2):focus{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}
/* Final H5 header */
.wg-app-main{
    width:min(430px,100%);
    margin:0 auto;
    padding:104px 10px 98px;
    min-height:70vh;
}
.wg-header{
    position:fixed;
    top:0;
    left:50%;
    z-index:9990;
    width:min(430px,100%);
    transform:translateX(-50%);
    padding:0 10px 10px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(31,37,58,.08);
    box-shadow:0 8px 24px rgba(31,37,58,.10);
    backdrop-filter:blur(14px);
    border-radius:0 0 20px 20px;
    overflow:hidden;
}
.wg-header::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(90deg,#ff6a75,#ff313f,#ff8a35);
}
.wg-header-glow{display:none}
.wg-header-inner{
    position:relative;
    z-index:2;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:5px;
}
.wg-logo{
    width:164px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
}
.wg-logo img{
    width:154px;
    max-height:42px;
    object-fit:contain;
    filter:none;
}
.wg-header-right{
    display:flex;
    align-items:center;
    gap:8px;
}
.wg-lang-switch{
    display:flex;
    align-items:center;
    gap:4px;
    padding:3px;
    border-radius:999px;
    background:#f2f4f8;
    border:1px solid #e8ebf2;
}
.wg-lang-switch a{
    height:30px;
    min-width:32px;
    padding:4px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-radius:999px;
    color:#737b8b;
    font-size:10px;
    font-weight:950;
}
.wg-lang-switch a.active{
    background:#ff313f;
    color:#fff;
    box-shadow:0 6px 12px rgba(255,49,63,.20);
}
.wg-lang-switch img{
    width:19px;
    height:19px;
    border-radius:50%;
    object-fit:cover;
}
.wg-menu-btn{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:0;
    border-radius:14px;
    background:#ff313f;
    display:grid;
    place-items:center;
    padding:9px;
    gap:4px;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(255,49,63,.22);
}
.wg-menu-btn i,
.wg-menu-btn span{
    display:block;
    width:21px;
    height:2px;
    border-radius:99px;
    background:#fff;
}
.wg-top-actions{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.wg-top-btn{
    height:36px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    font-size:14px;
}
.wg-login{
    color:#ff313f;
    background:#fff1f3;
    border:1px solid #ffd4da;
}
.wg-register{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 8px 18px rgba(255,49,63,.22);
}

/* Final home */
.wg-home-hero-v2{
    padding-top:16px;
}
.wg-home-hero-v2 .wg-hero-card{
    position:relative;
    overflow:hidden;
    padding:22px 16px;
    border-radius:26px;
    background:
        radial-gradient(circle at 20% 0,rgba(255,255,255,.32),transparent 34%),
        linear-gradient(135deg,#ff6873 0,#ff313f 58%,#e9152a 100%);
    box-shadow:0 16px 36px rgba(255,49,63,.30);
}
.wg-home-hero-v2 .wg-hero-card::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-52px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}
.wg-home-hero-v2 .wg-hero-card > *{
    position:relative;
    z-index:2;
}
.wg-home-metrics{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    margin-top:12px;
}
.wg-home-metrics div{
    padding:12px 7px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 22px rgba(31,37,58,.10);
    text-align:center;
}
.wg-home-metrics span{
    display:block;
    color:#858c99;
    font-size:11px;
    font-weight:900;
}
.wg-home-metrics b{
    display:block;
    margin-top:3px;
    color:#1d2433;
    font-size:12px;
    font-weight:950;
}
.wg-quick-strip-v2 a{
    border:1px solid rgba(255,77,92,.12);
}
.wg-trend-overview{
    background:linear-gradient(180deg,#fff,#fff7f8);
}
.wg-overview-grid{
    display:grid;
    gap:10px;
}
.wg-overview-grid div{
    position:relative;
    overflow:hidden;
    padding:16px;
    border-radius:18px;
    color:#fff;
}
.wg-overview-grid div::after{
    content:"";
    position:absolute;
    right:-28px;
    top:-28px;
    width:88px;
    height:88px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
}
.wg-overview-grid .red{background:linear-gradient(135deg,#ff6571,#ff2538)}
.wg-overview-grid .blue{background:linear-gradient(135deg,#78adf2,#4d86df)}
.wg-overview-grid .green{background:linear-gradient(135deg,#46c987,#159c5b)}
.wg-overview-grid span{
    display:block;
    font-size:12px;
    font-weight:900;
    opacity:.9;
}
.wg-overview-grid b{
    display:block;
    margin:4px 0 6px;
    font-size:24px;
    line-height:1.1;
    font-weight:950;
}
.wg-overview-grid p{
    position:relative;
    z-index:2;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
}
.wg-method-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.wg-method-grid div{
    position:relative;
    padding:16px 16px 16px 18px;
    border-radius:18px;
    background:#f8f9fd;
    border:1px solid #eceef5;
    overflow:hidden;
}
.wg-method-grid div::before{
    content:"";
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:4px;
    border-radius:99px;
    background:linear-gradient(180deg,#ff6571,#ff2538);
}
.wg-method-grid b{
    display:block;
    color:#1d2433;
    font-size:16px;
    font-weight:950;
    margin-bottom:5px;
}
.wg-method-grid p{
    margin:0;
    color:#737887;
    font-size:14px;
}

/* Final prediction tool */
.wg-prediction-shell{
    margin-top:18px;
    padding:0 0 16px;
    border-radius:26px;
    background:#f0f0f2;
    box-shadow:0 18px 45px rgba(31,37,58,.18);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.70);
}
.wg-game-tabs{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#fff;
    border-radius:0 0 18px 18px;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(31,37,58,.08);
}
.wg-game-tabs button{
    min-height:56px;
    border:0;
    background:#fff;
    color:#9aa0ad;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1.15;
}
.wg-game-tabs button span{
    font-size:12px;
    font-weight:800;
}
.wg-game-tabs button b{
    font-size:13px;
    font-weight:950;
}
.wg-game-tabs button.active{
    background:#fff1f3;
    color:#ff313f;
    box-shadow:inset 0 -2px 0 #ffb7c0;
}
.wg-live-card{
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin:24px 12px 14px;
    padding:18px;
    border-radius:18px;
    color:#fff;
    background:
        radial-gradient(circle at 10% 0,rgba(255,255,255,.28),transparent 34%),
        linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 12px 26px rgba(255,49,63,.28);
}
.wg-live-card::before,
.wg-live-card::after{
    content:"";
    position:absolute;
    left:50%;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#f0f0f2;
    transform:translateX(-50%);
}
.wg-live-card::before{top:-11px}
.wg-live-card::after{bottom:-11px}
.wg-live-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 15px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.85);
    color:#fff;
    font-size:13px;
    font-weight:950;
}
.wg-live-card h2{
    color:#fff;
    font-size:19px;
    margin:13px 0 3px;
}
.wg-live-card p{
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
}
.wg-live-time{
    min-width:136px;
    text-align:right;
}
.wg-live-time strong{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:900;
}
.wg-live-time b{
    display:block;
    margin:6px 0 3px;
    color:#fff;
    font-size:36px;
    line-height:1;
    letter-spacing:2px;
    font-weight:950;
}
.wg-live-time span{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:900;
}
.wg-prediction-main{
    margin:0 12px 12px;
    padding:18px;
    border-radius:22px;
    background:#fff;
    text-align:center;
    box-shadow:0 10px 22px rgba(31,37,58,.08);
}
.wg-prediction-title span{
    display:block;
    color:#8a90a0;
    font-size:16px;
    font-weight:950;
}
.wg-prediction-title small{
    display:block;
    color:#a1a7b4;
    font-size:12px;
    font-weight:800;
}
.wg-big-small-orb{
    display:grid;
    grid-template-columns:1fr 116px 1fr;
    align-items:center;
    gap:8px;
    margin:16px 0 12px;
}
.wg-big-small-orb > div{
    min-height:68px;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.wg-orb-left{background:linear-gradient(135deg,#46c987,#159c5b)}
.wg-orb-right{background:linear-gradient(135deg,#78adf2,#4d86df)}
.wg-big-small-orb div span{
    font-size:15px;
    font-weight:950;
}
.wg-big-small-orb div b{
    font-size:13px;
    opacity:.9;
}
.wg-big-small-orb > strong{
    width:116px;
    height:116px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:
        radial-gradient(circle at 35% 20%,rgba(255,255,255,.55),transparent 26%),
        linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 14px 28px rgba(255,49,63,.28);
    font-size:28px;
    line-height:1;
    font-weight:950;
}
.wg-big-small-orb > strong.small{
    background:
        radial-gradient(circle at 35% 20%,rgba(255,255,255,.55),transparent 26%),
        linear-gradient(135deg,#78adf2,#4d86df);
    box-shadow:0 14px 28px rgba(77,134,223,.26);
}
.wg-confidence-line{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-radius:14px;
    background:#f7f8fc;
}
.wg-confidence-line span{
    color:#737887;
    font-size:13px;
    font-weight:900;
}
.wg-confidence-line b{
    color:#1d2433;
    font-size:14px;
    font-weight:950;
}
.wg-prediction-main p{
    margin:10px 0 0;
    color:#858c99;
    font-size:13px;
}
.wg-mini-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:0 12px 12px;
}
.wg-mini-stats div{
    padding:12px 6px;
    border-radius:16px;
    background:#fff;
    text-align:center;
    box-shadow:0 8px 18px rgba(31,37,58,.07);
}
.wg-mini-stats span{
    display:block;
    color:#8a90a0;
    font-size:11px;
    font-weight:900;
}
.wg-mini-stats b{
    display:block;
    margin-top:3px;
    color:#1d2433;
    font-size:12px;
    font-weight:950;
}
.wg-mini-stats b.ok{color:#078b4f}
.wg-mini-stats b.bad{color:#e22336}
.wg-check-summary{
    margin:0 12px 12px;
    padding:12px 14px;
    border-radius:16px;
    background:#fff;
    color:#737887;
    font-size:13px;
}
.wg-check-summary p{margin:0}
.wg-size-strip{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:0 36px 14px;
    border-radius:999px;
    overflow:hidden;
    color:#fff;
    font-size:20px;
    font-weight:950;
}
.wg-size-strip div{
    padding:10px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.wg-size-strip .big{background:#ffa528}
.wg-size-strip .small{background:#6da3ed}

/* Final bottom nav SVG */
.wg-bottom-nav{
    position:fixed;
    left:50%;
    bottom:10px;
    z-index:9988;
    width:min(410px,calc(100% - 22px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:1fr 1.12fr 1fr 1fr;
    gap:6px;
    padding:8px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.75);
    border-radius:24px;
    box-shadow:0 14px 36px rgba(31,37,58,.20);
    backdrop-filter:blur(16px);
}
.wg-bottom-nav a{
    position:relative;
    min-height:56px;
    border-radius:17px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#687082;
    font-size:11px;
    font-weight:950;
    overflow:hidden;
}
.wg-bottom-nav svg{
    width:22px;
    height:22px;
    fill:currentColor;
    display:block;
}
.wg-bottom-nav a:hover,
.wg-bottom-nav a:focus{
    color:#ff313f;
    background:#fff1f3;
}
.wg-bottom-nav a:nth-child(2){
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
    box-shadow:0 10px 22px rgba(255,49,63,.30);
}
.wg-bottom-nav a:nth-child(2)::before{
    content:"";
    position:absolute;
    inset:-20px;
    background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.42),transparent 34%);
}
.wg-bottom-nav a:nth-child(2) svg,
.wg-bottom-nav a:nth-child(2){
    position:relative;
}
.wg-bottom-nav a:nth-child(2):hover,
.wg-bottom-nav a:nth-child(2):focus{
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}

/* Final footer */
.wg-footer{
    width:min(430px,100%);
    margin:24px auto 0;
    padding:20px 12px 96px;
    background:
        radial-gradient(circle at 20% 0,rgba(255,101,113,.38),transparent 34%),
        linear-gradient(180deg,#2a2f41 0,#171b27 100%);
    color:#fff;
    border-radius:28px 28px 0 0;
    box-shadow:0 -18px 45px rgba(31,37,58,.18);
}
.wg-footer-inner{display:grid;gap:14px}
.wg-footer-card{
    padding:18px;
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
    border:1px solid rgba(255,255,255,.13);
}
.wg-footer-logo img{width:165px}
.wg-footer-card p{
    margin:12px 0 14px;
    color:#dce2ef;
    font-size:14px;
}
.wg-footer-cta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.wg-footer-cta a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-weight:950;
    color:#fff;
    background:linear-gradient(135deg,#ff6571,#ff2538);
}
.wg-footer-cta a:last-child{
    background:#fff;
    color:#ff313f;
}
.wg-footer-menu{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.wg-footer-menu a{
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
}
.wg-footer-menu b{
    display:block;
    color:#fff;
    font-size:15px;
}
.wg-footer-menu span{
    display:block;
    color:#aeb7c9;
    font-size:12px;
    margin-top:2px;
}
.wg-footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.wg-footer-links a{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#dce2ef;
    font-size:12px;
    font-weight:800;
}
.wg-footer-alert{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,77,92,.14);
    border:1px solid rgba(255,101,113,.28);
    color:#ffd7dc;
    font-size:12px;
    font-weight:800;
}
.wg-footer-copy{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#98a2b7;
    font-size:12px;
}

@media (max-width:390px){
    .wg-logo{width:148px}
    .wg-logo img{width:142px}
    .wg-lang-switch a span{display:none}
    .wg-big-small-orb{
        grid-template-columns:1fr 96px 1fr;
    }
    .wg-big-small-orb > strong{
        width:96px;
        height:96px;
        font-size:24px;
    }
    .wg-live-time b{font-size:30px}
    .wg-live-time{min-width:118px}
}