.pk10-submit { color: #fff; background: var(--lottery-red, #d64b44); border: 0; border-radius: 4px; padding: 8px 15px; }
.pk10-overlay { position: fixed; inset: 0; z-index: 9999; display: none; justify-content: center; background: #e4e7ed; color: #333; font: 14px/1.5 sans-serif; }
.pk10-overlay button { font: inherit; }
.pk10-panel { width: 100%; max-width: 640px; height: 100%; overflow: auto; background: #fff; display: flex; flex-direction: column; }
.pk10-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 36px; padding: 4px 10px; background: var(--lottery-blue, #347ab7); color: #fff; }
.pk10-header h3 { margin: 0; color: inherit; font-size: 16px; }
.pk10-header button:first-child { justify-self: start; }
.pk10-header button:last-child { justify-self: end; white-space: nowrap; }
.pk10-header button { border: 0; background: transparent; color: inherit; padding: 4px; }
.pk10-info { margin: 0; padding: 10px 14px; background: #f4f7fa; color: #53677b; }
.pk10-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px 14px; border-bottom: 1px solid #eee; }
.pk10-tabs button { border: 1px solid var(--lottery-border, #dbe3eb); border-radius: 4px; background: #fff; color: var(--lottery-blue, #347ab7); padding: 5px 4px; }
.pk10-tabs button[aria-pressed="true"], .pk10-mode-options button[aria-pressed="true"] {
    color: #fff;
    background: var(--lottery-red, #d64b44);
    border-color: var(--lottery-red, #d64b44);
}
.pk10-odds {
    margin: 8px min(2.6667vw, 17.07px) 0;
    padding: 6px 8px;
    border-radius: 4px;
    background: #f4f7fa;
    color: #53677b;
}
.pk10-choices { flex: 1 0 auto; padding: 0 min(2.6667vw, 17.07px) 14px; }
.pk10-row { padding-top: 12px; }
.pk10-row-title { color: #508094; font-weight: bold; margin-bottom: 6px; }
.pk10-balls { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 6px 2px; max-width: 540px; }
.pk10-ball { display: flex; flex-direction: column; align-items: center; min-width: 0; border: 0; background: transparent; padding: 0; }
.pk10-ball-number { display: grid; place-items: center; width: 100%; aspect-ratio: 1; line-height: 1; border-radius: 50%; color: #fff; background: #767676 center/100% 100% no-repeat; font-size: var(--lottery-number-size, 16px); }
.pk10-ball[aria-pressed="true"] .pk10-ball-number {
    background-color: transparent;
    background-image: url("../bulamao/buy_detail_01.png");
}
.pk10-omission { color: #888; font-size: var(--lottery-omission-size, 14px); margin-top: 2px; }
.pk10-footer { position: sticky; bottom: 0; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: min(2.6667vw, 17.07px); background: #fafafa; border-top: 1px solid #ddd; }
.pk10-footer p { flex: 0 0 100%; margin: 0; }
.pk10-footer > .pk10-submit {
    box-sizing: border-box;
    width: 100%;
    height: min(9.3333vw, 59.73px);
    padding-block: 0;
    font-size: min(4vw, 25.6px);
}
.pk10-reset { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 7px 12px; }
.pk10-submit:disabled { opacity: .5; }

.pk10-ball:disabled { opacity: .35; cursor: not-allowed; }

.pk10-header .pk10-back { font-size: 30px; line-height: 26px; padding: 0 8px; }
.pk10-round { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 16px; }
.pk10-previous { flex: 1 0 min(100%, 308px); }
.pk10-countdown { margin-top: 4px; font-weight: bold; color: #347ab7; font-variant-numeric: tabular-nums; }
.pk10-history-balls {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 28px));
    gap: 3px;
    justify-items: center;
}
.pk10-draw-balls {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 28px));
    gap: 3px;
    margin-top: 5px;
}
.pk10-history-balls > .qiuhao {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    margin: 0 !important;
}
.pk10-draw-ball { display: grid; place-items: center; box-sizing: border-box; width: 100%; aspect-ratio: 1; border-radius: 50%; padding-bottom: 2px; line-height: 1; font-size: 16px; color: #fff; background: var(--lottery-red, #d64b44) var(--pk10-ball-active, none) center/100% 100% no-repeat; }
.pk10-history-clock { position: relative; display: inline-block; box-sizing: border-box; width: 14px; height: 14px; margin-left: 5px; border: 1px solid currentColor; border-radius: 50%; vertical-align: -2px; }
.pk10-history-clock::after { content: ""; position: absolute; top: 2px; left: 5px; width: 4px; height: 5px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.pk10-basket-controls { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 8px 14px; align-items: center; }
.pk10-settings { flex: 0 0 auto; padding: 8px 14px; }
.pk10-choices { flex: 0 0 auto; }
.pk10-basket { list-style: none; margin: 0 14px; padding: 0; }
.pk10-basket li { padding: 6px 0; border-bottom: 1px solid #eee; overflow-wrap: anywhere; }
.pk10-basket button { padding: 2px 6px; }
.pk10-settings input { width: 72px; }
.pk10-settings input, .pk10-settings select { border: 1px solid #ddd; border-radius: 4px; padding: 4px; }
.pk10-footer { margin-top: auto; }
.pk10-footer p:empty { display: none; }
.pk10-success-toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; padding: 13px 20px; border-radius: 6px; color: #fff; background: rgba(0, 0, 0, .78); font-size: 16px; white-space: nowrap; pointer-events: none; }
.pk10-list-box {
    flex: 0 0 auto;
    margin: 0 14px 4px;
    min-height: 82px;
    border: 1px solid var(--lottery-border, #dbe3eb);
    border-radius: 6px;
    background: #f9fbfd;
}
.pk10-list-box h4 { margin: 0; padding: 7px 10px; border-bottom: 1px solid #e6edf2; color: #53677b; font-size: 16px; }
.pk10-list-box .pk10-basket { margin: 0; padding: 0 10px; max-height: 150px; overflow-y: auto; }
.pk10-list-box .pk10-basket li:last-child { border-bottom: 0; }
.pk10-list-empty { padding: 10px; color: #777; }
.pk10-settings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
.pk10-setting { min-width: 0; margin: 0; padding: 6px 8px; border: 1px solid var(--lottery-border, #dbe3eb); border-radius: 5px; color: #53677b; font-weight: normal; }
.pk10-setting input, .pk10-setting output { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin-top: 3px; font: inherit; color: #222; overflow-wrap: anywhere; }
.pk10-setting-wide { grid-column: 1 / -1; }
.pk10-setting-wide input { max-width: 140px; }
.pk10-purchase-field { display: flex; align-items: center; gap: 8px; }
.pk10-purchase-field input { flex: 1; }
.pk10-purchase-minimum { font-size: 13px; overflow-wrap: anywhere; }
.pk10-setting[hidden], .pk10-list-empty[hidden] { display: none; }
.pk10-mode-options { display: flex; gap: 8px; margin-top: 4px; }
.pk10-mode-options button { flex: 1; border: 1px solid var(--lottery-border, #dbe3eb); border-radius: 4px; background: #fff; color: #347ab7; padding: 5px; }