@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#dbe7eb;background:#0e1623;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.site{max-width:1230px;margin:auto;padding:0 clamp(16px,4vw,48px) 30px}.head{height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #2b3645}.brand{text-decoration:none;color:#c4d8e3;font:500 11px DM Mono,monospace;letter-spacing:.09em;display:flex;gap:12px;align-items:center}.brand-icon{font-size:26px;color:#9bcaba}.label{font:500 10px DM Mono,monospace;color:#889baa}.intro{padding:33px 0 22px}.eyebrow{font:500 11px DM Mono,monospace;color:#b8c582;letter-spacing:.13em}h1{font:900 clamp(70px,9vw,122px)/.86 "Barlow Condensed",Impact,sans-serif;letter-spacing:.01em;margin:13px 0 18px;color:#ebefdd}h1 em{font-style:normal;color:#97b17f}.intro p{max-width:680px;font-size:13px;line-height:1.95;color:#aebcb5;margin:0}.intro p strong{color:#e4e8ce}.status{border-top:1px solid #526153;border-bottom:1px solid #526153;padding:12px 15px;display:flex;gap:10px;align-items:center;margin-bottom:15px;font:500 10px DM Mono,monospace;letter-spacing:.04em;color:#9fbb91}.status strong{color:#c4d9ac}.status>span:last-child{margin-left:auto;color:#8b948f}.dot{height:6px;width:6px;background:#91d2a1;border-radius:50%}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{min-width:0;border:1px solid #344a52;background:#142232;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #354b51;font:500 11px DM Mono,monospace;white-space:nowrap;color:#bfd5c2}.panel-heading small{font-size:9px;color:#849997}.art-stage{display:grid;place-items:center;min-height:418px;padding:19px;background:linear-gradient(0deg,#162235,#1a2b3a)}.sprite-viewport{height:360px;width:360px;max-width:100%;position:relative;overflow:hidden;background:#121a26;border:1px solid #3b4b56}.official-screenshot{position:absolute;width:1920px;height:1080px;max-width:none;top:-402.5px;left:-505px;transform:scale(2.5);transform-origin:top left;image-rendering:pixelated;pointer-events:none}.reconstruction{display:block;width:360px;height:360px;max-width:100%;object-fit:contain;image-rendering:pixelated}.panel-note{display:flex;justify-content:space-between;gap:8px;padding:10px 15px;font:500 9px DM Mono,monospace;color:#7f9895}.detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.86fr);gap:26px;align-items:start;margin-top:25px;padding-top:20px;border-top:1px solid #2f4653}.detail-text h2{font-size:20px;line-height:1.6;margin:3px 0 14px;font-weight:700}.detail-text p{font-size:13px;line-height:2;color:#a3b5b1;margin:0 0 13px}.detail-text strong{color:#d2e2c1}.subnote{border-left:3px solid #a9bc89;padding:8px 12px;margin-top:12px;color:#b9cbaa;font-size:11px;line-height:2}.tile-test{border:1px solid #344a52;background:#142232}#tile{width:100%;height:auto;image-rendering:pixelated;display:block;background:#2d3e43}.scale-bar{display:flex;gap:13px;align-items:center;justify-content:space-between;padding:10px 14px;font:11px Noto Sans JP,sans-serif;color:#aec3b7}#scale{width:50%;accent-color:#a2c38f}#scale-value{font:500 12px DM Mono,monospace;color:#c6d6a9;white-space:nowrap}footer{margin-top:27px;padding:18px 0;border-top:1px solid #283943;display:flex;align-items:center;justify-content:space-between;gap:18px;font:500 10px DM Mono,monospace;color:#859ba0}footer a{color:#c4d9be;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.art-stage{min-height:290px}.sprite-viewport{transform:scale(.68);transform-origin:center;margin:-54px}.detail{grid-template-columns:1fr}.tile-test{max-width:450px}}@media(max-width:560px){.site{padding:0 12px 22px}.head{height:50px}.label{font-size:9px}.intro{padding:28px 5px 18px}h1{font-size:clamp(68px,14vw,95px);line-height:.87}.intro p{font-size:12px}.comparison{grid-template-columns:1fr;gap:11px}.art-stage{min-height:345px;padding:0}.sprite-viewport{transform:scale(.85);margin:-25px}.panel-heading{padding:11px 12px}.panel-heading small,.panel-note{font-size:8px}.detail{gap:16px}footer{display:block;line-height:2}footer>a{display:block;margin-top:8px}.status{font-size:9px;flex-wrap:wrap}.status>span:last-child{margin-left:16px}}