:root{
    --peach:#ffcc99;
    --peach-light:#ffd7ad;
    --red:#ff0016;
    --red-dark:#8f0000;
    --pink:#ff00a2;
    --blue:#0013a5;
    --blue-dark:#00094d;
    --purple:#522f92;
    --yellow:#ffd902;
    --green:#009206;
    --white:#ffffff;
    --black:#111111;
    --shadow:0 0 20px rgba(0,0,0,.4);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;scroll-behavior:smooth}
body{background:var(--peach);color:var(--black);font-family:Helvetica,Arial,sans-serif;font-style:italic;font-weight:700;text-align:center;padding:4px 10px 12px;line-height:1.35}
a{text-decoration:none;color:inherit}
.site-header{position:relative;top:auto;z-index:auto;margin:0 auto 5px;max-width:1180px}
.brand-box{display:block;background:linear-gradient(187deg,var(--peach) 50%,#ffc387 50%);border:3px outset var(--red);border-radius:12px;box-shadow:var(--shadow);padding:8px 10px}
.brand-main{display:block;font-size:clamp(28px,7vw,54px);line-height:1;background:linear-gradient(-225deg,#231557 0,#44107a 29%,#ff1361 67%,#ff0025 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:textmove 3s linear infinite;text-shadow:none;letter-spacing:1px}
.brand-sub{display:block;color:var(--blue-dark);font-size:13px;margin-top:5px;text-shadow:1px 1px 2px var(--white)}
.top-links{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}
.top-links a{background:var(--purple);color:var(--white);border:1px solid var(--white);border-radius:7px;padding:7px 4px;font-size:14px;text-shadow:1px 1px 2px #222}
main,.site-footer{max-width:1180px;margin-left:auto;margin-right:auto}
.box-card{background:var(--peach);border:2px outset var(--red);border-radius:10px;box-shadow:var(--shadow);outline:4px solid var(--white);outline-offset:-9px;margin-bottom:6px;padding:8px 10px}
.welcome-box h1,.simple-page h1{color:var(--blue);font-size:20px;text-shadow:1px 1px 2px var(--white);margin-bottom:5px}
.welcome-box p,.simple-page p{color:#000b65;font-size:14px;text-shadow:1px 1px 2px var(--white)}
.pink-title,.red-title,.yellow-title,.box-title{display:block;border-radius:10px;padding:6px 10px;margin:-3px -4px 7px;color:var(--white);font-size:22px;letter-spacing:.5px;text-shadow:1px 1px 2px #000;border:2px solid var(--white)}
.pink-title,.box-title{background:var(--pink)}
.red-title{background:#ff1731}
.yellow-title{background:var(--yellow);color:#000;border-color:#000;text-shadow:1px 1px 2px var(--white)}
.lucky-grid{display:grid;grid-template-columns:2fr 3fr}
.lucky-grid>div{padding:6px}
.lucky-grid>div+div{border-left:1px solid var(--red)}
.lucky-grid h3{color:var(--blue);font-size:18px;text-shadow:1px 1px 2px var(--white)}
.lucky-number{font-size:27px;color:#880e4f;margin:6px 0;text-shadow:1px 1px 2px #ffe2c6}
.lucky-grid small{font-size:11px;color:#333;font-style:normal}
.final-list{font-size:13px;color:var(--blue-dark);line-height:1.6;text-shadow:1px 1px 2px var(--white)}
.apk-box{background:var(--red-dark);color:var(--white);font-style:normal;padding:12px}
.apk-box strong{display:block;font-size:19px;margin-bottom:4px}
.apk-box p{color:var(--white);font-size:14px;text-shadow:none;margin-bottom:8px}
.apk-button{display:inline-block;background:var(--white);color:#0a2fbf;border-radius:20px;padding:6px 30px;font-size:14px;font-weight:700}
.notice-board{display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(90deg,#ff512f,#f09819);color:var(--white);padding:14px 18px;border-radius:12px;box-shadow:0 8px 20px rgba(255,87,34,.35);margin:6px auto;max-width:1180px;animation:noticeglow 2s infinite alternate;font-style:normal}
.notice-board span{background:var(--white);color:#e65100;border-radius:30px;padding:6px 12px;font-size:12px;white-space:nowrap}
.notice-board p{color:var(--white);text-shadow:none;font-size:16px}
.live-note{color:#000;font-size:13px;font-style:normal;margin-bottom:7px}
.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.market-card{border:2px outset var(--red);border-radius:10px;overflow:hidden;background:linear-gradient(187deg,var(--peach) 50%,var(--peach-light) 50%);box-shadow:0 3px 10px rgba(0,0,0,.18)}
.market-card h3{background:var(--pink);color:var(--white);padding:7px 5px;font-size:17px;text-shadow:1px 1px 2px #000;border-bottom:2px solid var(--white)}
.result-value,.big-result{font-size:25px;color:#880e4f;margin:7px 0 2px;text-shadow:1px 1px 2px #ffe2c6}
.result-value b,.big-result b{color:var(--blue)}
.pending-line{font-size:12px;color:#333;font-style:normal;text-shadow:none}
.market-time{color:var(--blue-dark);font-size:13px;padding:4px;text-shadow:1px 1px 2px var(--white)}
.card-links,.big-links,.chart-switch{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:5px}
.card-links a,.big-links a,.chart-switch a,.home-button{background:var(--purple);color:var(--white);border:1px solid #e6e6e6;border-radius:8px;padding:6px 10px;font-size:12px;text-shadow:1px 1px 2px #222}
.big-links a{font-size:15px;padding:8px 16px}
.chart-switch a.active{background:#0d6efd}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;background:var(--peach);box-shadow:var(--shadow);margin:4px 0;font-style:normal;min-width:650px}
th,td{border:1px solid var(--red);padding:5px 6px;font-size:13px;text-align:center;text-shadow:1px 1px 2px var(--white)}
thead{background:var(--white);color:var(--blue)}
tbody th{color:var(--blue)}
table a{color:var(--blue);font-weight:800}
.link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.link-list a{display:block;color:#1a237e;padding:7px 5px;border-bottom:2px solid #ff0026;text-shadow:1px 1px 2px #d9d9d9;font-size:16px}
.link-list a:nth-last-child(-n+2){border-bottom-width:0}
.faq-box details{border-top:1.5px solid #e0557f;padding:6px 5px;font-style:normal}
.faq-box details:first-of-type{border-top:0}
.faq-box summary{cursor:pointer;color:var(--blue);font-size:16px;text-shadow:1px 1px 2px var(--white)}
.faq-box details p{color:#111;font-size:13px;padding:6px 8px 2px;text-shadow:none;font-weight:600}
.disclaimer-box{font-style:normal}
.disclaimer-box h2{color:#bb2833;font-size:20px;margin-bottom:6px;text-shadow:1px 1px 2px var(--white)}
.disclaimer-box p{color:#340d7a;font-size:12px;text-shadow:none}
.single-market{padding-bottom:14px}
.single-market h2{font-size:24px}
.big-result{font-size:38px}
.simple-page{padding:12px}
.simple-page .box-title{font-size:18px}
.site-footer{font-style:normal;margin-top:6px}
.site-footer strong{display:block;color:var(--blue);font-size:22px}
.site-footer p{font-size:13px;color:#222;text-shadow:none;margin:4px}
.site-footer nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:7px 0}
.site-footer nav a{background:#e91e63;color:var(--white);padding:4px 7px;border-radius:5px;font-size:12px}
.site-footer small{font-size:11px;color:#555}
@keyframes textmove{to{background-position:200% center}}
@keyframes noticeglow{from{box-shadow:0 8px 15px rgba(255,87,34,.25)}to{box-shadow:0 8px 25px rgba(255,193,7,.65)}}
@media(max-width:820px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body{padding:3px 5px 9px}.brand-main{font-size:35px}.brand-sub{font-size:11px}.top-links a{font-size:12px;padding:6px 2px}.result-grid{grid-template-columns:1fr}.link-list{grid-template-columns:1fr}.link-list a:nth-last-child(-n+2){border-bottom-width:2px}.link-list a:last-child{border-bottom-width:0}.notice-board{flex-direction:column;gap:8px;padding:12px}.notice-board p{font-size:14px}.pink-title,.red-title,.yellow-title{font-size:19px}.lucky-grid{grid-template-columns:1fr}.lucky-grid>div+div{border-left:0;border-top:1px solid var(--red)}.market-card h3{font-size:18px}.result-value{font-size:27px}.faq-box summary{font-size:14px}}
@media(max-width:360px){.brand-main{font-size:29px}.top-links{grid-template-columns:repeat(2,1fr)}.apk-button{padding:6px 20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}


/* DPBOSS RESPONSIVE WEEKLY FIX */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

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

main,
section,
article,
header,
footer,
.box-card,
.live-box,
.timing-box,
.chart-links,
.result-grid,
.link-grid,
.table-scroll,
.weekly-table-wrap {
    min-width: 0;
    max-width: 100%;
}

.table-scroll,
.weekly-table-wrap {
    width: 100%;
    overflow-x: visible !important;
    overscroll-behavior: none;
}

table {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
    border-collapse: collapse;
}

th,
td {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.result-grid {
    width: 100%;
    grid-template-columns:
        repeat(auto-fit, minmax(min(100%, 240px), 1fr))
        !important;
}

.market-card {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.card-links {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
}

.card-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    text-align: center;
}

.link-grid {
    width: 100%;
    grid-template-columns:
        repeat(auto-fit, minmax(min(100%, 220px), 1fr))
        !important;
}

.link-grid a,
.chart-switch a,
.top-links a {
    min-width: 0;
    overflow-wrap: anywhere;
}

.weekly-chart-section {
    width: 100%;
    overflow: hidden;
}

.weekly-chart {
    width: 100%;
    table-layout: fixed;
}

.weekly-chart .week-column {
    width: 17%;
}

.weekly-chart th:not(.week-column),
.weekly-chart td {
    width: 11.85%;
    padding: 6px 2px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.15;
}

.weekly-chart .week-column {
    padding: 6px 3px;
    font-size: 11px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.cell-date {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 600;
    opacity: 0.8;
}

.cell-result {
    display: block;
    font-size: 11px;
    line-height: 1.15;
    word-break: break-all;
    overflow-wrap: anywhere;
}

.empty-cell {
    display: block;
    padding-top: 12px;
}

@media (max-width: 600px) {
    main {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px;
    }

    .box-card,
    .market-card {
        width: 100%;
        max-width: 100%;
    }

    .card-links {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .weekly-chart .week-column {
        width: 16%;
        padding: 4px 1px;
        font-size: 8px;
    }

    .weekly-chart th:not(.week-column),
    .weekly-chart td {
        width: 12%;
        padding: 4px 1px;
        font-size: 8px;
    }

    .cell-date {
        margin-bottom: 2px;
        font-size: 7px;
    }

    .cell-result {
        font-size: 8px;
        line-height: 1.05;
    }

    .weekly-chart th {
        letter-spacing: 0;
    }
}

/* DPBOSS FINAL SEO CONTENT */
.seo-breadcrumbs,
.seo-answer-box {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.seo-breadcrumbs {
    margin: 8px 0;
    padding: 8px 10px;
    font-size: 13px;
}

.seo-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-breadcrumbs li:not(:last-child)::after {
    content: "›";
    margin-left: 5px;
}

.seo-breadcrumbs a {
    overflow-wrap: anywhere;
}

.seo-answer-box h2 {
    margin-top: 0;
    line-height: 1.3;
}

.seo-answer-box p {
    margin-bottom: 10px;
    line-height: 1.6;
}

.seo-answer-box p:last-child {
    margin-bottom: 0;
}