*{box-sizing:border-box}body{margin:0;background:#fff;color:#424953;font-family:Arial,"Microsoft JhengHei",sans-serif}.page-shell{width:min(1548px,calc(100% - 28px));margin:0 auto;padding:12px 0 32px}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:18px;min-height:28px;font-size:17px}.topbar .site-name{margin-right:auto;font-weight:800;color:#312491;text-decoration:none}.topbar .schedule{color:#966800}.topbar a{color:#009c25}.date-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:3px 0 0}.date-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:red;font-size:20px;padding:2px 0;cursor:pointer}.date-tabs button.selected{border-bottom-color:red;font-weight:800}.latest-panel{border:1px solid #222}.latest-title{text-align:center;color:#fff;background:linear-gradient(#6862d7,#160e77);font-size:21px;font-weight:800;padding:9px}.latest-title strong{font-size:31px}.latest-title span{font-size:22px}.large-balls{min-height:86px;display:grid;grid-template-columns:repeat(20,1fr);align-items:center;gap:8px;padding:10px 8px}.large-balls span{aspect-ratio:1;max-width:65px;width:100%;justify-self:center;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#d3242d,#8d0000);font-size:clamp(20px,2.5vw,38px);font-weight:900;text-shadow:0 2px 1px rgba(0,0,0,.35);box-shadow:inset 2px 2px 5px rgba(255,255,255,.7)}.large-balls .bullseye{outline:4px solid #ffcf00;outline-offset:1px}.large-balls .loading-ball{opacity:.45}.tools-row{display:flex;justify-content:space-between;align-items:center;min-height:34px}.legend{margin-left:auto;font-size:18px}.legend b{color:red}.sample-chain{display:inline-block;width:40px;height:22px;background:#e6e5ff;vertical-align:middle}.refresh-tools{display:flex;align-items:center;gap:8px;margin-left:22px;font-size:13px}.refresh-tools select,.refresh-tools button{border:1px solid #aaa;background:#fff;padding:4px 7px}.refresh-tools button{background:#312491;color:#fff;cursor:pointer}.table-title{text-align:center;color:#fff;background:linear-gradient(#e9a0ad,#a93a4b);font-size:22px;font-weight:900;padding:10px;border:1px solid #c8a2a8}.results-table{width:100%;border-collapse:collapse;table-layout:fixed}.results-table th{background:#fffef0;color:#45494f;border:1px solid #bfc1c4;padding:6px 4px;font-size:19px}.results-table th:first-child{width:130px}.results-table th:nth-child(3),.results-table th:nth-child(4),.results-table th:nth-child(5),.results-table th:nth-child(6){width:55px}.results-table td{border:1px solid #c5c7c9;padding:9px 3px}.period{text-align:center}.period strong,.period span{display:block}.period strong{font-size:21px;letter-spacing:.04em}.period span{font-size:21px;margin-top:2px}.number-line{display:grid;grid-template-columns:repeat(20,1fr);align-items:center;gap:2px;padding:0 10px}.number-line span{font-size:clamp(18px,2.1vw,34px);font-weight:900;text-align:center;line-height:1.25;white-space:nowrap}.number-line span.chain{background:#e5e4ff}.number-line span.repeat{color:red}.result-meta{text-align:center;color:#009431;font-size:23px;font-weight:900}.alert{background:#fff2ce;border:1px solid #ddb752;color:#8b5500;padding:8px 12px;margin-bottom:8px}.empty{text-align:center;padding:35px!important;color:#777}footer{border-top:1px solid #bbb;margin-top:22px;padding-top:12px;color:#666;font-size:12px;display:flex;justify-content:space-between;gap:20px}footer p{margin:0}@media(max-width:1000px){.page-shell{width:100%;padding:8px}.topbar{font-size:13px;flex-wrap:wrap}.date-tabs{gap:10px}.date-tabs button{font-size:16px}.latest-title{font-size:16px}.latest-title strong{font-size:23px}.latest-title span{font-size:16px}.large-balls{grid-template-columns:repeat(10,1fr)}.results-table{min-width:1000px}.result-table-wrap{overflow-x:auto}.tools-row{align-items:flex-end;flex-direction:column;padding:6px 0}.refresh-tools{margin-left:0}.legend{margin-left:0}.number-line span{font-size:25px}}@media(max-width:560px){.page-shell{padding:4px}.topbar .site-name{width:100%}.topbar{gap:5px}.date-tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.date-tabs button{flex:0 0 auto}.large-balls{gap:5px}.large-balls span{font-size:19px}.latest-title strong{display:block}.refresh-tools{width:100%;justify-content:flex-end}.legend{font-size:14px}.table-title{font-size:17px}footer{display:block}footer p+p{margin-top:6px}}
/* Functional analysis navigation */
.topbar{min-height:34px}.feature-menu{display:flex;align-self:stretch;margin-right:auto}.feature-menu button{border:0;border-right:1px solid #c6c4dd;background:#eeeefa;color:#272077;font-weight:800;padding:5px 14px;cursor:pointer}.feature-menu button:first-child{border-left:1px solid #c6c4dd}.feature-menu button.active{background:linear-gradient(#6760d2,#21187f);color:#fff}.analysis-panel{border:1px solid #bfc1c4;background:#fff;min-height:420px}.analysis-note{text-align:center;color:#686868;margin:16px 10px}.frequency-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;padding:10px 20px 28px}.frequency-grid div{border:1px solid #c8c8c8;background:#fffef0;display:flex;align-items:baseline;justify-content:center;gap:6px;padding:11px 4px}.frequency-grid span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#a70e18;color:#fff;font-weight:900}.frequency-grid strong{font-size:25px;color:#009431}.frequency-grid small{color:#777}.heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;padding:12px 22px 28px}.heatmap div{min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #aaa;background:color-mix(in srgb,#30248e calc(var(--strength) * 88%),#f5f4ff);color:color-mix(in srgb,#fff calc(var(--strength) * 150%),#222)}.heatmap strong{font-size:24px}.heatmap span{font-size:12px;margin-top:3px}.size-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:35px max(20px,8vw) 24px}.size-summary div{border:1px solid #c5c5c5;background:#fffef0;text-align:center;padding:24px}.size-summary span,.size-summary strong,.size-summary small{display:block}.size-summary strong{font-size:48px;color:#009431;margin:8px}.size-bars{max-width:900px;margin:0 auto;padding:10px 30px 35px}.size-bars>div{margin-top:20px}.size-bars label{display:flex;justify-content:space-between;font-weight:800}.size-bars i{display:block;height:25px;background:#e7e7e7;margin-top:7px}.size-bars i span{display:block;height:100%;background:linear-gradient(90deg,#665ed0,#281f85)}footer{align-items:center;flex-wrap:wrap}.copyright{font-weight:800;color:#312491}
@media(max-width:1000px){.feature-menu{width:100%;overflow:auto}.feature-menu button{flex:1;white-space:nowrap}.frequency-grid,.heatmap{grid-template-columns:repeat(8,1fr)}.size-summary{padding-left:20px;padding-right:20px}}
@media(max-width:560px){.frequency-grid,.heatmap{grid-template-columns:repeat(4,1fr);padding-left:8px;padding-right:8px}.size-summary{grid-template-columns:1fr;gap:8px}.size-summary div{padding:12px}.size-summary strong{font-size:34px}}
/* Theme controls and open/missed statistics */
.page-shell{--theme-dark:#21187f;--theme-light:#6760d2;--theme-soft:#eeeefa}.theme-ocean{--theme-dark:#075985;--theme-light:#0ea5e9;--theme-soft:#e0f2fe}.theme-forest{--theme-dark:#166534;--theme-light:#43a047;--theme-soft:#e8f5e9}.theme-wine{--theme-dark:#881337;--theme-light:#d04b69;--theme-soft:#fce7f3}.theme-picker{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.theme-picker button{width:18px;height:18px;border-radius:50%;border:2px solid #fff;outline:1px solid #aaa;cursor:pointer}.theme-picker button.selected{outline:3px solid #222}.theme-picker .violet{background:#312491}.theme-picker .ocean{background:#0786bd}.theme-picker .forest{background:#258343}.theme-picker .wine{background:#a51c48}.feature-menu button{background:var(--theme-soft);color:var(--theme-dark)}.feature-menu button.active,.refresh-tools button{background:linear-gradient(var(--theme-light),var(--theme-dark))}.latest-title{background:linear-gradient(var(--theme-light),var(--theme-dark))}.table-title{background:linear-gradient(color-mix(in srgb,var(--theme-light) 58%,#fff),var(--theme-dark))}.copyright{color:var(--theme-dark)}.outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:900px;margin:22px auto 10px;padding:0 18px}.outcome-grid div{display:flex;justify-content:center;align-items:baseline;gap:8px;border:1px solid #c8c8c8;background:#fffef0;padding:13px}.outcome-grid span{font-size:22px;font-weight:900;color:var(--theme-dark)}.outcome-grid strong{font-size:30px;color:#009431}.frequency-grid.detailed div{align-items:center}.frequency-grid.detailed p{margin:0;display:flex;flex-direction:column;gap:2px}.frequency-grid.detailed b{font-size:14px;white-space:nowrap}.frequency-grid.detailed b:first-child{color:#009431}.frequency-grid.detailed b:last-child{color:#d40000}
@media(max-width:1000px){.theme-picker{margin-left:auto}.frequency-grid.detailed{grid-template-columns:repeat(5,1fr)}}
@media(max-width:560px){.schedule{width:100%;text-align:center}.theme-picker{margin:2px auto}.outcome-grid{grid-template-columns:repeat(5,1fr);gap:3px;padding:0 4px}.outcome-grid div{display:block;text-align:center;padding:7px 2px}.outcome-grid span,.outcome-grid strong,.outcome-grid small{display:block}.outcome-grid span{font-size:16px}.outcome-grid strong{font-size:24px}.frequency-grid.detailed{grid-template-columns:repeat(4,1fr)}}
/* Big/small and odd/even open/missed groups */
.outcome-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1120px;margin:22px auto 8px;padding:0 18px}.outcome-sections>section{border:1px solid #c4c4c4;background:#fafafa}.outcome-sections h3{margin:0;background:var(--theme-soft);color:var(--theme-dark);text-align:center;padding:9px;font-size:17px}.outcome-sections .outcome-grid{grid-template-columns:repeat(3,1fr);margin:0;padding:12px;gap:8px}.outcome-sections .outcome-grid div{align-items:center}.outcome-sections .outcome-grid p{margin:0;display:flex;flex-direction:column;gap:2px}.outcome-sections .outcome-grid p b{font-size:14px;white-space:nowrap}.outcome-sections .outcome-grid p b:first-child{color:#009431}.outcome-sections .outcome-grid p b:last-child{color:#d40000}
@media(max-width:760px){.outcome-sections{grid-template-columns:1fr;gap:10px;padding:0 5px}.outcome-sections .outcome-grid{grid-template-columns:repeat(3,1fr)}.outcome-sections .outcome-grid div{display:flex;text-align:left}.outcome-sections .outcome-grid span{display:block;font-size:18px}}
/* Clock and super-number analysis */
.time-status{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:12px;white-space:nowrap}.time-status span{color:#666}.time-status b{color:var(--theme-dark);font-size:14px}.hot-super{padding:18px 18px 8px;text-align:center}.hot-super h3{margin:0 0 13px;color:var(--theme-dark)}.hot-super>div{display:flex;justify-content:center;gap:18px}.hot-super>div>span{position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e63038,#8d0000);color:#fff;font-size:31px;font-weight:900;box-shadow:inset 2px 2px 5px rgba(255,255,255,.6)}.hot-super i{position:absolute;left:-5px;top:-5px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffcf00;color:#422d00;font:900 12px Arial}.hot-super small{position:absolute;bottom:-19px;color:#555;font-size:11px}.hot-super p{margin:29px 0 0;color:#777;font-size:12px}.super-grid{border-top:1px solid #ddd;padding-top:18px}
@media(max-width:1100px){.topbar{align-items:flex-start}.time-status{order:3;width:100%;justify-content:flex-end;margin-top:3px}.theme-picker{order:2}}
@media(max-width:560px){.time-status{display:grid;grid-template-columns:1fr;width:auto;margin:3px auto;gap:2px;text-align:center}.time-status b{display:block}.hot-super>div{gap:7px}.hot-super>div>span{width:57px;height:57px;font-size:23px}.hot-super p{margin-top:25px}}
/* Sort controls and 80-number vertical statistics chart */
.sort-controls{display:flex;justify-content:center;gap:8px;margin:4px 0 12px}.sort-controls button{border:1px solid var(--theme-dark);background:#fff;color:var(--theme-dark);font-weight:800;padding:7px 16px;cursor:pointer}.sort-controls button.active{background:linear-gradient(var(--theme-light),var(--theme-dark));color:#fff}.stat-chart{margin:0 18px 18px;border:1px solid #c9c9c9;background:#fff}.stat-legend{display:flex;justify-content:center;gap:22px;padding:8px;background:#fafafa;border-bottom:1px solid #ddd;font-size:13px;font-weight:800}.stat-legend span{display:flex;align-items:center;gap:5px}.stat-legend i{display:inline-block;width:11px;height:11px}.open-key,.open-bar{background:#009431}.missed-key,.missed-bar{background:#d40000}.stat-chart-scroll{overflow-x:auto;padding:10px 8px 5px}.stat-bars{display:grid;grid-template-columns:repeat(80,32px);align-items:end;min-width:2560px;height:195px}.stat-bar-item{height:185px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.stat-bar-pair{height:158px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.stat-bar{position:relative;display:block;width:11px;min-height:3px}.stat-bar em{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:9px;font-style:normal;font-weight:800;color:inherit}.open-bar em{color:#007c2a}.missed-bar em{color:#b00000}.stat-bar-item>strong{height:22px;padding-top:5px;font-size:11px;color:#444}.super-grid{border-top:0}
@media(max-width:560px){.sort-controls{margin-left:4px;margin-right:4px}.sort-controls button{flex:1;padding:7px 3px;font-size:12px}.stat-chart{margin-left:4px;margin-right:4px}}
/* Clock text matches the feature navigation size. */
.time-status,.time-status b{font-size:14px}