@charset "UTF-8";
.about-body{max-width:900px;margin:0 auto 40px;line-height:1.85;overflow-wrap:anywhere}
.about-body h1,.about-body h2,.about-body h3{line-height:1.5;margin:1.6em 0 .7em}
.about-body p,.about-body ul,.about-body ol,.about-body blockquote{margin:.8em 0}
.about-body ul,.about-body ol{padding-left:1.6em}
.about-body blockquote{border-left:3px solid #d8dee6;padding-left:1em}
.about-body img{max-width:100%;height:auto}
.about-body pre{overflow:auto;white-space:pre;padding:12px;background:#f4f6f8}
.about-body table{display:block;max-width:100%;overflow:auto}
/* Spotlight values come from the existing precomputed period snapshot. */
.spotlight-section{margin:28px 0 32px}
.spotlight-heading{border-bottom:2px solid #203b58;padding-bottom:8px}
.spotlight-heading h1,.spotlight-heading h2{margin:0;font-size:22px}
.spotlight-period{font-size:15px;line-height:1.5;margin:8px 0 5px;color:var(--ink)}
.spotlight-page{margin-top:16px}
.spotlight-section .spotlight-filters{margin:0 0 18px}
.spotlight-section .spotlight-filters label{flex:0 1 200px;min-width:0;font-size:16px}
.spotlight-section .spotlight-filters select{width:100%;font-size:16px}
.spotlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.spotlight-card{--spotlight-name-size:13px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hall values" "machine values";column-gap:12px;row-gap:3px;align-content:center;border-bottom:1px solid #dce2e8;padding:8px 0;background:#fff}
.spotlight-card h3{grid-area:machine;margin:0;font-size:var(--spotlight-name-size);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.spotlight-card a{text-decoration:none}
.spotlight-hall{grid-area:hall;margin:0;font-size:var(--spotlight-name-size);font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.spotlight-installation{display:block;margin-top:2px;font-size:11px;font-weight:400;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.spotlight-values{grid-area:values;align-self:center;margin:0;line-height:1.4;color:var(--ink)}
.spotlight-values>div{display:flex;justify-content:flex-end;align-items:baseline;gap:5px}
.spotlight-values dt{font-size:10px;color:#536171}.spotlight-values dd{margin:0;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.spotlight-values .value{font-size:17px;font-weight:700;line-height:1.3;margin-right:2px}
@media(max-width:760px){.spotlight-grid{grid-template-columns:minmax(0,1fr)}.spotlight-heading h1,.spotlight-heading h2{font-size:20px}.spotlight-card{--spotlight-name-size:12px;column-gap:10px}.spotlight-values .value{font-size:16px}}
@media(max-width:360px){.spotlight-card{--spotlight-name-size:11px;column-gap:8px}.spotlight-values .value{font-size:15px}}
:root{color-scheme:light;--navy:#172d42;--ink:#20262d;--muted:#6a7178;--line:#cdd2d7;--teal:#087b79;--blue:#1d4ed8;--red:#ca3949;--link:#145eaa}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.6}a{color:var(--link);text-underline-offset:3px}a:hover{color:#093969}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.table-wrap:focus-visible{outline:3px solid #d59720;outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 16px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:4px;text-decoration:none;cursor:pointer;font-size:13px}button:hover,.button:hover{background:#2c4965;color:white}
.site-header{background:var(--navy);color:white}.header-inner{max-width:1000px;margin:auto;padding:13px 22px;display:flex;align-items:center;gap:12px}.brand{font-size:28px;line-height:1;font-weight:800;letter-spacing:-2px;color:white;text-decoration:none}.wordmark{font-size:12px;letter-spacing:.02em;color:#dce6ec}.pilot-tag{font-size:8px;letter-spacing:.13em;border:1px solid #6b8293;border-radius:2px;margin-left:6px;padding:2px 4px}.header-inner nav{display:flex;gap:22px;margin-left:auto;font-size:12px}.header-inner nav a{color:white;text-decoration:none}.container{width:min(960px,calc(100% - 36px));margin-inline:auto}main.container{min-height:60vh;margin-bottom:36px}.view-directory main.container,.view-prefecture main.container,.view-ranking main.container{max-width:820px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0;font-size:11px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.page-heading{margin:24px 0 18px;text-align:center}h1{font-size:25px;font-weight:700;line-height:1.5;letter-spacing:.005em;margin:0;overflow-wrap:anywhere}h2{font-size:18px;line-height:1.5;margin:0 0 13px;font-weight:700}h3{font-size:16px;line-height:1.6;margin:16px 0 5px;font-weight:600}.section-title{margin:22px 0 10px;text-align:center}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 12px}.section-heading h2{margin:0}.section-heading>a{font-size:11px;white-space:nowrap}.heading-date{display:block;color:#4b5660;font-size:14px;font-weight:500;margin-top:5px}.hall-info{margin:0 auto 18px;font-size:12px;max-width:720px}.hall-info div{display:flex;gap:14px;margin:4px 0}.hall-info dt{color:#63707b;flex:0 0 46px}.hall-info dd{margin:0;overflow-wrap:anywhere}.tabs{display:flex;justify-content:center;gap:0;border:1px solid var(--line);margin-bottom:20px}.tabs a{flex:1;padding:10px 7px;border-right:1px solid var(--line);text-align:center;font-size:12px;text-decoration:none;background:#fafbfc}.tabs a:last-child{border-right:0}.tabs a[aria-current]{background:var(--navy);color:white;font-weight:700}.period{font-size:12px;text-align:center;color:#626c74;margin:10px 0 12px;font-variant-numeric:tabular-nums}
.updates-box{border:1px solid #bfc6cb;border-radius:9px;background:#fafafa;padding:11px 20px;max-width:650px;margin:18px auto;font-size:12px;text-align:center}.updates-box strong{font-size:13px}.updates-box p{margin:4px 0 0}.updates-box time{margin-right:15px;color:#66727b}.updates-box span{display:inline-block}.hall-search{display:flex;gap:8px;max-width:540px;margin:22px auto}.hall-search input{min-width:0;flex:1;padding:9px 14px;border:1px solid #bdc6cd;border-radius:18px;background:#fafafa;height:40px;font-size:13px}.hall-search button{min-width:70px;border-radius:18px;height:40px}.region-box{max-width:680px;margin:20px auto 28px;border:1px solid #c5cbd0;border-radius:8px;padding:17px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;text-align:center}.region-group strong{display:block;font-size:13px;margin-bottom:4px;color:#303b44}.region-group div{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 12px;font-size:13px}.region-group a{white-space:nowrap;text-decoration:none}.ranking-section,.machine-links{margin:28px auto;max-width:720px}.ranking-section h3{text-align:center}.gold-title{padding:9px 14px;background:linear-gradient(95deg,#d8b65e,#efdfa7,#d8b65e);border:1px solid #b59a54;text-align:center;color:#282210;font-size:17px;margin:0 0 13px}.more-link{text-align:right;margin:10px 1px 22px;font-size:13px}.machine-link-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.machine-link-grid a{padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;text-decoration:none;overflow-wrap:anywhere}.machine-link-grid a:hover{background:#f3f7fa}.regional-ranking-link{text-align:center;font-size:13px;margin:0 0 16px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);background:white;margin:12px 0 18px;scrollbar-color:#b7c6d0 transparent}table{border-collapse:collapse;width:100%;min-width:560px;font-variant-numeric:tabular-nums;line-height:1.45}th,td{padding:11px 12px;border-bottom:1px solid var(--line);border-right:1px solid #e0e3e6}th:last-child,td:last-child{border-right:0}thead{background:var(--navy);color:#fff}thead th{font-size:11px;white-space:nowrap;font-weight:600;letter-spacing:.015em}th{text-align:left}tbody th{font-size:13px;font-weight:500;min-width:140px;max-width:340px}td{text-align:right;font-size:14px;white-space:nowrap}td small,tbody th small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.numeric{text-align:right}tbody tr:last-child>*{border-bottom:0}tbody tr:nth-child(even){background:#fbfcfd}.row-link{text-decoration:none;line-height:1.6}.row-link:hover{text-decoration:underline}.value{font-weight:700}.plus{color:var(--blue)}.minus{color:var(--red)}.neutral{color:var(--ink)}small.reference,.reference{color:#886326}.value-status{color:#7b848b;font-size:9px}.empty{text-align:center;padding:30px 14px;color:var(--muted);font-size:13px;white-space:normal}tfoot{background:#f0f3f5}tfoot th,tfoot td{font-size:12px;border-top:2px solid #a8b7c1;font-weight:600}.ranking-table table{min-width:0;table-layout:fixed}.ranking-table thead{background:#222}.ranking-table th:first-child{width:49px;text-align:center}.ranking-table th:nth-child(2){width:auto;text-align:left}.ranking-table th:last-child{width:164px;text-align:center}.ranking-table td,.ranking-table th{padding:10px 13px}.ranking-table tbody th{min-width:0;font-size:14px;overflow-wrap:anywhere}.ranking-table tbody td:last-child{text-align:center}.ranking-table .rank-number{font-size:16px;font-weight:700;text-align:center;color:#555}.ranking-table .value{font-size:18px}.ranking-table small{font-size:11px;margin-top:4px}.ranking-table .reference{font-size:9px}.hall-directory table{min-width:0;table-layout:fixed}.hall-directory thead{background:#000080}.hall-directory th,.hall-directory td{padding:7px 11px;font-size:12px}.hall-directory th{width:45%;min-width:0}.hall-directory th:last-child{width:55%;text-align:left}.hall-directory td{text-align:left;white-space:normal;overflow-wrap:anywhere}.machine-table table{min-width:690px}.machine-table th:first-child{min-width:220px}.daily-table table{min-width:470px}.daily-table tbody th{min-width:100px}.rack-day-table table{min-width:430px}.rack-day-table tbody th{min-width:80px}.rack-history-table table{min-width:0}.rack-history-table tbody th{min-width:90px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fafbfc;margin:14px 0 18px;padding:12px 0}.metrics-four{grid-template-columns:repeat(4,1fr)}.metric{padding:0 15px;text-align:center;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric .eyebrow{display:block;font-size:11px;color:#626d77;margin:0 0 4px}.metric strong{display:block;font-size:24px;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.metric small{font-size:10px;color:var(--muted)}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:14px 0 18px}.filters label{display:flex;flex-direction:column;gap:4px;max-width:100%;font-size:11px;color:#606d78}.filters select{min-height:38px;max-width:360px;border:1px solid #b7c1c9;border-radius:4px;padding:7px 30px 7px 9px;background:#fff;color:var(--ink);font-size:12px}.filters button{font-size:12px}.view-day .filters{justify-content:flex-end}.period-switch{display:flex;justify-content:center;gap:6px;margin:15px 0}.period-switch a{min-width:65px;padding:7px 14px;text-align:center;border:1px solid #aebbc5;border-radius:3px;font-size:12px;text-decoration:none}.period-switch a[aria-current]{background:var(--navy);border-color:var(--navy);color:white}.chart{background:#122331;border:1px solid #2b424f;border-radius:5px;overflow-x:auto;max-width:100%;margin:14px 0 18px;padding:5px 0;scrollbar-color:#8294a0 #192f3f}.chart>svg{display:block;max-width:none;width:auto;height:auto}.chart-loading{display:block;color:#cad7dd;font-size:12px;text-align:center;padding:70px 10px}.mini-chart{background:#152936;border-radius:3px;width:150px;height:55px;overflow:hidden;margin-left:auto}.mini-chart svg{width:150px;height:55px;display:block}.mini-chart .chart-loading{padding:15px 0;font-size:9px}.graph-cell{width:170px;padding-block:7px}.bar-chart{display:block;width:145px;height:14px;max-width:100%;margin:4px 0 0 auto}.bar-chart line{stroke:#bbcbd3;stroke-width:1}.bar-chart rect{fill:currentColor}.compact-note{font-size:10px;color:var(--muted);margin:8px 0 12px}.count,.muted{font-size:11px;color:var(--muted)}.count{font-weight:500;margin-left:7px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;font-size:12px;margin:20px 0}.pagination .button{min-height:34px;font-size:11px}.notice{border-left:3px solid #b68d39;background:#fff7e7;padding:14px;color:#785b24;font-size:13px;margin:18px 0}.demo-banner{padding:8px 15px;background:#fff0c8;color:#775c1a;text-align:center;font-size:11px;font-weight:600}section{margin:25px 0}footer{border-top:1px solid var(--line);background:#f5f6f7;padding:17px 0;color:#68747e}footer .container{display:flex;align-items:center;gap:16px;font-size:10px}footer strong{font-size:18px;letter-spacing:-.04em;color:#456074}footer strong span{font-size:11px;font-weight:400;letter-spacing:0}footer p:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-80px;background:white;color:var(--navy);padding:10px;z-index:10}.skip:focus{top:8px}
@media(max-width:640px){.container{width:calc(100% - 24px)}.header-inner{padding:13px 12px;gap:9px}.brand{font-size:26px}.wordmark{font-size:10px}.pilot-tag{font-size:7px;margin-left:4px}.header-inner nav{font-size:10px;gap:12px}.page-heading{margin:22px 0 16px}h1{font-size:21px}.view-directory h1{font-size:21px}.breadcrumbs{font-size:10px;gap:6px;margin:12px 0}.hall-info{font-size:11px;margin-bottom:15px}.hall-info dt{flex-basis:40px}.tabs{margin-bottom:18px}.tabs a{font-size:11px;padding:9px 5px}.updates-box{padding:10px 12px;font-size:11px;margin:15px 0}.updates-box p{line-height:1.8}.updates-box time{display:block;margin:0}.hall-search{margin:18px auto}.region-box{grid-template-columns:1fr;padding:14px 17px;gap:11px;margin:18px auto 25px}.region-group strong{font-size:12px}.region-group div{font-size:12px;gap:2px 13px}.gold-title{font-size:15px;padding:8px 11px}.ranking-section h3{font-size:14px}.period{font-size:10px;margin:8px 0 10px}.ranking-table th:first-child{width:38px}.ranking-table th:last-child{width:117px}.ranking-table th,.ranking-table td{padding:8px 8px}.ranking-table thead th{font-size:9px;white-space:normal;line-height:1.6}.ranking-table tbody th{font-size:12px}.ranking-table small{font-size:10px}.ranking-table .rank-number{font-size:14px}.ranking-table .value{font-size:16px}.ranking-table .reference{font-size:8px}.machine-link-grid{grid-template-columns:1fr}.machine-link-grid a{font-size:12px;padding:10px 12px}.hall-directory th,.hall-directory td{font-size:11px;padding:7px 9px}.hall-directory th{width:47%}.hall-directory th:last-child{width:53%}.section-title,h2{font-size:16px}.section-heading{align-items:flex-start;margin-top:18px;gap:10px}.section-heading>a{font-size:10px}.heading-date{font-size:12px}.metrics{padding:10px 0}.metric{padding:0 8px}.metric .eyebrow{font-size:10px;margin-bottom:4px;white-space:nowrap}.metric strong{font-size:21px}.metrics-four .metric{padding:0 5px}.metrics-four .metric strong{font-size:18px}.metrics-four .metric .eyebrow{font-size:9px}.filters{gap:8px}.filters label{flex:1 1 40%;min-width:120px}.filters label:first-of-type{flex-basis:100%}.filters select{width:100%;max-width:100%}.filters button{flex:1 1 35%}.view-day .filters label{flex:0 1 150px}.view-day .filters button{flex:0 1 60px}.view-day .filters label:first-of-type{flex-basis:150px}.table-wrap{margin-bottom:15px}th,td{padding:9px 10px}thead th{font-size:10px}tbody th{font-size:12px}td{font-size:13px}.graph-cell{padding-inline:7px}.chart{margin:12px 0 16px}.period-switch a{min-width:59px;padding:7px 12px}.compact-note{font-size:9px}footer .container{font-size:9px;gap:12px}footer strong{font-size:16px}footer strong span{font-size:10px}}


/* Compact public directory: desktop columns, phone-first data tables. */
.view-directory main.container{width:min(1100px,calc(100% - 36px));max-width:1100px}
.home-columns{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:start}
.home-columns>section{margin:0;min-width:0;width:100%;max-width:none}
.home-directory .section-title{padding:10px 0;border-block:1px solid #bec5c9;margin:0 0 18px;font-size:20px}
.home-directory .hall-search{margin:0 0 28px}
.home-directory .region-box{display:block;border:0;padding:0;margin:0}
.region-group{margin:0 0 23px}.region-group strong{font-size:17px}.region-group div{font-size:16px;gap:3px 15px}
.gold-title{background:none;border:0;padding:8px 0;font-size:22px;color:var(--ink)}
.ranking-section h3{background:#edf7e9;border:1px solid #82a675;padding:9px 8px;margin:0;text-align:center}
.ranking-section>.period{border-inline:1px solid #82a675;margin:0;padding:7px 4px 0;background:#fff}
.ranking-section>.ranking-table{border:1px solid #82a675;border-top:0;margin-top:0}
.ranking-table table{table-layout:fixed}
.ranking-table thead{height:0;clip-path:inset(100%);opacity:0;line-height:0}
.ranking-table thead th{padding:0;border:0;font-size:0;line-height:0;height:0}
.ranking-table thead th:first-child{width:58px}.ranking-table thead th:last-child{width:150px}
.ranking-table td,.ranking-table th{border-right:0;padding:9px 8px}
.ranking-table tbody th{text-align:center;font-size:15px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}
.ranking-table tbody th:nth-child(2){text-align:center}
.ranking-table td{white-space:normal}.ranking-table tbody tr:nth-child(even){background:#fff}
.ranking-table .rank-number{font-size:19px;color:#333;font-weight:500;white-space:nowrap}
.rank-number span{font-size:11px;margin-left:1px}
.ranking-table .value{font-size:21px;color:#292d30;font-weight:600}
.ranking-table mark{background:linear-gradient(transparent 57%,#fff8aa 57%);padding:0 1px;white-space:nowrap}
.ranking-table .value-unit{font-size:11px;margin-left:3px;color:#333;white-space:nowrap}
.ranking-table small{font-size:11px;line-height:1.55;margin-top:3px;overflow-wrap:anywhere}
.machine-links{max-width:none;margin-top:35px}
.mini-rankings{display:block}
.mini-rankings .ranking-section{margin:0;min-width:0;width:100%;max-width:none}
.mini-rankings h3{font-size:15px;min-height:48px;display:flex;align-items:center;justify-content:center}
.rack-ranking-summary{max-width:760px}.rack-ranking-table tbody th{font-size:14px}
.updates-box{overflow-wrap:anywhere;text-align:left}
.filters input{min-height:38px;border:1px solid #b7c1c9;border-radius:4px;padding:7px 9px;max-width:100%;min-width:0}
.filters select{min-width:0;max-width:100%}.filters label{min-width:0}
/* Column widths favor reading every value without horizontal scrolling. */
.machine-table table,.daily-table table,.rack-day-table table,.tendencies-table table,.rack-history-table table{min-width:0;table-layout:fixed}
.machine-table th,.machine-table td,.daily-table th,.daily-table td,.rack-day-table th,.rack-day-table td,.tendencies-table th,.tendencies-table td{min-width:0;white-space:normal;overflow-wrap:anywhere}
.machine-table th:first-child{width:28%;min-width:0}.machine-table th:nth-child(2){width:19%}.machine-table th:nth-child(3){width:18%}.machine-table th:nth-child(4){width:23%}.machine-table th:nth-child(5){width:12%}
.daily-table th:first-child{width:30%;min-width:0}
.hall-day-table th:first-child{width:36%}.hall-day-table th:nth-child(2){width:23%}.hall-day-table th:nth-child(3){width:23%}.hall-day-table th:nth-child(4){width:18%}
.period-switch{flex-wrap:wrap}
.rack-day-table th:first-child{width:22%;min-width:0}.rack-day-table th:nth-child(2){width:27%}.rack-day-table th:nth-child(3){width:19%}.rack-day-table th:last-child{width:32%}
/* Keep the taller 150:80 shape, displayed one size smaller in the rack list. */
.mini-chart,.mini-chart svg{width:100%;max-width:105px;height:auto;aspect-ratio:15/8}
.dense-racks{margin:16px 0 35px;font-variant-numeric:tabular-nums;border:1px solid #d5dce0}
.rack-axis,.dense-rack-row{display:grid;grid-template-columns:280px minmax(0,1fr);gap:8px}
.rack-axis{font-size:10px;position:sticky;top:0;z-index:3;background:#fff;padding:8px 6px;border-bottom:1px solid #b8c4cf}
.rack-axis>span{font-size:13px;white-space:nowrap}
.rack-axis>div{display:flex;justify-content:space-between;gap:4px}
.rack-axis>div>span{white-space:nowrap}
.dense-rack-row{height:16px;position:relative;padding:0 6px;cursor:crosshair}
.dense-rack-row:nth-child(odd){background:#f6f8fa}
.dense-rack-label{font-size:13px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.dense-bar{width:100%;height:15px;display:block}
.dense-bar line{stroke:#879bad;stroke-width:.4}
.dense-bar rect{fill:currentColor}.dense-bar.plus{color:#2563eb}.dense-bar.minus{color:#ef4444}.dense-bar.spins{color:#177f86}
.bar-tooltip{display:none;position:absolute;bottom:100%;right:6px;background:#fff;color:#27333d;border:1px solid #b9c6cf;border-radius:4px;box-shadow:0 4px 18px #1233;padding:10px 14px;z-index:5;max-width:min(360px,95%);font-size:12px;line-height:1.8;cursor:auto}
.dense-rack-row:focus,.dense-rack-row:focus-within,.dense-rack-row.is-open{background:#e8f0fc;outline:1px solid #739bc9;z-index:4}
.dense-rack-row:focus>.bar-tooltip,.dense-rack-row:focus-within>.bar-tooltip,.dense-rack-row.is-open>.bar-tooltip{display:block}
@media(hover:hover){.dense-rack-row:hover{background:#e8f0fc;z-index:4}.dense-rack-row:hover>.bar-tooltip{display:block}}
.dense-rack-row.is-dismissed>.bar-tooltip{display:none}
@media(max-width:760px){
  .view-directory main.container{width:calc(100% - 24px)}
  .home-columns,.mini-rankings{display:block}
  .home-columns>.ranking-section{margin-top:28px}.mini-rankings>.ranking-section{margin:24px 0}
  .region-group{margin-bottom:18px}.region-group strong{font-size:15px}.region-group div{font-size:14px}
  .home-directory .section-title{font-size:18px}
  .gold-title{font-size:19px}.ranking-section h3{font-size:14px}
  .ranking-table thead th:first-child{width:48px}.ranking-table thead th:last-child{width:123px}
  .ranking-table th,.ranking-table td{padding:9px 5px}
  .ranking-table tbody th{font-size:13px}.ranking-table .value{font-size:18px}
  .ranking-table .rank-number{font-size:17px}.ranking-table .value-unit{font-size:10px;margin-left:2px}
  .ranking-table small{font-size:10px}.rack-ranking-table tbody th{font-size:12px}
  .machine-table th,.machine-table td,.daily-table th,.daily-table td,.rack-day-table th,.rack-day-table td,.tendencies-table th,.tendencies-table td{padding:9px 4px;font-size:11px}
  .machine-table thead th,.daily-table thead th,.rack-day-table thead th,.tendencies-table thead th{font-size:10px;letter-spacing:0;line-height:1.4}
  .machine-table .row-link{line-height:1.45}.machine-table small.reference{font-size:8px}
  .tendencies-table th:first-child{width:26%}.tendencies-table th:last-child{width:22%}
  .rack-axis,.dense-rack-row{grid-template-columns:minmax(0,49%) minmax(0,1fr);gap:4px}
  .dense-rack-label{font-size:12px}.rack-axis{font-size:9px}
  .rack-axis>span{font-size:12px}
}
@media(max-width:360px){.ranking-table thead th:last-child{width:111px}.ranking-table .value{font-size:16px}.machine-table th,.machine-table td{font-size:10px}.rack-axis{font-size:8px}}

/* Keep the overview compact by default; the optional expanded view is touch-friendly. */
.dense-racks.is-expanded .dense-rack-row{height:auto;min-height:44px;align-items:center}
.dense-racks.is-expanded .dense-rack-label{display:flex;align-items:center;min-height:44px;padding:6px 0;font-size:13px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.dense-racks.is-expanded .dense-bar{height:24px}
.rack-date-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 16px;margin:20px 0 12px}
.rack-date-heading .section-title{margin:0}
.rack-latest-link{padding:8px 0;font-size:13px;white-space:nowrap}

/* Keep the value and its unit together in compact summary boxes. */
.metric strong{white-space:nowrap}
@media(max-width:640px){
  .metric{padding:0 4px}
  .metric strong{font-size:clamp(13px,4.2vw,21px)}
  .metrics-four .metric strong{font-size:clamp(12px,4vw,18px)}
}

/* Kaitensuu branding and compact ranking headers (shared by all public views). */
.site-header{background:#fff;color:#333;border-bottom:1px solid #eee}
.header-inner{max-width:1140px;min-height:50px;padding:4px 15px;gap:28px;flex-wrap:nowrap}
.brand{display:block;flex-shrink:0;line-height:0;letter-spacing:normal}
.brand img{display:block;width:170px;height:51px;object-fit:contain;max-width:100%}
.header-inner nav{font-size:18px;gap:16px;flex-wrap:nowrap}
.header-inner nav a{color:#333;white-space:nowrap}
.header-inner nav a:hover{color:#c72d29}
.tabs a{font-size:14px}
.breadcrumbs{font-size:13px}
.site-footer{background:#fff;padding:12px 0}
.site-footer .container{justify-content:center;gap:24px;font-size:13px}
.site-footer a{padding:8px 0;color:#444;text-decoration:none;white-space:nowrap}
.site-footer a:hover{text-decoration:underline}
@media(max-width:640px){.site-footer .container{font-size:12px;gap:12px;flex-wrap:nowrap}}
/* Leave context above the search form when arriving from a header link. */
#hall-search{scroll-margin-top:33vh}
.home-directory .hall-search{margin-bottom:10px}
.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px;margin:0 auto 16px}
.home-shortcuts a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:6px 2px;color:#36404a;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none}
.home-shortcuts a+a::before{content:"";position:absolute;left:0;top:8px;width:1px;height:15px;background:#e2e5e8}
.home-shortcuts a::after{content:"";width:5px;height:5px;border-right:1px solid #bd3238;border-bottom:1px solid #bd3238;transform:rotate(45deg)}
.home-shortcuts a:hover{color:#bd3238}
.home-shortcuts a:focus-visible{outline:2px solid #bd3238;outline-offset:2px;border-radius:2px}
@media(max-width:360px){.home-shortcuts a{font-size:11px}}
#home-rankings,#machine-rankings,#spotlight{scroll-margin-top:20px}
.filters>.filter-apply{min-height:44px}
.home-columns{gap:36px}
.view-directory :is(.ranking-section,.machine-links)>.gold-title{margin-bottom:8px;padding-bottom:4px}
.view-directory .machine-links>.filters{margin:8px 0 12px}
.view-directory .mini-rankings>.ranking-section{margin-top:0}
@media(min-width:960px){
  .home-secondary-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:start;margin:28px 0}
  .home-secondary-rankings>section,.home-highlight-rankings{width:100%;min-width:0;max-width:none;margin:0}
}
.home-highlight-rankings>.spotlight-section{margin-top:0;margin-bottom:28px}
.home-highlight-rankings .spotlight-grid{grid-template-columns:minmax(0,1fr)}
.region-group div{font-size:20px;line-height:1.45;gap:2px 19px;max-width:410px;margin:auto}
.region-group strong{font-size:18px;margin-bottom:3px}
.region-group{margin-bottom:12px}
.home-directory>.section-title{margin-top:12px;margin-bottom:8px}
.ranking-table{--ranking-accent:#bd3238;border-color:var(--ranking-accent)}
.ranking-table[data-ranking-kind="machine"]{--ranking-accent:#9e4665}
.ranking-table[data-ranking-kind="rack"]{--ranking-accent:#a85a37}
.ranking-section>.ranking-table{border:1px solid var(--ranking-accent);margin:0 0 6px}
.ranking-section>.more-link{margin:5px 1px 8px}
.home-columns>.ranking-section>.ranking-note{margin:6px 0 12px}
.ranking-table .rank-col{width:55px}.ranking-table .metric-col{width:150px}
.ranking-table thead{height:auto;clip-path:none;opacity:1;line-height:1.5;background:var(--ranking-accent);color:#fff}
.ranking-table thead tr.ranking-heading th{width:auto;min-width:0;max-width:none;height:auto;padding:11px 8px;border-bottom:1px solid var(--ranking-accent);font-size:16px;line-height:1.6;white-space:normal;text-align:center;letter-spacing:0;background:var(--ranking-accent);color:#fff}
.ranking-title{display:block;font-weight:700;text-wrap:balance}
.ranking-metric{display:block;font-size:13px;font-weight:600;margin-top:2px;color:#fff}
.ranking-period{display:block;font-size:11px;font-weight:400;color:#fff;margin-top:3px;white-space:nowrap}
.ranking-table thead tr.ranking-heading th.ranking-heading-compact{font-size:14px;line-height:1.5;padding:10px 6px}
.ranking-heading-compact .ranking-title,.ranking-heading-compact .ranking-period{font-size:inherit;margin:0}
.ranking-heading-compact .ranking-period{margin-top:2px}
.ranking-table:is([data-ranking-kind="machine"],[data-ranking-kind="rack"]) .ranking-period{white-space:normal;text-wrap:balance}
.ranking-table thead tr.ranking-column-labels th{width:auto;height:0;padding:0;border:0;font-size:0;line-height:0}
.ranking-table tbody th{font-size:16px;font-weight:600;line-height:1.3}
.ranking-table tbody{line-height:1.3}
.ranking-table tbody th,.ranking-table tbody td{padding:8px 7px;vertical-align:middle}
.ranking-table .row-link{line-height:1.35}
.ranking-table small{font-size:11px;font-weight:400;margin-top:2px;line-height:1.25}
.ranking-table .rank-number{font-size:20px}
.rack-ranking-summary{max-width:900px}
.rack-ranking-table .rack-col{width:85px}
.rack-ranking-table tbody th{width:auto;text-align:center;font-size:17px}
.rack-ranking-table .ranking-rack{text-align:center;font-size:13px;font-weight:400;line-height:1.5;white-space:nowrap}
.ranking-rack a{text-decoration:none;white-space:nowrap}.ranking-rack small{margin-top:4px}
@media(max-width:760px){
  .header-inner{padding:4px 10px;min-height:0;gap:10px;flex-wrap:nowrap;justify-content:space-between}
  .brand img{width:128px;height:38px}
  .header-inner nav{font-size:14px;gap:10px;margin:0 0 0 auto;justify-content:flex-end;align-items:center;min-height:34px;line-height:1.35}
  .tabs a{font-size:13px}
  .breadcrumbs{font-size:12px}
  .region-group div{font-size:18px;gap:2px 18px;max-width:360px}
  .region-group strong{font-size:17px}
  .ranking-table .rank-col{width:43px}.ranking-table .metric-col{width:120px}
  .ranking-table tbody th{font-size:15px;line-height:1.3}
  .ranking-table tbody th,.ranking-table tbody td{padding:7px 4px}
  .ranking-table thead tr.ranking-heading th{font-size:15px;padding:10px 6px}
  .ranking-period{font-size:10px}
  .ranking-table .rank-number{font-size:18px}
  .ranking-table small{font-size:10px}
  .rack-ranking-table .rank-col{width:34px}.rack-ranking-table .rack-col{width:60px}.rack-ranking-table .metric-col{width:112px}
  .rack-ranking-table tbody th{font-size:13px}
  .rack-ranking-table .ranking-rack{font-size:11px}
  .rack-ranking-table .value{font-size:17px}
}
@media(max-width:360px){
  .ranking-table .rank-col{width:35px}.ranking-table .metric-col{width:110px}
  .ranking-table tbody th{font-size:14px}
  .rack-ranking-table .rank-col{width:30px}.rack-ranking-table .rack-col{width:60px}.rack-ranking-table .metric-col{width:103px}
  .rack-ranking-table tbody th{font-size:12px}
  .rack-ranking-table .ranking-rack{font-size:10px}
}

/* Monthly ranking refinements and keyboard/touch search suggestions. */
.view-directory .page-heading{margin-top:38px;margin-bottom:42px}
.ranking-table tbody{background:#fff;color:var(--ink)}
.ranking-note{font-size:11px;color:#555;margin:4px 0 12px}
.view-ranking .ranking-note,.view-rack-ranking .ranking-note,.view-hall-daily .ranking-note,.view-hall-day .ranking-note{font-size:14px;margin:10px 0 4px}
.view-ranking .ranking-population{font-size:12px}
.ranking-table .ranking-average{white-space:nowrap}
.ranking-note+.machine-popover+.table-wrap{margin-top:4px}
.autocomplete{position:relative;min-width:0}
.hall-search>.autocomplete{flex:1 1 auto}
.hall-search .autocomplete input{width:100%}
.machine-autocomplete{flex:1 1 200px;max-width:100%}
.machine-autocomplete input{width:100%}
.filters input:not([type="hidden"]),.filters select{height:44px;min-height:44px;line-height:1.25}
.filters .machine-search{padding-right:46px}
.machine-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.machine-autocomplete .search-clear{position:absolute;right:1px;top:0;width:44px;height:44px;min-height:44px;min-width:0;padding:0;border:0;background:transparent;color:#606d78;font-size:24px;line-height:1;flex:none}
.machine-autocomplete .search-clear[hidden]{display:none}
.search-suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;list-style:none;margin:3px 0 0;padding:4px;background:#fff;border:1px solid #b7c1c9;border-radius:4px;box-shadow:0 5px 16px #172d4226;max-height:340px;overflow-y:auto}
.search-suggestions[hidden],.search-suggestions li[hidden]{display:none}
.search-suggestions [role=option]{display:block;width:100%;min-height:44px;padding:8px;text-align:left;line-height:1.5;font-size:14px;color:var(--link);background:#fff;border:0;border-radius:2px;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.search-suggestions [role=option]:hover,.search-suggestions [aria-selected=true]{background:#edf3fb;color:#093969}
.search-suggestions small{display:block;font-size:11px;color:#555}
.machine-table th:first-child{width:30%}.machine-table th:nth-child(2){width:15%}.machine-table th:nth-child(3){width:21%}.machine-table th:nth-child(4){width:19%}.machine-table th:nth-child(5){width:15%}
.detail-links{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12px}
.table-title{margin:18px 0 6px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.ranking-note .text-button{padding:0;border:0;border-radius:0;background:none;color:var(--link);font:inherit;text-decoration:underline;cursor:pointer}
.machine-popover{width:min(440px,calc(100vw - 32px));max-height:75vh;overflow:auto;box-sizing:border-box;border:1px solid #c8d1d8;border-radius:10px;padding:20px;color:var(--ink);background:#fff;box-shadow:0 8px 40px #152c3e33}
.machine-popover::backdrop{background:#13212c55}
.popover-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.popover-heading h2{font-size:18px;margin:0}
.popover-heading button{padding:6px 12px;font-size:12px}
.machine-popover p{font-size:12px;color:var(--muted)}
.machine-popover ul{padding-left:20px;margin-bottom:0;font-size:14px;line-height:1.65}
.machine-popover li{margin:9px 0;overflow-wrap:anywhere}
@media(max-width:760px){
  .view-directory .page-heading{margin-top:28px;margin-bottom:32px}
  /* Avoid small-control focus zoom without disabling user pinch zoom. */
  .hall-search input[type="search"],.filters input,.filters select{font-size:16px}
  .filters>.machine-autocomplete{flex-basis:100%}
  .rack-ranking-table .metric-col{width:100px}
  .rack-ranking-table tbody th{font-size:12px}
  .rack-ranking-table .value-unit{margin-left:0}
}
@media(max-width:360px){
  .rack-ranking-table .rank-col{width:30px}.rack-ranking-table .rack-col{width:56px}.rack-ranking-table .metric-col{width:96px}
  .rack-ranking-table tbody th{font-size:11px}
}
/* The inquiry form stays deliberately small; its hidden field is an anti-spam trap. */
.request-form {max-width:680px;display:grid;gap:22px;margin:28px auto 48px}
.request-form label {display:grid;gap:8px;font-weight:700}
.request-form input,.request-form textarea {box-sizing:border-box;width:100%;padding:12px;border:1px solid #bcc7ce;border-radius:6px;font:inherit;background:#fff;color:#202c34}
.request-form textarea {resize:vertical;min-height:200px;line-height:1.7}
.request-form button {justify-self:start;min-width:140px}
.request-form button:disabled {opacity:.5;cursor:not-allowed}
.request-trap {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.request-success {max-width:680px;margin:36px auto 60px}
.contact-page{max-width:680px;margin:28px auto 60px;line-height:1.8;overflow-wrap:anywhere}
.mobile-filter-panel>summary{display:none}
.mobile-filter-panel:not([open])>summary{display:list-item;padding:10px 12px;cursor:pointer;font-size:13px}
@media(max-width:640px){.mobile-filter-panel{margin:10px 0 12px;border:1px solid var(--line);border-radius:5px;background:#fff}.mobile-filter-panel>summary{display:list-item;padding:10px 12px;font-size:13px;cursor:pointer}.mobile-filter-panel>.filters{padding:0 10px 10px;margin:0}.mobile-filter-panel[open]>summary{margin-bottom:8px}}

/* Rack numbers and values need breathing room; names can wrap instead. */
.tabs a{word-break:keep-all;overflow-wrap:normal}
.machine-table thead th{text-wrap:balance}
.hall-day-table th:first-child{width:34%}.hall-day-table th:nth-child(2){width:24%}.hall-day-table th:nth-child(3){width:22%}.hall-day-table th:nth-child(4){width:20%}
.hall-day-table td{white-space:nowrap}
.rack-ranking-table .rank-col{width:64px}
.rack-ranking-table .rack-col{width:90px}
.rack-ranking-table .metric-col{width:170px}
.rack-ranking-table .rank-number{padding-left:12px;padding-right:8px;white-space:nowrap}
.rack-ranking-table .ranking-rack{font-size:15px;padding-left:7px;padding-right:7px;text-align:center}
.rack-ranking-table tbody td:last-child{padding-left:7px;padding-right:7px}
.rack-ranking-table mark,.rack-ranking-table .ranking-spins{white-space:nowrap}
#hall-suggestions [role=option]{min-height:38px;padding:7px 8px;line-height:1.5}
.view-rack .chart>svg{width:100%;max-width:100%}
#rack-daily,#rack-joined{scroll-margin-top:16px}
#rack-joined{margin-top:40px;margin-bottom:0;padding-top:8px}
#rack-joined .chart[data-chart="rack-history"]{margin-bottom:0}
#rack-daily{margin-top:10px}
#rack-daily>.table-wrap{margin-top:0}
.rack-joined-heading{text-align:left;overflow-wrap:anywhere}
.rack-joined-heading h2{font-size:22px;margin:0 0 8px;line-height:1.4;text-align:center}
.rack-joined-heading p{font-size:14px;font-weight:400;font-style:normal;font-variant-numeric:inherit;color:var(--ink);margin:3px 0;line-height:1.4;text-align:left}
#rack-joined .period-switch{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);max-width:420px;margin:15px auto}
#rack-joined .period-switch a{min-width:0;padding:8px 4px;white-space:nowrap}
@media(max-width:760px){
  .ranking-table .rank-col{width:48px}
  .rack-ranking-table .rank-col{width:38px}
  .rack-ranking-table .rack-col{width:54px}
  .rack-ranking-table .metric-col{width:110px}
  .rack-ranking-table .rank-number{padding-left:3px;padding-right:3px}
  .rack-ranking-table .rank-number[data-digits="3"]{font-size:13px}
  .rack-ranking-table .rank-number[data-digits="4"]{font-size:11px}
  .rack-ranking-table .rank-number[data-digits="3"] span,.rack-ranking-table .rank-number[data-digits="4"] span{font-size:8px}
  .rack-ranking-table .ranking-rack{font-size:12px;padding-left:2px;padding-right:2px}
  .rack-ranking-table tbody td:last-child{padding-left:4px;padding-right:4px}
  .rack-ranking-table .value{font-size:16px}
  #rack-joined .metric{padding:0 4px;min-width:0}
  #rack-joined .metric strong{font-size:clamp(15px,4.4vw,21px);white-space:nowrap}
}
@media(max-width:360px){
  .header-inner{gap:6px}
  .header-inner nav{font-size:13px;gap:6px}
  .ranking-table .rank-col{width:46px}
  .ranking-table .rank-number{font-size:16px}
  .rack-ranking-table .rank-col{width:36px}
  .rack-ranking-table .rank-number{font-size:16px}
  .rack-ranking-table .rack-col{width:50px}
  .rack-ranking-table .metric-col{width:96px}
  .rack-ranking-table .rank-number[data-digits="3"]{font-size:12px}
  .rack-ranking-table .ranking-rack{font-size:11px;padding-left:2px;padding-right:2px}
  .rack-ranking-table .value{font-size:14px}
}

/* Hall overview: full-name axis labels; values live in the table below. */
.hall-radar{margin:24px 0 12px;padding:20px 16px 12px;border:1px solid #d6e0e5;border-radius:9px;background:#fff}
.hall-radar h2{text-align:center;margin:0;font-size:18px}
.hall-radar>.period{margin:5px 0 8px}
.hall-radar .radar-chart{width:100%;min-width:0;max-width:760px;margin:auto;color:var(--muted);text-align:center;font-size:12px}
.hall-radar .radar-chart>svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit;font-variant-numeric:tabular-nums}
.hall-radar .radar-chart>span{display:block;padding:45px 8px}
.hall-radar .radar-note{margin:10px 0 0;color:#65727b;font-size:10px;text-align:center;line-height:1.7}
/* Rack number and machine use the same compact heading size. */
.rack-page-heading h1{font-size:18px}
.rack-page-heading p{margin:5px 0 0;line-height:1.6;overflow-wrap:anywhere}
.rack-page-machine{font-size:18px;color:var(--ink)}
.day-page-heading time,.day-heading-machine{display:block}
.day-heading-machine{font-size:22px;margin-top:6px}
.day-heading-hall{display:block;font-size:22px;margin-top:6px}
.detail-hall-info{font-size:13px;line-height:1.6;margin:8px 0 16px;overflow-wrap:anywhere}
.detail-hall-info p{margin:3px 0}
.rack-neighbors{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font-size:14px}
.rack-neighbors>span{max-width:48%;overflow-wrap:anywhere}
.rack-neighbor-next{text-align:right;margin-left:auto}
.rack-graph-link{display:block;max-width:105px;margin-left:auto;border-radius:3px;text-decoration:none}
.rack-day-table .graph-cell{text-align:center}
.rack-day-table .rack-graph-link,.rack-day-table .mini-chart{margin-inline:auto}
.rack-graph-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.graph-dialog{box-sizing:border-box;width:min(540px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);overflow:auto}
.graph-dialog::backdrop{background:rgba(16,30,42,.64)}
.graph-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.graph-dialog-heading h2{margin:0;font-size:26px;overflow-wrap:anywhere}
.graph-dialog-close{flex-shrink:0;min-height:44px;padding:8px 14px}
.graph-dialog>p{margin:2px 0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.graph-dialog-chart{margin:8px 0 0;min-width:0}
.chart[data-chart="rack-day"]{max-width:540px;margin-inline:auto}
body:has(.graph-dialog[open]){overflow:hidden}
/* Signed numbers share colors even inside ranking-specific styles. */
.plus,.value.plus,.ranking-table .value.plus,.ranking-table small.plus{color:var(--blue)}
.minus,.value.minus,.ranking-table .value.minus,.ranking-table small.minus{color:var(--red)}
.metric.win-metric strong,.metric.win-metric small{display:block;font-size:24px;line-height:1.4;font-weight:750;color:var(--ink);white-space:nowrap}
.view-hall-day .metric .eyebrow,.view-day .metric .eyebrow,.view-machine .metric .eyebrow{font-size:16px;font-weight:600}
.daily-table td:last-child small,.rack-day-table tfoot small{font-size:inherit;font-weight:inherit;color:inherit}
/* Keep the average row at the same type size as the corresponding data cells. */
.rack-day-table{--rack-day-heading-size:16px;--rack-day-value-size:16px}
.rack-day-table thead th{font-size:13px}
.rack-day-table tbody th,.rack-day-table tfoot th{font-size:var(--rack-day-heading-size)}
.rack-day-table tbody td,.rack-day-table tfoot td{font-size:var(--rack-day-value-size)}
.rack-day-table tbody th,.rack-day-table tbody td:not(.graph-cell){white-space:nowrap}
.rack-day-table tfoot th,.rack-day-table tfoot td:last-child{text-align:center}
@media(max-width:760px){.rack-day-table{--rack-day-heading-size:13px;--rack-day-value-size:13px}.rack-day-table thead th{font-size:12px}}
@media(max-width:360px){.rack-day-table{--rack-day-heading-size:12px;--rack-day-value-size:12px}}
/* The comparison period replaces the per-machine day-count column. */
.view-hall .machine-table th:first-child{width:40%}
.view-hall .machine-table th:nth-child(2){width:17%}
.view-hall .machine-table th:nth-child(3){width:23%}
.view-hall .machine-table th:nth-child(4){width:20%}
.view-hall .machine-table thead th:nth-child(2){white-space:nowrap}
/* Make the hall overview and daily history as readable as the rack list. */
.machine-table,.daily-table,.machine-racks-link{--overview-value-size:16px}
.machine-racks-link{font-size:var(--overview-value-size);line-height:1.4;margin:4px 0}
.filters.current-machine-select{margin:6px 0}
.current-machine-select input[type="search"]{min-height:34px;height:34px;padding:5px 36px 5px 9px;font-size:14px}
.current-machine-select .search-clear{height:34px;min-height:34px;font-size:20px}
.current-machine-select+.mobile-filter-panel{margin:6px 0}
.view-current .mobile-filter-panel>summary{box-sizing:border-box;min-height:34px;padding:6px 10px;font-size:13px;line-height:20px}
.view-current main>.period{margin:6px 0;line-height:1.4}
.view-current .dense-racks{margin-top:6px}
@media(max-width:640px){.current-machine-select input[type="search"]{font-size:16px}}
.machine-table tbody th,.machine-table tbody td,.machine-table tfoot th,.machine-table tfoot td,.daily-table tbody th,.daily-table tbody td,.daily-table tfoot th,.daily-table tfoot td{font-size:var(--overview-value-size)}
.machine-table thead th,.daily-table thead th{font-size:13px}
.view-hall .machine-table tbody th{font-size:14px}
@media(max-width:760px){
  .machine-table,.daily-table,.machine-racks-link{--overview-value-size:13px}
  .machine-table thead th,.daily-table thead th{font-size:12px}
  .view-hall .machine-table tbody th{font-size:12px}
}
@media(max-width:360px){
  .machine-table,.daily-table,.machine-racks-link{--overview-value-size:12px}
  .machine-table thead th,.daily-table thead th{font-size:10px}
  .view-hall .machine-table tbody th{font-size:11px}
  .daily-table th,.daily-table td{padding-left:3px;padding-right:3px}
}
/* Center column labels and date/rack identifiers, not the numeric results. */
:is(.machine-table,.daily-table,.rack-day-table,.rack-history-table) thead th{text-align:center}
.daily-table tbody th,.rack-history-table tbody th,.rack-day-table tbody th{text-align:center}
.daily-table th:first-child{width:34%}
.daily-table th:nth-child(2){width:27%}
.daily-table th:nth-child(3){width:21%}
.daily-table th:nth-child(4){width:18%}
.daily-table tbody th,.daily-table td:last-child{white-space:nowrap;overflow-wrap:normal}
.daily-table td:nth-child(2),.view-hall .machine-table td:nth-child(3),.rack-day-table tfoot td:nth-child(2){white-space:nowrap}
.view-hall main>.period,.view-machine main>.period{font-size:14px;color:var(--ink);margin:12px 0 6px}
.view-machine main>.period{font-size:16px}
.view-current main>.period{font-size:16px;color:var(--ink)}
.metric-unit{font-size:.75em;font-weight:500;color:var(--ink);white-space:nowrap}
.metric strong{white-space:nowrap}
.ranking-table .rack-average .value{font-size:inherit;font-weight:inherit}
.view-machine .page-heading h1,.view-day .page-heading h1{font-size:22px;line-height:1.45}
.view-day .day-heading-machine{font-size:20px;line-height:1.45;margin-top:4px}
.view-machine .metrics,.view-day .metrics{padding:7px 0;margin:10px 0 12px}
.view-machine .metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:6px}
.view-machine .metric{min-width:0}
.view-machine .metric .eyebrow,.view-day .metric .eyebrow{margin-bottom:2px;line-height:1.3}
.view-machine .metric strong,.view-day .metric strong{line-height:1.2}
.view-machine .metric.win-metric strong{font-size:18px;line-height:1.1}
.view-machine .metric.win-metric small{font-size:13px;line-height:1.1;margin-top:1px;font-weight:500}
.view-machine .daily-table table,.view-day .rack-day-table table{line-height:1.3}
.view-machine .daily-table th,.view-machine .daily-table td,.view-day .rack-day-table th,.view-day .rack-day-table td{padding-top:6px;padding-bottom:6px}
@media(max-width:640px){
  .rack-page-heading h1{font-size:17px}
  .rack-page-machine{font-size:17px}
  .day-page-heading h1{font-size:24px}
  .day-heading-machine{font-size:21px}
  .day-heading-hall{font-size:21px}
  .graph-dialog{padding:12px}
  .graph-dialog-heading h2{font-size:23px}
  .hall-radar{padding:16px 8px 10px;margin:20px 0 12px}
  .hall-radar h2{font-size:16px}
  .hall-radar .radar-note{margin-top:8px}
  .metric.win-metric strong,.metric.win-metric small{font-size:clamp(13px,4.2vw,21px)}
  .view-hall-day .metric .eyebrow,.view-day .metric .eyebrow,.view-machine .metric .eyebrow{font-size:clamp(12px,3.6vw,15px)}
  .view-machine .page-heading h1,.view-day .page-heading h1{font-size:19px}
  .view-day .day-heading-machine{font-size:18px}
  .view-machine .metric strong,.view-day .metric strong{font-size:clamp(15px,4.5vw,21px)}
  .view-machine .metric{padding-inline:4px}
  .view-machine .metric.win-metric strong{font-size:15px}
  .view-machine .metric.win-metric small{font-size:12px}
}
/* Claude's zero-based machine overview; installation-count order is preserved. */
.mac{margin:0 0 20px;max-width:720px}
.mac figcaption{font-size:14px;font-weight:600;margin-bottom:6px}
.mac .period{margin:0 0 10px}
.mac-list{list-style:none;padding:0;margin:0}
.mac-row{padding:7px 0;border-bottom:1px solid #e8e6df}
.mac-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:13px;line-height:1.4}
.mac-name{min-width:0;overflow-wrap:anywhere}
.mac-units{flex:none;font-size:12px;color:#666;white-space:nowrap}
.mac-bar{display:flex;align-items:center;gap:8px}
.mac-track{flex:1;min-width:0;height:20px;overflow:visible}
.mac-track line{stroke:#c3c2b7;stroke-width:1;vector-effect:non-scaling-stroke}
.mac-track rect.plus{fill:#2a78d6}.mac-track rect.minus{fill:#e34948}
.mac-val{flex:none;width:88px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.average-basis{font-size:13px;margin:6px 0 10px;color:#333}
.view-hall main>.period{margin:6px 0 2px}
.view-hall .average-basis{text-align:center;margin:0 0 6px}
.hall-info{margin-bottom:8px}
.hall-info div{margin:2px 0}
:is(.view-hall,.view-hall-daily) .tabs{margin-bottom:6px}
.view-hall-daily main>.ranking-note{margin:6px 0}
.view-hall-daily .daily-table{margin-top:6px}
.view-hall .machine-table{margin-top:0}
/* Numeric displays keep their value prominent and the unit at 75% of it. */
.number-unit{font-size:.75em;font-weight:400;white-space:nowrap}
.ranking-table :is(.ranking-spins,.ranking-average,.rack-average) .number-unit{font-size:1em}
.ranking-table mark{font-size:21px}
.ranking-table mark .value{font-size:inherit}
.ranking-table .value-unit{font-size:.75em}
.spotlight-values dd{font-size:17px}
.spotlight-values .value{font-size:inherit}
@media(max-width:760px){.spotlight-values dd{font-size:16px}}
@media(max-width:640px){.ranking-table mark{font-size:16px}}
@media(max-width:360px){.spotlight-values dd{font-size:15px}}