@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;600;700&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#eaf0fa;background:#0d1422;font-synthesis:none}*{box-sizing:border-box}html{background:#0d1422}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.site{max-width:1250px;margin:auto;padding:0 clamp(18px,4vw,48px) 28px}.masthead{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:64px;border-bottom:1px solid #293547;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.09em;color:#92a5bf}.mark{display:flex;align-items:center;gap:11px;color:#c7d8ec}.mark-icon{font-size:24px;color:#79bcff}.tiny-meta{white-space:nowrap}.live-dot,.tiny-led{display:inline-block;width:6px;height:6px;background:#79d9be;border-radius:50%;box-shadow:0 0 10px #79d9be}.meta-divider{padding:0 6px;color:#526680}.intro{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:28px 0 24px}.eyebrow{color:#77baff;font:500 11px DM Mono,monospace;letter-spacing:.18em}h1{margin:10px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;letter-spacing:.015em;font-size:clamp(67px,9vw,114px);line-height:.77;color:#f0f5fb}h1 em{font-style:normal;color:#66b9ff}h1 .period{color:#ef796c}.intro-aside{font-size:13px;line-height:1.85;letter-spacing:.01em;color:#9bacc4;padding-bottom:3px}.intro-aside strong{color:#e5f1fc;font-weight:700}.lab{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.96fr);gap:19px;align-items:stretch}.workbench{background:#111c2e;border:1px solid #37465a;box-shadow:0 14px 45px #05091460;min-width:0}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;border-bottom:1px solid #2d3d51;padding:7px 12px}.segmented{display:flex;gap:5px}.tab{border:1px solid transparent;background:transparent;color:#8297b4;font-size:12px;font-weight:600;padding:9px 12px;white-space:nowrap}.tab.active{background:#7cbeff;color:#0d1e30;border-color:#7cbeff}.tab:not(.active):hover{color:#d5e9fc}#view-caption{font:500 9px DM Mono,monospace;white-space:nowrap;color:#7190aa}.canvas-shell{position:relative;background:#131f33}#scene{display:block;width:100%;height:auto;aspect-ratio:480/320;image-rendering:pixelated;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.canvas-badge{position:absolute;bottom:11px;right:12px;pointer-events:none;padding:6px 8px;background:#0a1426dd;border:1px solid #476283;color:#acc4de;font:500 9px DM Mono,monospace;display:flex;gap:7px;align-items:center}.tiny-led{height:5px;width:5px}.bottom-note{display:flex;gap:12px;justify-content:space-between;padding:10px 13px;border-top:1px solid #2b3d51;font:500 9px DM Mono,monospace;letter-spacing:.02em;color:#6c829f}.controls{min-width:0;padding:0 0 13px;border-top:3px solid #83c6ff;background:#172236}.controls-heading,.source-heading{display:flex;justify-content:space-between;gap:4px;font:500 10px DM Mono,monospace;color:#7ebaff;letter-spacing:.06em}.controls-heading{padding:16px 19px 6px}.controls-heading span:last-child{color:#8295ad}#inspect-controls,#drive-controls{padding:4px 19px 0}[hidden]{display:none!important}.readout{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #34475f;padding:0 0 10px}.readout .caption{color:#c1d1e6;font-size:13px}.readout strong{font:800 64px/.9 Barlow Condensed,Impact,sans-serif;color:#f1f6fc;letter-spacing:.025em}.unit{font:500 16px DM Mono,monospace;color:#7bbbeb;padding-left:4px}input[type=range]{width:100%;height:24px;appearance:none;-webkit-appearance:none;background:transparent;margin:12px 0 0;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#367dbf,#78c1fb);border-radius:0}input[type=range]::-moz-range-track{height:4px;background:#6db5ec}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-7px;width:12px;height:18px;background:#f1f7fe;border:3px solid #10213b;border-radius:2px;box-shadow:0 0 0 1px #8cb7df}input[type=range]::-moz-range-thumb{width:12px;height:18px;background:#f1f7fe;border:3px solid #10213b;border-radius:2px}.range-ends{display:flex;justify-content:space-between;gap:8px;font:10px DM Mono,Noto Sans JP,monospace;color:#7d91ad}.setting{margin-top:19px}.setting-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#d0deee}.setting-title span{font:500 13px DM Mono,monospace;color:#9cceff}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.action{border:1px solid #4d6581;min-height:43px;background:#1e2f48;color:#dcecff;font-size:12px;font-weight:600}.action.primary{background:#3189d7;color:#fff;border-color:#65b6f6}.action.selected:not(.primary){border-color:#a2d2ff;background:#2a527d}.action:hover,.steer-buttons button:hover{filter:brightness(1.2)}.action:active{transform:translateY(1px)}.source-area{margin:23px 19px 0;border-top:1px solid #33465c;padding-top:16px}.source-heading{color:#d4e4f6}.source-heading span:last-child{color:#6d86a7;font-size:9px}.source-views{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.source-views>div{height:89px;border:1px solid #30465d;background:#111d31;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.source-views img{height:61px;width:46px;object-fit:contain;image-rendering:pixelated}.source-views img.side-image{width:98px;height:39px}.source-views span{font:9px DM Mono,monospace;color:#859db9}.strip-label{display:flex;justify-content:space-between;font:9px DM Mono,monospace;letter-spacing:.05em;color:#859db9;margin:15px 0 6px}.strip-label span{color:#8fc3f3}#strip{display:block;width:100%;height:51px;image-rendering:pixelated;background:#111d31;border:1px solid #30465d}.drive-title{font:800 37px Barlow Condensed,Impact,sans-serif;letter-spacing:.05em;margin:16px 0 0;color:#edf7ff}.drive-copy{font-size:12px;line-height:2;color:#a6bacf;margin:8px 0 18px}.full{width:100%}.steer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.steer-buttons button{height:80px;background:#203854;border:1px solid #5c83aa;color:#eaf8ff;font-size:20px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.steer-buttons button.held{background:#7cc5ff;color:#122338}.reset{margin-top:12px;background:transparent;border:0;color:#8fc3f3;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:10px 0}.footer{display:flex;justify-content:space-between;align-items:start;gap:25px;border-top:1px solid #293547;margin-top:22px;padding:17px 0;color:#8296ad;font-size:11px;line-height:1.9}.footer p{margin:0;max-width:650px}.footer b{font:500 10px DM Mono,monospace;color:#7fbcf4;padding-right:10px}.footer a{color:#b4d7f9;font:500 10px DM Mono,monospace;text-decoration:none;white-space:nowrap}.footer a:hover{text-decoration:underline}@media(max-width:910px){.intro{align-items:start}.lab{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1.15fr 1fr;align-items:start}.controls-heading{grid-column:1/-1}.source-area{margin-top:0;border-top:0;border-left:1px solid #33465c;margin-left:0;padding:4px 18px 0}.source-views>div{height:100px}.source-views img{height:70px}}@media(max-width:580px){.site{padding:0 12px 20px}.masthead{min-height:50px;font-size:9px}.tiny-meta .meta-divider,.tiny-meta .meta-divider~*{display:none}.intro{padding:24px 5px 21px;display:block}h1{font-size:clamp(65px,15vw,92px);margin-top:12px}.intro-aside{margin-top:15px;font-size:11px;line-height:1.8}.intro-aside br{display:none}.intro-aside strong{display:block}.lab{gap:12px}.view-toolbar{min-height:49px;padding:7px}.tab{font-size:11px;padding:8px}#view-caption{font-size:8px}.bottom-note{font-size:8px;padding:8px}.bottom-note span:last-child{display:none}.controls{display:block;padding-bottom:16px}.controls-heading{padding:15px 17px 5px}#inspect-controls,#drive-controls{padding:5px 17px 0}.source-area{border-left:0;border-top:1px solid #33465c;margin:22px 17px 0;padding:18px 0 0}.source-views>div{height:88px}.footer{display:block;margin-top:22px}.footer a{display:inline-block;margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}