@charset "UTF-8";
:root{color-scheme:dark;--navy:#000f3f;--accent:#c9ee87;--muted:#c4cee4;--text-body:1.0625rem;--text-caption:1rem;--text-small:.875rem;--text-heading:1.375rem}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:#fff;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;font-size:var(--text-body);line-height:1.75}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}.guide-shell{width:min(920px,calc(100% - 48px));margin-inline:auto}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;top:8px;left:8px;z-index:20;background:#fff;color:var(--navy);padding:10px 16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}.guide-logo{display:block;width:180px;height:auto}.home-link{font-size:var(--text-small)}.breadcrumbs{font-size:var(--text-small);color:var(--muted);margin:0 0 15px;overflow-wrap:anywhere}.guide-hero{margin-bottom:26px}.guide-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{color:var(--accent);font-size:var(--text-small);font-weight:800;letter-spacing:.12em;margin:0 0 5px}h1{font-size:clamp(1.5625rem,1.25rem + 1.5vw,2.25rem);line-height:1.4;margin:0;overflow-wrap:anywhere}.guide-lead{font-size:var(--text-body);margin:14px 0 0;max-width:54em}.game-meta{font-size:var(--text-small);color:var(--muted);margin:8px 0 0}.game-meta span{color:#f2ca62;letter-spacing:.1em}.play-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:30px;background:var(--accent);color:var(--navy);font-size:var(--text-caption);font-weight:900;text-decoration:none;white-space:normal;text-align:center;overflow-wrap:break-word}.video-section{margin:0 0 28px}.section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h2{font-size:var(--text-heading);line-height:1.5;margin:0}.video-meta{font-size:var(--text-small);color:var(--muted);white-space:nowrap}.video-frame{margin:0}video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#020a25;border:1px solid #ffffff40;border-radius:12px;overflow:hidden}.video-frame figcaption{font-size:var(--text-caption);line-height:1.75;color:var(--muted);margin:12px 0 0}.video-frame figcaption p{margin:0}.video-hint{font-size:var(--text-small);margin:8px 0 0;color:var(--muted)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{background:#fff;color:#293329;border-radius:12px;padding:24px;min-width:0;color-scheme:light}.info-panel h2{color:var(--navy);padding-bottom:12px;border-bottom:1px solid #dfe4ea}.info-panel p,.info-panel li,.info-panel dd{font-size:var(--text-body)}.info-panel dl{margin:16px 0 0}.info-panel dt{font-size:var(--text-body);font-weight:900;color:var(--navy);margin-top:12px}.info-panel dd{margin:4px 0 0}.info-panel ul,.info-panel ol{padding-left:1.4em;margin:16px 0 0}.info-panel li+li{margin-top:10px}.tips-panel{margin-top:18px}.tips-panel h3{font-size:var(--text-body);margin:0 0 4px;color:var(--navy)}.tips-panel li p{margin:0}.record-note{font-size:var(--text-small);color:var(--muted);margin:18px 0 0}.guide-bottom{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:30px 0 40px}.guide-bottom>a:not(.play-button){font-size:var(--text-small)}.guide-footer{border-top:1px solid #ffffff38;padding:24px 0 30px;font-size:var(--text-small);color:var(--muted)}.guide-footer nav{display:flex;gap:12px 20px;flex-wrap:wrap}.guide-footer button{border:0;background:none;padding:0;color:inherit}.guide-footer p{margin:18px 0 0;font-size:var(--text-small)}
@media(max-width:600px){.guide-shell{width:calc(100% - 32px)}.guide-header{padding-block:12px;gap:12px}.guide-logo{width:140px}.home-link{font-size:var(--text-small)}.breadcrumbs{font-size:var(--text-small);margin-bottom:12px}.guide-title-row{display:block}.guide-title-row .play-button{margin-top:18px}.guide-hero{margin-bottom:24px}.game-meta{font-size:var(--text-small)}.section-title h2{font-size:var(--text-heading)}.video-meta{font-size:var(--text-small)}.info-grid{grid-template-columns:1fr;gap:16px}.info-panel{padding:20px}.info-panel h2{font-size:var(--text-heading)}.guide-bottom{gap:18px}.guide-bottom .play-button{width:100%}video{border-radius:8px}}
.video-box{position:relative}.video-start{position:absolute;inline-size:max-content;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-height:48px;max-width:calc(100% - 24px);padding:10px 20px;border:2px solid #fff;border-radius:30px;background:#000f3feb;color:#fff;font-size:var(--text-caption);font-weight:800;white-space:normal;text-align:center;line-height:1.5;box-shadow:0 3px 18px #0005}.video-start:hover{background:#203c75}.video-start:disabled{cursor:wait}.video-start[hidden]{display:none}.video-status{color:var(--muted);font-size:var(--text-small);margin:8px 0}.video-status:empty{display:none}