*{box-sizing:border-box}html,body{color:#1a2332;background-color:#f4f7fb;background-image:linear-gradient(#1a5a9e0b 1px,#0000 1px),linear-gradient(90deg,#1a5a9e0b 1px,#0000 1px),radial-gradient(at 12% -10%,#388cdc24,#0000 48%),radial-gradient(at 100% 0,#14a0961a,#0000 42%);background-size:28px 28px,28px 28px,auto,auto;min-height:100%;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Yu Gothic,Noto Sans JP,system-ui,sans-serif}#app{width:min(880px,100% - 32px);margin:0 auto;padding:44px 0 80px}.head{border-bottom:1px solid #d7e0ec;margin-bottom:28px;padding-bottom:20px}h1{letter-spacing:.04em;color:#122033;margin:0 0 10px;font-size:clamp(30px,6vw,44px);font-weight:700}.lede{letter-spacing:.02em;color:#5a6b7e;max-width:36em;margin:0;font-size:14px;line-height:1.65}.group{margin-bottom:28px}.group-title{letter-spacing:.18em;color:#2f6fad;margin:0 0 10px;font-size:12px;font-weight:700}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{min-height:120px;color:inherit;background:#fff;border:1px solid #c9d6e6;border-radius:6px;flex-direction:column;gap:8px;padding:16px 16px 14px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px #1228460a}.card h3{letter-spacing:.03em;color:#122033;margin:0;font-size:18px;font-weight:700}.card p{letter-spacing:.02em;color:#66788c;margin:0;font-size:13px;line-height:1.5}.mark{letter-spacing:.18em;color:#2f6fad;font-size:10px;font-weight:700}.play:hover{border-color:#4a8fd4;transform:translateY(-1px);box-shadow:0 0 0 1px #2f6fad1f,0 8px 20px #1e467814}.play:focus-visible{outline-offset:2px;outline:2px solid #2f6fad}.soon{color:#8a97a8;cursor:default;box-shadow:none;background:#f8fafc;border-style:dashed;border-color:#c5d0de}.soon h3{color:#7a8899}.soon .mark,.soon p{color:#9aa8b8}@media (width<=640px){#app{padding-top:28px}.grid{grid-template-columns:1fr}}