:root{--ink:#17221c;--muted:#69736d;--line:#dfe6e1;--paper:#f5f7f4;--white:#fff;--green:#155c3c;--green2:#0c4029;--gold:#c59a4a;--red:#b63838}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.topbar{background:linear-gradient(125deg,var(--green2),var(--green));color:#fff;padding:24px max(24px,calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0b2e1e33}.topbar h1{margin:2px 0 0;font-size:26px}.eyebrow{margin:0;font-size:11px;letter-spacing:.22em;font-weight:800;color:#d4b873}.logout{color:#fff;text-decoration:none;border:1px solid #ffffff66;border-radius:8px;padding:8px 13px;font-size:13px}.container{max-width:1440px;margin:0 auto;padding:22px}.filters{display:grid;grid-template-columns:1.1fr 1fr 2fr auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 28px #24362c0a}.filters label,.login-card label{font-size:12px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:6px}.filters select,.login-card input{width:100%;padding:11px;border:1px solid #cbd5ce;border-radius:8px;background:#fff;color:var(--ink);font-size:15px}.filters button,.login-card button{align-self:end;padding:12px 20px;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.race-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:24px 2px 14px}.race-head>div:first-child{display:flex;align-items:center;gap:12px}.race-head h2{margin:0;font-size:24px}.race-no{display:grid;place-items:center;background:var(--green);color:#fff;width:52px;height:52px;border-radius:50%;font-weight:900}.chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.chips span{background:#e5eee8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.summary div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;align-items:baseline;gap:9px}.summary b{font-size:24px;color:var(--green)}.summary span{font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 8px 28px #24362c08}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.panel-title h3{margin:0;font-size:16px}.panel-title span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto;max-height:70vh}table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}th{position:sticky;top:0;z-index:2;background:#eff3f0;color:#58635c;font-size:11px;white-space:nowrap}th,td{padding:10px 9px;border-bottom:1px solid #e9eeea;text-align:center;font-size:13px}tbody tr:hover td{background:#f7faf8}.horse{text-align:left;min-width:150px;font-weight:700}.horse-no{font-size:16px;font-weight:900}.finish{font-size:16px;font-weight:900;color:var(--green)}.predictor{writing-mode:vertical-rl;height:84px;min-width:40px}.mark{font-size:18px;font-weight:900;color:var(--red);min-width:40px}td small{display:block;color:var(--muted)}.payout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:var(--line)}.payout-grid div{background:#fff;padding:13px 16px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px}.payout-grid span{font-size:12px;color:var(--muted)}.payout-grid b{font-size:16px}.payout-grid strong{color:var(--green)}.empty,.pad{padding:40px;background:#fff;border-radius:14px;margin-top:20px}.muted{color:var(--muted)}.alert{color:var(--red);background:#fff0f0;padding:10px;border-radius:8px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0b2c1d,#176342)}.login-card{width:min(420px,calc(100% - 36px));background:#fff;border-radius:18px;padding:34px;box-shadow:0 28px 70px #0005}.login-card h1{margin:6px 0 8px}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card button{width:100%}@media(max-width:800px){.container{padding:12px}.topbar{padding:18px}.topbar h1{font-size:21px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child,.filters label:nth-child(3){grid-column:1/-1}.race-head{align-items:flex-start;flex-direction:column}.chips{justify-content:flex-start}.summary{grid-template-columns:1fr 1fr}.summary div{padding:11px}.race-head h2{font-size:20px}}
.js-sortable-table th.sortable{cursor:pointer;user-select:none;padding-right:22px}
.js-sortable-table th.sortable::after{content:'⇅';position:absolute;right:6px;color:#94a3b8;font-size:10px}
.js-sortable-table th.sortable[aria-sort="ascending"]::after{content:'▲';color:#176b51}
.js-sortable-table th.sortable[aria-sort="descending"]::after{content:'▼';color:#176b51}
.js-sortable-table th.sortable:focus-visible{outline:2px solid #2f855a;outline-offset:-2px}
.menu-toggle{display:none}
@media(max-width:800px){
  .mobile-menu-ready .topbar{position:relative;padding-right:66px}
  .mobile-menu-ready .menu-toggle{display:flex;position:absolute;right:18px;top:18px;width:42px;height:42px;padding:10px;border:1px solid #ffffff66;border-radius:9px;background:#ffffff12;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
  .mobile-menu-ready .menu-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .18s,opacity .18s}
  .mobile-menu-ready .menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-ready .menu-open .menu-toggle span:nth-child(2){opacity:0}
  .mobile-menu-ready .menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu-ready .topbar .nav{display:none;position:absolute;z-index:30;right:12px;top:68px;width:min(240px,calc(100vw - 24px));padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #071b1240;flex-direction:column;align-items:stretch;gap:3px}
  .mobile-menu-ready .topbar.menu-open .nav{display:flex}
  .mobile-menu-ready .topbar .nav a{display:block;padding:11px 12px;border:0;border-radius:8px;color:var(--ink);font-size:13px}
  .mobile-menu-ready .topbar .nav a.active{background:#e7f1eb;color:var(--green2)}
}
.race-info{display:flex;align-items:center;gap:18px;min-width:0}
.race-title{display:flex;align-items:center;gap:12px;white-space:nowrap}
.race-links{display:flex;gap:5px;flex-wrap:nowrap;justify-content:flex-end}
.race-links a{display:grid;place-items:center;min-width:39px;height:36px;padding:0 7px;border:1px solid #b9c9bf;border-radius:6px;background:#fff;color:var(--green2);font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 2px 6px #1833260d}
.race-links a:hover{border-color:var(--green);background:#edf5f0}
.race-links a.current{border-color:var(--green);background:var(--green);color:#fff;box-shadow:none}
@media(max-width:800px){
  .js-sortable-table th:nth-child(3),.js-sortable-table td:nth-child(3){position:sticky;left:0;z-index:3;background:#fff;box-shadow:5px 0 8px -7px rgba(15,23,42,.65)}
  .js-sortable-table thead th:nth-child(3){z-index:6;background:#eff3f0}
  .js-sortable-table tbody tr:hover td:nth-child(3){background:#f7faf8}
  .race-head{gap:10px}
  .race-links{order:-1;width:100%;justify-content:stretch;gap:2px;overflow:visible;padding-bottom:3px}
  .race-links a{flex:1 1 0;min-width:0;height:30px;padding:0;font-size:9px;border-radius:4px}
  .race-info{width:100%;align-items:flex-start;flex-direction:column;gap:9px}
  .race-title{gap:9px}
  body .race-head .race-info,body .race-head .race-title,body .race-head .chips{align-self:stretch;justify-content:flex-start;text-align:left}
  body .race-head .chips{width:100%}
}