:root{--n29-cyan:#34eaff;--n29-blue:#0a78ff;--n29-violet:#a044ff;--n29-mag:#ff2d8d;--n29-red:#ff3d63;--n29-green:#13e9b2;--n29-gold:#ffd24a;--n29-bg:#010611;--n29-panel:#031329;--n29-line:rgba(52,234,255,.46);--n29-text:#f0fbff;--n29-muted:#93bed8}
html{background:#010611!important}body{max-width:none!important;margin:0!important;padding:0!important;background:radial-gradient(circle at 76% 0,rgba(10,120,255,.18),transparent 30%),linear-gradient(#010611,#021025 48%,#010611)!important;color:var(--n29-text)!important;overflow-x:hidden}
body>h1,body>h1+.muted,#buildBadge,body>nav[aria-label="競馬区分"],body>nav[aria-label="競馬区分"]+p,.hud-hero,.page-tabs{display:none!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(52,234,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,234,255,.035) 1px,transparent 1px);background-size:30px 30px}
.v29-wrap{width:920px;margin:0 auto;transform-origin:top center;position:relative;padding:8px 10px 0;box-sizing:border-box}
.v29-hero{height:210px;position:relative;overflow:hidden;border:1px solid rgba(52,234,255,.52);background:linear-gradient(90deg,rgba(1,8,24,.16),rgba(1,6,19,.12)),url('/hud-hero-v29.jpg?v=29') center 10%/cover no-repeat;box-shadow:0 0 20px rgba(34,154,255,.24),inset 0 0 30px rgba(52,234,255,.05)}
.v29-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(1,7,20,.48));pointer-events:none}
.v29-brand{position:absolute;left:176px;right:170px;bottom:42px;text-align:center;font-size:48px;font-style:italic;font-weight:1000;line-height:.95;letter-spacing:.025em;background:linear-gradient(#fff 5%,#97f6ff 35%,#42c9ff 62%,#7784ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 25px rgba(52,202,255,.38);z-index:2;white-space:nowrap}
.v29-tag{position:absolute;left:190px;right:180px;bottom:18px;text-align:center;color:#55e8ff;font-size:13px;letter-spacing:.18em;font-weight:900;z-index:2}.v29-side{position:absolute;top:32px;left:22px;color:#e7faff;font-size:15px;font-weight:900;line-height:1.45;z-index:2}.v29-side small{display:block;color:#68ceff;font-size:9px;letter-spacing:.15em;margin-top:10px}.v29-right{position:absolute;right:20px;top:44px;text-align:right;color:#71d9ff;font-size:9px;line-height:1.45;letter-spacing:.1em;z-index:2}.v29-right b{display:block;color:#ff526d;font-size:13px;margin-top:8px}
.v29-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 8px;margin:0;background:#020818;border:1px solid rgba(52,234,255,.4);border-top:0}.v29-tab{min-height:68px!important;border-radius:0!important;border:1px solid rgba(52,190,255,.52)!important;background:linear-gradient(180deg,#071b38,#031022)!important;color:#dcefff!important;clip-path:polygon(0 0,93% 0,100% 28%,100% 100%,7% 100%,0 72%)!important;font-size:19px!important;font-weight:1000!important;box-shadow:inset 0 0 20px rgba(52,234,255,.03)!important}.v29-tab.active{border-color:#54f2ff!important;background:linear-gradient(135deg,#0645a8,#007ab9)!important;box-shadow:0 0 16px #14b9ff,0 0 36px rgba(0,113,255,.58),inset 0 0 22px rgba(84,242,255,.16)!important;color:#fff!important}.v29-tab span{display:block;font-size:8px;letter-spacing:.14em;color:#69cfff;margin-top:4px}.v29-tab.active span{color:#94f3ff}
.v29-screen{display:none}.v29-screen.active{display:block}.v29-panel{position:relative;margin-top:10px;padding:12px;border:1px solid var(--n29-line);background:linear-gradient(145deg,rgba(4,20,46,.97),rgba(2,9,24,.99));box-shadow:0 0 20px rgba(0,128,255,.12),inset 0 0 28px rgba(52,234,255,.025)}.v29-panel::before{content:"";position:absolute;left:0;top:0;width:130px;height:2px;background:linear-gradient(90deg,var(--n29-cyan),transparent);box-shadow:0 0 12px var(--n29-cyan)}.v29-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:3px 4px 9px;border-bottom:1px solid rgba(52,234,255,.18)}.v29-title strong{font-size:21px;letter-spacing:.01em}.v29-title em{font-style:normal;font-size:9px;color:#54dfff;letter-spacing:.13em;font-weight:900}.v29-online{color:#21f0b2!important}.v29-race-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.v29-field{display:flex;flex-direction:column;gap:4px;min-width:0}.v29-field label{color:#d9f6ff!important;font-size:12px!important}.v29-field input,.v29-field select{width:100%!important;height:43px!important;min-width:0!important;background:#051730!important;color:#f1fdff!important;border:1px solid rgba(61,174,238,.7)!important;border-radius:2px!important;font-size:16px!important;padding:6px 9px!important;box-sizing:border-box}.v29-load{grid-column:3/5;min-height:52px!important;border:1px solid #5cf1ff!important;background:linear-gradient(135deg,#073ec0,#0089d7)!important;color:white!important;font-size:20px!important;font-weight:1000!important;clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,6% 100%,0 72%)!important;box-shadow:0 0 17px #0ca7ff,0 0 36px rgba(0,103,255,.45)!important}.v29-status{grid-column:1/-1;color:#b9d8ec;font-size:11px;line-height:1.45;min-height:18px}
.v29-summary{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:9px;margin-top:10px}.v29-gauge,.v29-stat{min-height:135px;border:1px solid rgba(73,181,255,.3);background:linear-gradient(180deg,rgba(6,27,58,.95),rgba(2,12,30,.98));display:flex;align-items:center;justify-content:center;text-align:center}.v29-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--n29-cyan) calc(var(--pct)*1%),#12304c 0);box-shadow:0 0 22px rgba(52,234,255,.30)}.v29-ring::before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#031329}.v29-ring>div{z-index:2}.v29-ring small{display:block;color:#bcecff;font-size:10px}.v29-ring b{display:block;font-size:30px}.v29-stat{flex-direction:column;padding:8px;gap:6px}.v29-stat .k{font-size:13px;font-weight:900}.v29-stat .v{font-size:27px;font-weight:1000}.v29-stat .s{font-size:9px;color:#a8cbe2;line-height:1.35}.v29-stat.gold{border-color:rgba(255,210,74,.55)}.v29-stat.gold .v{color:var(--n29-gold);text-shadow:0 0 15px rgba(255,210,74,.45)}.v29-stat.green{border-color:rgba(19,233,178,.5)}.v29-stat.green .v{color:var(--n29-green)}.v29-stat.red{border-color:rgba(255,61,99,.56)}.v29-stat.red .v{color:var(--n29-red)}.v29-stat.violet{border-color:rgba(160,68,255,.56)}.v29-stat.violet .v{color:#c175ff}
.v29-dual{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}.v29-rank-table{width:100%;border-collapse:collapse;font-size:12px}.v29-rank-table th{font-size:10px;color:#8fdfff;background:#061a35;padding:7px 6px;text-align:left;border-bottom:1px solid rgba(52,234,255,.3)}.v29-rank-table td{padding:8px 6px;border-bottom:1px solid rgba(70,126,171,.25)}.v29-rank-table tr.r1{background:linear-gradient(90deg,rgba(255,210,74,.16),transparent);box-shadow:inset 3px 0 var(--n29-gold)}.v29-rank-table tr.r2{background:linear-gradient(90deg,rgba(52,234,255,.10),transparent);box-shadow:inset 3px 0 var(--n29-cyan)}.v29-rank-table tr.r3{background:linear-gradient(90deg,rgba(255,126,75,.12),transparent);box-shadow:inset 3px 0 #ff8c63}.v29-rank-table .score{font-size:19px;font-weight:1000;color:#6fefff}.v29-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v29-kpi{padding:11px;border:1px solid rgba(52,234,255,.23);background:#05162e}.v29-kpi span{display:block;font-size:9px;color:#8fdfff}.v29-kpi b{display:block;font-size:20px;margin-top:5px;color:#50efff}.v29-kpi.green b{color:#1ef0b4}.v29-kpi.purple b{color:#c07bff}.v29-chart{display:grid;grid-template-columns:112px 1fr;gap:10px;margin-top:8px}.v29-donut{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff5c73 0 18%,#1c8dff 18% 42%,#25e8f9 42% 63%,#42516a 63%);box-shadow:0 0 16px rgba(52,234,255,.25)}.v29-donut::after{content:attr(data-v);width:68px;height:68px;border-radius:50%;background:#041227;display:grid;place-items:center;font-size:20px;font-weight:1000}.v29-bars{height:105px;display:flex;gap:4px;align-items:flex-end;padding:7px;border:1px solid rgba(52,234,255,.15);background:linear-gradient(rgba(52,234,255,.04) 1px,transparent 1px);background-size:100% 25%}.v29-bars i{flex:1;height:var(--h);background:linear-gradient(#59efff,#0a6cff);box-shadow:0 0 6px #0a8eff;border-radius:2px 2px 0 0}.v29-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}.v29-xbody{display:grid;grid-template-columns:125px 1fr;gap:10px;align-items:center}.v29-horse-icon{height:112px;border:1px solid rgba(52,234,255,.26);background:url('/hud-hero-v29.jpg?v=29') 68% 20%/410px auto no-repeat;filter:saturate(1.2) contrast(1.1)}.v29-xpick{padding:12px;border:1px solid rgba(160,68,255,.65);background:linear-gradient(135deg,rgba(81,26,138,.35),rgba(24,21,92,.5));box-shadow:0 0 18px rgba(160,68,255,.16)}.v29-xpick .cap{color:#ffca59;font-size:10px;font-weight:900}.v29-xpick .pick{font-size:18px;font-weight:1000;margin:6px 0}.v29-xpick .meta{font-size:10px;color:#a7cbea}.v29-insights{display:grid;gap:7px}.v29-insight{display:grid;grid-template-columns:24px 1fr 16px;gap:7px;align-items:center;padding:8px;border-bottom:1px solid rgba(52,234,255,.16)}.v29-insight .ico{color:#38dcff}.v29-insight .txt{font-size:11px;line-height:1.35}.v29-insight .arr{color:#4ff0ff;font-size:22px}.v29-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;border:1px solid rgba(52,234,255,.25);background:rgba(2,10,25,.95);position:sticky;bottom:0;z-index:30}.v29-bottom-nav button{clip-path:none!important;border:0!important;border-right:1px solid rgba(52,234,255,.12)!important;background:transparent!important;box-shadow:none!important;min-height:57px!important;color:#92c3df!important;font-size:11px!important}.v29-bottom-nav button.home{color:#58efff!important;background:linear-gradient(180deg,rgba(0,115,181,.22),rgba(0,70,130,.08))!important;box-shadow:inset 0 3px #50eaff!important}
.v29-legacy-details{margin-top:10px;border:1px solid rgba(52,234,255,.18);background:#020c1e}.v29-legacy-details>summary{padding:12px;color:#7feeff;font-weight:900;cursor:pointer}.v29-legacy-body{padding:8px}.v29-legacy-body .card{margin:10px 0!important}
/* theme secondary screens */#screenReview,#screenX{width:900px;margin:0 auto;padding:8px;box-sizing:border-box}#screenReview .card,#screenX .card,#screenReview .fd-dashboard{border-radius:0!important;border-color:rgba(52,234,255,.32)!important;background:linear-gradient(145deg,#04142c,#020a19)!important;box-shadow:0 0 18px rgba(0,125,255,.10)!important}#screenReview h2,#screenReview h3,#screenX h2,#screenX h3{color:#f1fdff!important;text-shadow:0 0 12px rgba(52,234,255,.14)}

/* V30 mobile readability fix: true responsive layout, no zoom scaling */
.v29-wrap{width:min(100%,920px)!important;max-width:920px!important;margin:0 auto!important;transform:none!important;zoom:1!important;padding:8px 10px 0!important}
#screenReview,#screenX{width:min(100%,920px)!important;max-width:920px!important;margin:0 auto!important;zoom:1!important}
@media(max-width:940px){
  .v29-wrap,#screenReview,#screenX{width:100%!important;max-width:none!important;zoom:1!important;transform:none!important}
  .v29-wrap{padding:6px 8px 0!important}
  .v29-hero{height:180px!important}
  .v29-brand{left:120px!important;right:115px!important;bottom:40px!important;font-size:38px!important}
  .v29-tag{left:125px!important;right:120px!important;font-size:11px!important}
  .v29-side{font-size:13px!important;left:14px!important;top:24px!important}.v29-side small{font-size:8px!important}
  .v29-right{right:14px!important;top:35px!important;font-size:8px!important}.v29-right b{font-size:11px!important}
  .v29-tabs{gap:6px!important;padding:8px 5px!important}.v29-tab{min-height:58px!important;font-size:16px!important}
  .v29-panel{padding:12px 10px!important}.v29-title strong{font-size:19px!important}
  .v29-race-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .v29-load{grid-column:1/-1!important;min-height:54px!important;font-size:18px!important}
  .v29-status{font-size:12px!important}
  .v29-summary{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v29-gauge{grid-column:1/-1!important;min-height:125px!important}.v29-stat{min-height:105px!important}
  .v29-ring{width:105px!important;height:105px!important}.v29-ring::before{width:77px!important;height:77px!important}
  .v29-dual,.v29-bottom{grid-template-columns:1fr!important;gap:10px!important}
  .v29-rank-table{font-size:13px!important}.v29-rank-table th{font-size:10px!important}.v29-rank-table td{padding:10px 7px!important}.v29-rank-table .score{font-size:18px!important}
  .v29-kpis{grid-template-columns:1fr 1fr!important}.v29-kpi b{font-size:18px!important}
  .v29-chart{grid-template-columns:105px 1fr!important}.v29-donut{width:96px!important;height:96px!important}.v29-bars{height:96px!important}
  .v29-xbody{grid-template-columns:100px 1fr!important}.v29-horse-icon{height:100px!important;background-size:360px auto!important}
  .v29-insight .txt{font-size:12px!important}
  .v29-bottom-nav{grid-template-columns:repeat(5,1fr)!important}.v29-bottom-nav button{font-size:10px!important;min-height:54px!important;padding:6px 2px!important}
}
@media(max-width:560px){
  .v29-hero{height:150px!important}
  .v29-brand{left:15px!important;right:15px!important;bottom:47px!important;font-size:32px!important;text-align:center!important}
  .v29-tag{left:18px!important;right:18px!important;bottom:24px!important;font-size:9px!important;text-align:center!important}
  .v29-side,.v29-right{display:none!important}
  .v29-tab{font-size:14px!important;min-height:55px!important}.v29-tab span{font-size:7px!important}
  .v29-title{align-items:center!important}.v29-title strong{font-size:17px!important}.v29-title em{font-size:8px!important}
  .v29-field label{font-size:12px!important}.v29-field input,.v29-field select{height:46px!important;font-size:15px!important}
  .v29-summary{grid-template-columns:1fr 1fr!important}.v29-gauge{grid-column:1/-1!important}
  .v29-stat .k{font-size:12px!important}.v29-stat .v{font-size:24px!important}.v29-stat .s{font-size:9px!important}
  .v29-kpis{grid-template-columns:1fr 1fr!important}.v29-chart{grid-template-columns:95px 1fr!important}
  .v29-xbody{grid-template-columns:82px 1fr!important}.v29-horse-icon{height:88px!important;background-size:325px auto!important}.v29-xpick{padding:10px!important}.v29-xpick .pick{font-size:16px!important}
  .v29-bottom-nav button{font-size:9px!important}
}
@media(max-width:390px){
  .v29-wrap{padding-left:5px!important;padding-right:5px!important}
  .v29-tabs{gap:4px!important}.v29-tab{font-size:13px!important}
  .v29-panel{padding:10px 8px!important}.v29-race-grid{gap:7px!important}
  .v29-summary{grid-template-columns:1fr!important}.v29-gauge{grid-column:auto!important}
  .v29-kpis{grid-template-columns:1fr!important}.v29-chart{grid-template-columns:90px 1fr!important}
}

/* V31 hard responsive safeguard */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.v29-wrap{width:100%!important;max-width:920px!important;min-width:0!important;margin:0 auto!important;zoom:1!important;transform:none!important;box-sizing:border-box!important}
#screenIndex,#screenReview,#screenX{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;zoom:1!important;transform:none!important;box-sizing:border-box!important}
.v28-mark,#v28Dashboard{display:none!important}
@media(max-width:940px){
  .v29-wrap{width:100%!important;max-width:100%!important;min-width:0!important;padding:6px!important}
  .v29-dual,.v29-bottom{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .v29-hero{height:148px!important}
  .v29-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v29-race-grid{grid-template-columns:1fr 1fr!important}
  .v29-summary{grid-template-columns:1fr 1fr!important}
  .v29-gauge{grid-column:1/-1!important}
  .v29-panel{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .v29-rank-table{table-layout:fixed!important;width:100%!important}
  .v29-rank-table th:nth-child(1),.v29-rank-table td:nth-child(1){width:14%}
  .v29-rank-table th:nth-child(2),.v29-rank-table td:nth-child(2){width:15%}
  .v29-rank-table th:nth-child(3),.v29-rank-table td:nth-child(3){width:51%;white-space:normal!important}
  .v29-rank-table th:nth-child(4),.v29-rank-table td:nth-child(4){width:20%}
}

.v31-version{position:absolute;right:18px;bottom:14px;z-index:4;padding:5px 9px;border:1px solid #54f2ff;background:#03152ccc;color:#7ff4ff;font:800 .66rem/1 system-ui;letter-spacing:.12em;box-shadow:0 0 12px #16bfff55}
@media(max-width:560px){.v31-version{right:8px;bottom:8px;font-size:.54rem}}


/* V32: iPhone full-width layout, no half-screen columns */
html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
#screenIndex,#screenReview,#screenX,.v29-wrap,#v32Dashboard{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;transform:none!important;zoom:1!important}
#v32Dashboard{padding:6px 8px 78px!important}
.v29-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.v29-dual,.v29-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
.v29-dual>.v29-panel,.v29-bottom>.v29-panel{width:100%!important;min-width:0!important;max-width:100%!important}
.v29-ranking-wrap,.v29-kpis,.v29-chart{width:100%!important;min-width:0!important}
.v29-rank-table{width:100%!important;table-layout:auto!important}
.v29-rank-table th,.v29-rank-table td{white-space:normal!important;word-break:break-word!important}
.v29-rank-table th:nth-child(1),.v29-rank-table td:nth-child(1){width:12%!important}
.v29-rank-table th:nth-child(2),.v29-rank-table td:nth-child(2){width:13%!important}
.v29-rank-table th:nth-child(3),.v29-rank-table td:nth-child(3){width:auto!important}
.v29-rank-table th:nth-child(4),.v29-rank-table td:nth-child(4){width:18%!important;text-align:right!important}
.v29-chart{grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr)!important}
.v29-summary{width:100%!important}
.v29-bottom-nav{width:100%!important;left:0!important;right:0!important}
.v32-version{position:fixed;right:9px;bottom:70px;z-index:9999;border:1px solid #53eaff;background:#04152b;color:#7ff4ff;padding:5px 8px;font:900 9px/1 system-ui;letter-spacing:.08em;box-shadow:0 0 12px rgba(52,234,255,.25)}
@media(max-width:700px){
  #v32Dashboard{padding:5px 6px 76px!important}
  .v29-race-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v29-load{grid-column:1/-1!important;width:100%!important;min-height:50px!important;font-size:17px!important}
  .v29-summary{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v29-gauge{grid-column:1/-1!important;min-height:120px!important}
  .v29-stat{min-height:108px!important;padding:10px 7px!important}
  .v29-stat .v{font-size:25px!important}.v29-stat .s{font-size:10px!important}
  .v29-title{align-items:flex-start!important}.v29-title strong{font-size:19px!important}.v29-title em{font-size:8px!important}
  .v29-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v29-kpi{padding:11px 9px!important}.v29-kpi b{font-size:20px!important}
  .v29-chart{grid-template-columns:110px minmax(0,1fr)!important}
  .v29-xbody{grid-template-columns:95px minmax(0,1fr)!important}
  .v29-bottom-nav button{font-size:10px!important;min-width:0!important;padding:7px 2px!important}
}
@media(max-width:390px){
  .v29-summary{grid-template-columns:1fr 1fr!important}.v29-gauge{grid-column:1/-1!important}
  .v29-kpis{grid-template-columns:1fr 1fr!important}
  .v29-chart{grid-template-columns:95px minmax(0,1fr)!important}
}