*{box-sizing:border-box}body{margin:0;background:#fff0bf;color:#071454;font-family:Arial,sans-serif;font-style:italic;font-weight:700}.shell{width:100%;background:#ffcc9d;min-height:100vh;padding:3px 9px}a{color:#09288e;text-decoration:none}.brand-banner{height:74px;border:3px solid #df001f;border-radius:14px;text-align:center;color:#ff0094;font-size:27px;line-height:68px;font-weight:900}.site-head,.box,.chart-page,.legal{border:3px solid #df001f;border-radius:14px;overflow:hidden;text-align:center;margin:5px 0;background:#ffcc9d}.welcome{height:76px;display:flex;align-items:center;padding:5px;border-bottom:2px solid #df001f}.logo{width:88px;height:65px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb800,#e80035);color:white;font-size:28px;font-style:normal}.welcome strong{flex:1;text-align:right;color:#111}.site-head h1{font-size:17px;color:#111;margin:4px}.site-head p{font-size:10px;color:#111;margin:3px}.heading{background:#ff0094;color:#fff;text-shadow:1px 1px #555;border-radius:10px;padding:5px;font-size:21px}.lucky{display:grid;grid-template-columns:2fr 3fr}.lucky>div{min-height:86px;padding:5px}.lucky>div+div{border-left:1px solid red}.lucky h2{font-size:18px;margin:2px}.golden{font-size:22px}.final-list{display:flex;flex-direction:column;font-size:12px}.live h2{font-size:22px;margin:7px}.result{font-size:22px}.refresh{background:#5b3d91;color:#fff;border:0;border-radius:4px;padding:6px 10px;margin:5px}.notice{min-height:135px}.notice .notice-title{background:#ad0000;color:white;font-size:21px}.notice p{color:#111}.keywords{padding:10px;font-size:13px}.market-title{background:#ff0094;color:white;border:2px solid #df001f;border-radius:12px;text-align:center;padding:5px;font-size:18px}.market-list{border:2px solid #ff0094;border-radius:10px;overflow:hidden}.market-row{height:78px;background:#ffcc9d;border-bottom:2px solid #ff0094;position:relative;display:grid;place-items:center;text-align:center}.market-row:nth-child(even){background:#fffb00}.market-row:last-child{border-bottom:0}.market-row h2,.market-row p{margin:0}.market-row h2{font-size:21px}.market-row .number{font-size:21px}.market-row small{color:#111}.side{position:absolute;top:50%;transform:translateY(-50%);background:#5b3d91;color:#fff;padding:5px 8px;border-radius:5px;font-size:12px}.side.left{left:7px}.side.right{right:7px}.link-grid{display:grid;grid-template-columns:repeat(2,1fr)}.link-grid a{background:#fff;border:1px solid #bbb;padding:8px;font-size:12px}.chart-page{padding-bottom:10px}.chart-page h2{background:#ff0094;color:#fff;margin:0;padding:8px}.table-wrap{overflow:auto;padding:7px}table{width:100%;border-collapse:collapse;background:#fff;font-style:normal;font-size:12px}th,td{border:1px solid #777;padding:8px;text-align:center}th{background:#ffed00;color:#111}.back{display:inline-block;background:#5b3d91;color:#fff;padding:8px 15px;border-radius:5px}.legal{padding:15px;color:#111;text-align:left}.legal h2{text-align:center;color:#b00000}footer{text-align:center;background:#111;color:#ddd;border-radius:10px;padding:15px;margin-top:7px;font-size:11px}footer a{color:#78b9ff}footer b{color:#ffe500}@media(max-width:600px){.shell{padding:3px 5px}.brand-banner{height:55px;line-height:49px;font-size:20px}.welcome{height:60px}.logo{width:60px;height:50px;font-size:20px}.welcome strong{font-size:12px}.site-head h1{font-size:14px}.heading{font-size:18px}.market-row h2,.market-row .number{font-size:18px}.link-grid{grid-template-columns:1fr 1fr}}


.panel-chart-table {
    min-width: 1050px;
}

.panel-chart-table .date-cell {
    min-width: 110px;
}

.panel-cell {
    min-width: 130px;
}

@media (max-width: 600px) {

    .panel-chart-wrap {
        width: 100%;
        overflow-x: hidden;
    }

    .panel-chart-table {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .panel-chart-table th,
    .panel-chart-table td {
        padding: 2px 1px;
        overflow: hidden;
    }

    .panel-chart-table .date-cell {
        width: 15%;
        min-width: 0;
        font-size: 9px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .panel-chart-table .day-heading th {
        font-size: 10px;
        padding: 3px 0;
    }

    .panel-chart-table tbody td {
        height: 58px;
    }

    .panel-cell {
        width: 100%;
        min-width: 0;
        justify-content: center;
        gap: 2px;
    }

    .panel-digits {
        flex: 0 0 auto;
        font-size: 9px;
        line-height: 1.25;
    }

    .panel-jodi {
        flex: 0 1 auto;
        min-width: 0;
        font-size: 15px;
    }

    .panel-chart-table .chart-title th {
        font-size: 21px;
    }
}