@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}}.model-switcher{display:flex;gap:9px;margin:1px 0 17px}.model-choice{display:flex;align-items:center;gap:12px;min-width:250px;text-align:left;background:#101c2d;color:#98aac2;border:1px solid #34455d;padding:10px 14px;flex:1;max-width:360px;transition:background .1s,border-color .1s}.model-choice:hover{background:#22334b}.model-choice.active{border-color:#8ed4bb;background:#1c3b42;color:#e9f7ef}.model-choice .model-number{font:900 29px Barlow Condensed,sans-serif;color:#7591ab}.model-choice.active .model-number{color:#78ddba}.model-choice strong{font:800 18px Barlow Condensed,sans-serif;letter-spacing:.055em;display:block;line-height:1.1}.model-choice small{font:500 9px DM Mono,monospace;letter-spacing:.03em;display:block;opacity:.75;margin-top:3px}.model-choice .choice-mark{margin-left:auto;font-size:13px;color:#8ec8b4}#battle-controls{padding:4px 19px 0}#battle-controls .setting-title{margin-top:17px}#battle-spin{margin-top:16px}@media(max-width:580px){.model-switcher{margin-bottom:12px;gap:7px}.model-choice{padding:9px 8px;gap:6px;min-width:0;flex:1}.model-choice .model-number{font-size:25px}.model-choice strong{font-size:15px}.model-choice small{font-size:7px}#battle-controls{padding:5px 17px 0}}.mech-action-bar{display:flex;align-items:stretch;gap:7px;padding:9px 10px;background:#172637;border-top:1px solid #354859}.mech-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;flex:1;background:#24384a;border:1px solid #507387;color:#e6f4ed;font-family:Noto Sans JP,sans-serif;touch-action:manipulation;text-align:left}.mech-action.primary{background:#c47836;border-color:#eba36b;color:#171b24}.mech-action:active{transform:translateY(1px);filter:brightness(1.23)}.mech-action:hover{filter:brightness(1.13)}.mech-action-icon{font-size:23px;line-height:1}.mech-action strong{display:block;font:800 24px/.94 Barlow Condensed,sans-serif;letter-spacing:.045em}.mech-action small{display:block;font-size:9px;margin-top:4px;font-weight:700}.mech-action-status{display:flex;flex-direction:column;justify-content:center;align-items:end;min-width:120px;font:500 12px DM Mono,monospace;color:#9fbbbd;letter-spacing:.025em;padding:0 6px}.mech-action-status span{font-size:8px;white-space:nowrap;color:#788d9f;margin-top:4px}#mech-demo{margin-top:9px}@media(max-width:580px){.mech-action-bar{padding:8px 7px;gap:5px}.mech-action{min-height:55px;gap:6px}.mech-action strong{font-size:21px}.mech-action small{font-size:8px}.mech-action-status{min-width:70px;font-size:10px;padding:0}.mech-action-status span{font-size:7px}}