@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@700;900&family=Noto+Sans+JP:wght@400;700&display=swap');
:root{
  --bg:#0F1622; --panel:#161F2E; --panel2:#1C2738; --line:#26344A;
  --felt1:#0F5040; --felt2:#083326;
  --txt:#EAF0F6; --sub:#8FA0B5; --gold:#F5C542; --red:#E14B4B; --green:#1FA55D;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--txt);font-family:"Noto Sans JP",sans-serif;line-height:1.9;}
a{color:var(--gold);text-decoration:none;}
.wrap{max-width:760px;margin:0 auto;padding:0 20px 60px;}
nav{border-bottom:1px solid var(--line);background:rgba(15,22,34,.92);position:sticky;top:0;backdrop-filter:blur(6px);z-index:10;}
nav .inner{max-width:760px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;}
nav .brand{font-family:"Zen Old Mincho",serif;font-weight:900;font-size:17px;color:var(--txt);letter-spacing:.06em;}
nav .brand .suit{color:var(--gold);}
nav .links{display:flex;gap:16px;font-size:13px;}
nav .links a{color:var(--sub);}
nav .links a:hover{color:var(--gold);}
h1{font-family:"Zen Old Mincho",serif;font-weight:900;font-size:clamp(26px,5.5vw,38px);line-height:1.4;letter-spacing:.02em;margin:.4em 0 .3em;}
h2{font-family:"Zen Old Mincho",serif;font-weight:700;font-size:21px;margin:2.2em 0 .6em;padding-left:14px;border-left:4px solid var(--gold);line-height:1.5;}
p{margin:.9em 0;}
.eyebrow{color:var(--gold);font-size:12.5px;font-weight:700;letter-spacing:.18em;}
.lead{color:var(--sub);font-size:15px;}
.horse-nav{display:flex;gap:10px;justify-content:center;margin:34px 0 10px;flex-wrap:wrap;}
.horse-nav a{width:76px;height:108px;border-radius:8px;background:#FFFFFF;color:#17181C;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.45);transition:transform .15s;border:1px solid #d8d2c4;position:relative;}
.horse-nav a:hover{transform:translateY(-6px) rotate(-1deg);}
.horse-nav .ltr{font-family:"Zen Old Mincho",serif;font-weight:900;font-size:40px;line-height:1;}
.horse-nav .gm{font-size:10px;color:#555;margin-top:6px;font-weight:700;}
.horse-nav .pip{position:absolute;top:6px;left:8px;font-size:12px;color:var(--red);}
.horse-nav .pip2{position:absolute;bottom:6px;right:8px;font-size:12px;color:var(--red);transform:rotate(180deg);}
.hitokoto{background:linear-gradient(90deg,rgba(245,197,66,.12),rgba(245,197,66,.03));border:1px solid rgba(245,197,66,.4);border-radius:12px;padding:14px 18px;margin:20px 0;}
.hitokoto b{color:var(--gold);}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:16px 0;}
.box ul{margin:.4em 0;padding-left:1.3em;}
.box li{margin:.5em 0;}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0 10px;}
.cta a{flex:1;min-width:200px;text-align:center;padding:16px 12px;border-radius:99px;font-weight:700;font-size:15px;box-shadow:0 3px 0 rgba(0,0,0,.35);}
.cta .primary{background:linear-gradient(180deg,#FFD75E,var(--gold));color:#20242C;}
.cta .secondary{background:var(--panel2);border:1px solid var(--line);color:var(--txt);}
.felt-hero{background:radial-gradient(ellipse at 50% 0%,var(--felt1),var(--felt2) 80%);border-bottom:1px solid var(--line);padding:52px 0 40px;text-align:center;}
.felt-hero .wrap{padding-bottom:0;}
footer{border-top:1px solid var(--line);margin-top:60px;padding:26px 20px;color:var(--sub);font-size:12.5px;text-align:center;}
footer a{color:var(--sub);text-decoration:underline;}
table{border-collapse:collapse;width:100%;font-size:14px;margin:14px 0;}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;}
th{background:var(--panel);color:var(--gold);font-weight:700;}
@media(max-width:480px){ nav .links{gap:10px;font-size:12px;} .horse-nav a{width:62px;height:90px;} .horse-nav .ltr{font-size:32px;} }