.surround-record{padding:12px 17px;border-bottom:1px solid #e3ded5}.surround-record:last-child{border-bottom:0}.surround-record-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:9px;font-size:20px;line-height:1.4}.surround-record-heading>strong{color:#30333c;white-space:nowrap}.surround-record-heading>strong>span{color:#29745c;margin-left:8px}.surround-result{color:#657080;font-size:18px;font-weight:750;white-space:nowrap}.surround-result.is-hit{color:#bb1632}.surround-result b{font-size:22px}.surround-await{color:#a17b39;font-size:13px;background:#fff5de;padding:3px 8px;border-radius:4px}.surround-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #dbe2df;background:#dbe2df;border-radius:5px;overflow:hidden}.surround-cell{display:flex;justify-content:center;align-items:center;gap:8px;background:#f0f7f3;min-height:43px;padding:6px 3px;white-space:nowrap;font-variant-numeric:tabular-nums}.surround-cell:nth-child(3n+2){background:#eef5fb}.surround-cell:nth-child(3n){background:#fcf5e9}.surround-cell>strong{font-size:21px;color:#285a4e}.surround-cell>span{display:flex;align-items:center;color:#39465b;font-size:23px;font-weight:750;gap:2px}.surround-cell i{font-size:12px;font-style:normal;color:#99a3ae}.surround-cell.has-hit{background:#fff0ed}.surround-cell.has-hit>strong{color:#bc1732}.surround-cell .number-hit{color:#fff;background:#c61937;border-radius:4px;padding:1px 3px}.surround-wait{padding:14px;text-align:center;color:#8a7660;font-size:14px}.surround-wait strong{display:block;margin-bottom:4px;color:#9b1730;font-size:17px}
@media(max-width:760px){.surround-record{padding:9px 9px}.surround-record-heading{font-size:17px;margin-bottom:7px;gap:4px}.surround-record-heading>strong>span{margin-left:5px}.surround-result{font-size:15px}.surround-result b{font-size:18px}.surround-cell{gap:3px;min-height:38px;padding:5px 2px}.surround-cell>strong{font-size:17px}.surround-cell>span{font-size:18px;gap:0}.surround-cell i{font-size:10px}.surround-cell .number-hit{padding:1px 2px}}
@media(max-width:360px){.surround-record{padding:8px 6px}.surround-record-heading{font-size:15px}.surround-result{font-size:13px}.surround-result b{font-size:16px}.surround-cell{gap:2px}.surround-cell>strong{font-size:15px}.surround-cell>span{font-size:15px}.surround-cell i{font-size:9px}}
.surround-section{border:1px solid #ccb478;background:#f6f8fc;box-shadow:0 3px 12px #1839550a}
.surround-section>.bulletin-heading{background:linear-gradient(115deg,#102c4a 0%,#204b72 60%,#37627f 100%);border-bottom:3px solid #d4b56c;padding:13px 17px}
.surround-section .bulletin-emblem{color:#163d5d;background:linear-gradient(135deg,#fff1c7,#d3b16a);border-color:#e7d09b;box-shadow:inset 0 1px #fff7da}
.surround-section .bulletin-heading h2{color:#fff0c9}.surround-section .bulletin-heading h2 small{color:#173c5b;background:linear-gradient(135deg,#fcecc0,#dbbc7b);border-color:#edcf8b}

.surround-section .surround-record{background:linear-gradient(115deg,#fffdf7,#f7faff);border-bottom-color:#d3deea}
.surround-section .surround-record:nth-child(even){background:linear-gradient(115deg,#f3f7fc,#fffdf8)}
.surround-section .surround-record-heading>strong{color:#1b3d5d}.surround-section .surround-record-heading>strong>span{color:#9a712e}
.surround-section .surround-grid{border-color:#c9d7e4;background:#c9d7e4;box-shadow:0 1px 3px #153a6010}
.surround-section .surround-cell{background:linear-gradient(145deg,#f4f9ff,#e4eff9)}
.surround-section .surround-cell:nth-child(3n+2){background:linear-gradient(145deg,#fff8e7,#f3e5c4)}
.surround-section .surround-cell:nth-child(3n){background:linear-gradient(145deg,#eef5fc,#dce9f5)}
.surround-section .surround-cell>strong{color:#255377}.surround-section .surround-cell:nth-child(3n+2)>strong{color:#8d692c}
.surround-section .surround-cell>span{color:#233d5b}.surround-section .surround-cell i{color:#8e9eae}
.surround-section .surround-cell.has-hit{background:linear-gradient(135deg,#fff4e0,#ffe9df)}.surround-section .surround-cell.has-hit>strong{color:#bc1732}


.surround-section .surround-wait{background:#fffaee;border-top:1px solid #ecd9ad}
@media(max-width:760px){.surround-section>.bulletin-heading{padding:11px 10px}}


.surround-period-select{height:30px;min-width:69px;padding:3px 7px;border:1px solid #dfc58b;border-radius:5px;background:#173c5b;color:#fff0cb;font-size:13px;font-weight:650;cursor:pointer;color-scheme:dark}.surround-period-select option{background:#173c5b;color:#fff0cb}
@media(max-width:760px){.surround-period-select{height:28px;min-width:59px;padding:3px 5px;font-size:12px}}