/* Large, always-visible instructions on the title page. */
body:not(.playing) .topbar{background:#081522f5;border-bottom:1px solid #b5c8d833}
#menu{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);align-items:start;align-content:start;gap:48px 5vw;padding:110px 5vw 70px;scroll-padding-top:100px}
#menu .menu-card{width:100%;max-width:480px;margin:0;padding:0}
#menu .lead{font-size:17px;line-height:1.9}#menu .eyebrow{font-size:13px}#menu .badges span{font-size:13px}
#menu .primary,#menu .secondary{font-size:18px;min-height:54px;letter-spacing:.06em}
#menu .v4-settings summary,#menu .v4-settings label,#menu .v4-settings select,#menu .text-button{font-size:16px;line-height:1.6}
#menu .v4-settings summary{padding:6px 0}#menu #help-toggle{font-size:18px;color:#ffe1a8;text-align:left;margin:20px 0 0;min-height:48px;text-decoration:underline;text-underline-offset:6px}
#menu .quick-controls{background:#0b1825ee;border:1px solid #d9c29477;border-radius:8px;padding:28px;max-width:660px;margin:0}
#menu .guide-tag{font-size:15px;letter-spacing:.10em;color:#e2c28d;margin:0 0 12px}
#menu .quick-controls h2,#menu .guide-heading h2{font:700 27px/1.5 "Yu Gothic UI",Meiryo,sans-serif;letter-spacing:.02em;color:#fff2d9;margin:0 0 14px;max-width:none}
#menu .auto-shot{font-size:20px;line-height:1.7;color:#fff4dc;background:#c5a06818;padding:14px 16px;border-left:3px solid #e6c88f;margin:0 0 12px}
#menu .key-list{margin:0}#menu .key-list>div{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #c3d2d32d}
#menu .key-list dt,#menu .key-list dd{margin:0}#menu .key-list strong{display:block;font-size:19px;line-height:1.5;color:#fff}
#menu .key-list span{display:block;font-size:16px;line-height:1.6;color:#c6d3df;margin-top:5px}
#menu kbd{display:inline-block;font:700 19px/1.3 Consolas,monospace;padding:7px 10px;margin:0 4px 2px 0;background:#263b4d;border:1px solid #a9c6da;border-bottom-width:3px;color:white;border-radius:5px;white-space:nowrap}
#menu .quick-note{font-size:17px;line-height:1.8;margin:18px 0 0;color:#e0e8ee}
#menu #help{grid-column:1/-1;display:block;padding:34px;background:#081522f5;border:1px solid #b5c8d84d;border-radius:8px;color:#e1e9f1;font-size:18px;line-height:1.85;scroll-margin-top:15px}
#menu .guide-heading{margin-bottom:25px}#menu .guide-heading>p:last-child{font-size:18px;margin:10px 0;color:#e3cdac}
#menu .control-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#menu .control-card{padding:24px;background:#122332;border:1px solid #b1c8d238;border-radius:6px;min-width:0}
#menu .control-card h3{font-size:23px;line-height:1.5;margin:0 0 15px;color:#ffe2ab}#menu .control-card p{margin:10px 0;font-size:18px}
#menu .compact-keys{margin:0}#menu .compact-keys>div{display:grid;grid-template-columns:135px 1fr;gap:12px;border-bottom:1px solid #c4d4df22;padding:12px 0}#menu .compact-keys dt,#menu .compact-keys dd{margin:0;font-size:18px;line-height:1.75}
#menu .camera-key-map{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}#menu .camera-key-map span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:18px;min-width:60px}#menu .camera-key-map kbd{min-width:46px;text-align:center}
#menu .control-card ul,#menu .control-card ol{padding-left:25px;margin:12px 0}#menu .control-card li{margin:10px 0;font-size:18px;line-height:1.8}#menu .control-card strong{color:#fff5de}#menu .tip{padding:12px;background:#e3c38710;border-left:3px solid #d6b47b}
#menu .battle-tips{margin-top:24px;border:1px solid #bacbd23d;padding:18px 22px;border-radius:5px}#menu .battle-tips summary{font-size:20px;cursor:pointer;color:#ffe0a8;min-height:40px;line-height:1.8}#menu .battle-tips p{font-size:18px;line-height:1.9}
#menu #guide-practice{max-width:420px;justify-content:center;margin:26px auto 0}
.top-actions #home-top{background:#ead3a9;color:#152333;border:1px solid #ffe7bf;font-size:16px;font-weight:700;min-height:44px;padding:8px 18px;border-radius:4px}
.story-film .top-actions #home-top{background:#ead3a9;color:#152333;font-size:16px;min-height:40px;padding:5px 14px}
@media(max-width:1050px){#menu{grid-template-columns:1fr;gap:28px;padding:100px 26px 65px}#menu .menu-card{max-width:520px}#menu .quick-controls{max-width:none}#menu .control-grid{grid-template-columns:1fr}#menu h2 .title-name{font-size:60px}#menu #help{padding:24px}#menu .quick-controls h2{font-size:25px}}
@media(max-width:560px){#menu{padding:100px 16px 65px}#menu .quick-controls,#menu #help{padding:20px 16px}#menu .control-card{padding:20px 15px}#menu h2 .title-name{font-size:46px}#menu .quick-controls h2,#menu .guide-heading h2{font-size:23px}#menu .key-list>div{grid-template-columns:128px 1fr;gap:10px}#menu .compact-keys>div{grid-template-columns:1fr;gap:4px}#menu .key-list strong{font-size:18px}#menu .auto-shot{font-size:18px}#menu .badges{flex-wrap:wrap}.top-actions{gap:4px}.top-actions #home-top{padding:7px 10px;font-size:15px}.story-film .top-actions #home-top{padding:5px 10px;font-size:15px}}
@media(max-height:600px){#menu{padding-top:82px}#menu .lead,#menu .badges{display:block}#menu .menu-card{width:100%;max-width:480px}#menu h1{display:block;font-size:16px}#menu .primary{min-height:50px}#menu .guide-heading h2{font-size:25px}.top-actions #home-top{min-height:38px}}