*{box-sizing:border-box}body{margin:0;background:#f2f2f2;color:#151515;font-family:Arial,Helvetica,sans-serif}.brand{display:flex;align-items:center;justify-content:center;gap:16px;background:#ffed00;padding:8px 10px;border-bottom:4px solid #e31b23}.brand h1{margin:0;color:#e31818;font-size:clamp(25px,6vw,46px);font-weight:900;letter-spacing:.5px;text-shadow:2px 2px #fff,-2px -2px #fff}.king{font-size:clamp(30px,7vw,56px);color:#171717;line-height:1}.disclaimer{margin:8px 10px 3px;padding:10px;background:#f20b16;color:#fff;text-align:center;border-radius:5px;line-height:1.45}.updated{margin:4px 10px 8px;padding:9px;text-align:center;background:#d8f4e7;color:#16834b;border-radius:4px}main{margin:0 10px}.green-title{background:#20bd91;color:#fff;text-align:center;font-weight:bold;padding:11px 8px;font-size:16px}.date-head{display:grid;grid-template-columns:2fr 1fr 1fr;background:#333;color:#fff;padding:9px 12px;gap:4px}.date-head span:not(:first-child){text-align:center}.section-label{padding:9px 12px;background:#eee;border-left:6px solid #ff535a;color:#e34343;font-weight:bold}.game-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(35px,.65fr) minmax(35px,.65fr);align-items:stretch;background:#fff;border:1px solid #ddd;min-height:57px}.game-row.yellow{background:#ffdf00}.game-info{padding:7px 9px;min-width:0}.game-info strong{font-size:17px}.meta{display:flex;align-items:center;gap:12px;margin-top:3px;font-size:13px;flex-wrap:wrap}.meta a{color:#0874df;text-decoration:underline}.value{display:flex;align-items:center;justify-content:center;border-left:1px solid #ddd;color:#e21b1b}.monthly-title{margin-top:9px}.table-scroll{overflow-x:auto}.monthly{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}.monthly th,.monthly td{border:1px solid #ddd;padding:5px 2px;text-align:center}.monthly th{background:#ffdf00;color:#111}.monthly th:first-child,.monthly td:first-child{color:#e32121;width:15%}.monthly tbody tr:nth-child(even){background:#f0f0f0}.monthly tbody td:not(:first-child){color:#e32121;font-weight:bold}.month-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.month-nav button,.latest,.controls button{background:#0874f9;color:#fff;border:0;border-radius:4px;padding:12px 8px;font-size:15px;font-weight:bold}.latest{width:100%;margin-top:6px;text-decoration:underline;font-weight:normal}.selector{margin-top:6px;background:#ffdf00;padding:12px;text-align:center}.selector p{margin:0 0 10px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controls select{min-width:0;padding:10px;background:#fff;border:1px solid #bbb;font-size:15px}.controls #go{grid-column:auto}.controls #refresh{background:#ffdf00;color:#d22;border:1px solid #e0a700}#message{font-size:12px;margin:7px 0 0}footer{text-align:center;color:#555;font-size:12px;padding:15px 8px}@media(max-width:420px){.brand{gap:7px}.brand h1{font-size:24px}.king{font-size:29px}.game-info strong{font-size:15px}.meta{font-size:12px;gap:8px}.value{font-size:14px}.controls{grid-template-columns:1fr 1fr}.controls button{grid-column:span 1}.monthly th,.monthly td{font-size:12px}}

.king-logo{width:clamp(42px,11vw,86px);height:clamp(42px,11vw,86px);object-fit:contain;background:#ffed00;}
@media(max-width:420px){.king-logo{width:40px;height:40px}.brand h1{font-size:22px}}

.brand{justify-content:center;background:#f1f1f1;border-bottom:0;min-height:145px;padding:18px 8px 0}
.brand-inner{display:flex;align-items:flex-start;justify-content:center;width:100%}
.header-logo{display:block;width:min(82%,820px);height:auto;max-height:145px;object-fit:contain;object-position:center top}
@media(max-width:600px){.brand{min-height:120px;padding-top:14px}.header-logo{width:88%;max-height:120px}}

.brand{background:#f1f1f1;border-bottom:0;min-height:78px;padding:8px}
.brand-inner{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.header-logo{display:block;width:48px;height:58px;object-fit:contain;object-position:center}
.brand-inner h1{margin:0;color:#111;font-family:Georgia,serif;font-size:clamp(20px,5vw,38px);font-weight:900;letter-spacing:-.6px;text-shadow:none;white-space:nowrap}
@media(max-width:420px){.brand{min-height:64px;padding:6px}.brand-inner{gap:5px}.header-logo{width:36px;height:45px}.brand-inner h1{font-size:clamp(17px,4.8vw,22px);letter-spacing:-.5px}}

.brand-inner h1{font-family:Georgia,serif;font-weight:900;letter-spacing:-.5px}
.brand-inner h1 .live-word{color:#e31818}

/* Mobile fix: keep monthly chart column headings inside their own cells. */
.monthly th {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.15;
  padding: 6px 2px;
  vertical-align: middle;
}
.monthly th:first-child, .monthly td:first-child { width: 12%; }
@media (max-width: 600px) {
  .monthly th { font-size: 11px; padding: 6px 1px; }
  .monthly th:first-child, .monthly td:first-child { width: 12%; }
}