@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#29213c;background:#f6f3ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #e57952;outline-offset:5px}header{max-width:1440px;margin:auto;padding:27px 28px;border-bottom:1px solid #ddd5ec;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:18px;font-weight:900;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.brand span{padding:5px 8px;background:#603ae3;color:white;border-radius:5px;margin-left:5px}.back{font-size:14px;text-decoration:none;color:#60488b}main{max-width:1440px;margin:auto;padding:0 28px}.compare-intro{padding:34px 0 26px;display:flex;justify-content:space-between;gap:28px;align-items:end}.eyebrow{font-size:12px;letter-spacing:.1em;color:#6844c6;font-weight:700;margin:0 0 10px}h1{font-size:32px;letter-spacing:-.035em;line-height:1.5;margin:0}h1>span{font-size:17px;font-weight:500;color:#766985;display:inline-block;margin-left:20px}.alignment{color:#756982;font-size:13px;line-height:1.7;text-align:right;margin:0}.alignment small{display:block;font-size:12px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.side{min-width:0;border:1px solid #dcd2ec;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 0 #e8e2f4}.side-heading{padding:19px 22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #ebe4f4;flex-wrap:wrap}.side-tag{font-size:10px;letter-spacing:.09em;font-weight:800;color:#92859f}.side-heading h2{font-size:18px;margin:0;letter-spacing:-.03em}.pill{margin-left:auto;padding:4px 8px;font-size:11px;background:#eeebf5;color:#726482;border-radius:5px}.reference .pill{background:#e2f4ea;color:#35664f}.reproduction .pill{background:#efe7ff;color:#6c4aad}.comparison-image{aspect-ratio:16/9;display:flex;position:relative;align-items:center;background:#1d1e24;overflow:hidden;text-decoration:none}.comparison-image img{display:block;width:100%;height:100%;object-fit:contain}.comparison-image>span{position:absolute;bottom:11px;right:11px;background:#1e1c2cdd;color:white;border-radius:5px;padding:5px 8px;font-size:11px}.comparison-empty{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#f5f1fc;box-shadow:inset 0 0 0 12px #faf7ff}.empty-frame{height:64px;width:86px;display:grid;place-items:center;border:2px dashed #c5b3e8;border-radius:10px;color:#a689d1;font-size:30px;margin-bottom:17px}.comparison-empty h3{font-size:18px;color:#6e5689;line-height:1.6;margin:0 0 10px}.comparison-empty p{font-size:14px;color:#8a7a9b;line-height:1.9;margin:0}.side-detail{padding:20px 22px}.side-detail h3{font-size:14px;line-height:1.7;margin:0 0 5px;font-weight:600}.side-detail>p{font-size:12px;line-height:1.8;color:#82738f;margin:0 0 20px;min-height:1.8em}.panel-links{display:flex;flex-direction:column;gap:13px;font-size:12px;color:#6c4aad}.play-link{display:flex;justify-content:space-between;align-items:center;background:#603ae3;color:white;border-radius:9px;padding:13px 16px;text-decoration:none;font-size:14px;font-weight:700}.reference .play-link{background:#2d293b}.not-ready{font-size:14px;color:#96899f;border:1px dashed #d8cce8;padding:13px 16px;border-radius:9px}.observations{margin:34px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.observations>div{padding:24px;border-top:2px solid #d3c5e9}.observations h2{font-size:19px;margin:0 0 14px}.observations ul{padding-left:20px;margin:0;font-size:14px;line-height:2;color:#6c5f7b}.observations p:not(.eyebrow){font-size:14px;line-height:1.9;color:#786a86;margin:0}footer{max-width:1440px;margin:auto;padding:0 28px 32px;display:flex;justify-content:space-between;align-items:start;gap:20px;color:#7a6b89;font-size:12px;line-height:1.9}footer p{margin:0}@media(max-width:900px){.side-heading{gap:7px;padding:15px}.side-tag{display:none}.side-detail{padding:17px}.compare-intro{align-items:start}.alignment{max-width:185px}h1>span{display:block;margin:5px 0 0}.comparison-empty h3{font-size:16px}.comparison-empty p{font-size:12px}.empty-frame{width:64px;height:45px;margin-bottom:10px}}@media(max-width:620px){header{padding:23px 20px;gap:12px;flex-wrap:wrap}.brand{font-size:16px}.back{font-size:12px}main{padding:0 20px}.compare-intro{display:block;padding:26px 0 22px}h1{font-size:29px}.alignment{max-width:none;text-align:left;margin:14px 0 0;font-size:12px}.comparison-grid{grid-template-columns:1fr;gap:25px}.side-heading{padding:16px}.side-detail{padding:20px}.comparison-empty h3{font-size:16px}.comparison-empty p{font-size:13px}.observations{grid-template-columns:1fr;gap:15px;margin-top:25px}.observations>div{padding:22px 5px}.observations h2{font-size:18px}footer{padding:0 20px 25px;flex-direction:column;gap:18px}}