*{box-sizing:border-box}html,body{margin:0;width:100%;font-family:Arial,"Microsoft YaHei",sans-serif;color:#20282f;background:#fff}a{text-decoration:none;cursor:pointer}button,select{font:inherit;cursor:pointer}#boards{padding:5px 6px}.board+.board{margin-top:8px;padding-top:8px;border-top:1px dashed #d2d8de}.board header{display:flex;align-items:center;gap:10px;min-height:25px;font-size:16px}.heading{white-space:nowrap}.issue{color:red}.top-text{margin-left:auto;color:green;font-weight:bold;max-width:55%;overflow-wrap:anywhere;text-align:right}.clock{margin:auto;font-size:17px}.state{font-size:12px;color:#70777c;font-weight:normal}.balls{display:flex;align-items:center;gap:5px;flex:1;min-width:0;margin:3px 0 5px}.ball{flex:1;min-width:0;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:3px;color:white;overflow:hidden}.ball b{font-size:30px;line-height:35px;white-space:nowrap}.ball em{font-style:normal;font-size:13px;background:white;color:#25303c;padding:0 4px;border-radius:1px;line-height:18px}.red{background:#ed1b12}.blue{background:#2f8ee5}.green{background:#19bd1b}.wait{background:#ff9800;color:#fff;background:var(--wait-bg,#ff9800);color:var(--wait-color,#fff)}.plus{font-size:28px;line-height:50px;width:22px;text-align:center;font-weight:bold;flex:none}.draw-row{display:flex;align-items:center}.board footer{display:flex;gap:6px;min-height:24px;align-items:center;font-size:14px;line-height:24px}.next{white-space:nowrap}.foot-text{font-weight:bold;overflow-wrap:anywhere}.board nav{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.board nav a,.refresh{font-size:13px;border:0;background:#ff9800;color:white;padding:1px 5px;border-radius:3px;white-space:nowrap;line-height:21px}.compact-side{display:none}.history-page{max-width:760px;margin:0 auto;min-height:100vh}.history-head{background:linear-gradient(#075600,#38d126);color:white;display:flex;gap:10px;align-items:center;padding:10px}.history-head b{flex:1;text-align:center}.history-head a{color:white;white-space:nowrap}.history-controls{display:flex;border:1px solid #ff9800}.history-controls select{min-width:0;flex:1;border:0;border-right:1px solid #ff9800;background:#fff;padding:6px}.history-item{display:flex;border-bottom:1px solid #dadfe5;padding:10px 8px;gap:8px;align-items:center}.history-label{width:92px;text-align:center;flex:none;font-size:14px;line-height:23px}.history-label time{display:block;color:#8a9099;font-size:12px}.history-balls{display:flex;justify-content:space-around;align-items:center;flex:1;min-width:0;gap:4px}.history-ball{min-width:0;text-align:center;flex:1;font-size:12px}.history-ball b{display:block;width:32px;height:32px;line-height:25px;border-radius:50%;border:4px solid var(--ball-color);margin:0 auto 3px;background:radial-gradient(circle at 30% 20%,white,#edf3f6);color:#173953;font-size:16px}.history-ball span{white-space:nowrap}.pager{padding:15px;display:flex;justify-content:center;align-items:center;gap:12px}.pager button{border:1px solid #d9e1e8;background:#f4f8fa;padding:6px 12px;border-radius:4px}#offline{font-size:11px;color:#9a6a28;margin:2px 8px}.empty{padding:30px;text-align:center;color:#8d949e}body[data-mode="big"] .clock{display:none}body[data-mode="compact"] #boards{padding:0}body[data-mode="compact"] header,body[data-mode="compact"] footer{display:none}body[data-mode="compact"] .board{padding:0}body[data-mode="compact"] .compact-side{display:flex;flex:0 0 74px;text-align:center;flex-direction:column;align-items:center;font-size:13px;line-height:19px}body[data-mode="compact"] .history-link{color:red;background:#ff0;font-size:12px;line-height:16px}body[data-mode="compact"] .balls{margin:0;gap:1px}body[data-mode="compact"] .ball{height:42px;border-radius:0}body[data-mode="compact"] .ball b{font-size:16px;line-height:22px}body[data-mode="compact"] .ball em{font-size:12px;width:100%;text-align:center;line-height:18px}body[data-mode="compact"] .plus{font-size:20px;width:18px}.source-warning{color:#9b7028}body[data-kind="simple"] .history-head{background:#16961a}
@media(max-width:700px){.board header{font-size:14px;min-height:23px}.clock{font-size:14px}.ball{height:56px}.ball b{font-size:25px;line-height:30px}.ball em{font-size:11px;line-height:17px}.balls{gap:3px}.board footer{font-size:12px;gap:4px}.plus{width:16px;font-size:24px}.history-head{font-size:14px}.history-label{width:70px}.history-balls{gap:1px}.history-ball b{width:29px;height:29px;font-size:14px;line-height:22px}.history-ball{font-size:10px}.history-item{padding:8px 4px;gap:3px}}
@media(max-width:450px){#boards{padding:4px 3px}.clock{display:none}.ball{height:52px}.ball b{font-size:22px;line-height:28px}.ball em{font-size:10px;padding:0 2px}.balls{gap:2px}.plus{width:13px;font-size:20px}.top-text{font-size:13px}.board footer{font-size:11px;gap:3px}.board nav a,.refresh{font-size:11px;padding:0 3px}.history-label{width:63px}.history-ball b{width:26px;height:26px;line-height:20px;border-width:3px}.history-controls select{font-size:12px}.compact-side{flex-basis:58px!important}}

.compact-refresh{display:none}body[data-mode="compact"] .compact-refresh{display:block;flex:0 0 18px;width:18px;background:#ff0;color:red;height:40px;line-height:17px;padding:1px 2px;white-space:normal;font-size:12px;border-radius:0}

.board footer{flex-wrap:wrap}.board footer .foot-text{min-width:0}.board footer .next{max-width:100%}#site-disabled[hidden]{display:none}