:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Yu Gothic,Meiryo,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#eef4ff;background:#080d14;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(36,107,255,.16),transparent 34rem),radial-gradient(circle at 86% 70%,rgba(22,205,159,.1),transparent 28rem),#080d14}button{font:inherit}.shell{max-width:1560px;margin:0 auto;padding:22px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow,.section-kicker{margin:0 0 6px;color:#66e2bb;font-size:11px;font-weight:750;letter-spacing:.16em}h1{margin:0;font-size:clamp(25px,3vw,42px);letter-spacing:-.035em}html[lang=ja] h1{letter-spacing:.01em}h2{margin:0;font-size:16px}.status-cluster{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lang-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0b}.lang-toggle button{min-height:25px;padding:3px 9px;white-space:nowrap;border:0;border-radius:999px;color:#c4d2e8;background:transparent;font-size:12px;font-weight:700}.lang-toggle button[aria-pressed=true]{color:#06130f;background:#55e8b6}.lang-toggle button:hover:not(:disabled){background:#ffffff14}.lang-toggle button[aria-pressed=true]:hover:not(:disabled){background:#71f0c5;border-color:transparent}.status,.mode-badge,.trial-state{display:inline-flex;align-items:center;min-height:31px;padding:6px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;font-size:12px;font-weight:700;background:#ffffff0e}.status.loading:before,.status.ready:before,.status.error:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ffc65d}.status.ready:before{background:#46e3ae;box-shadow:0 0 14px #46e3ae}.status.error:before{background:#ff6278}.mode-badge{color:#a9c7ff;border-color:#5c94ff52}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.viewer-card,.panel-section{border:1px solid rgba(255,255,255,.1);background:#0c131de0;box-shadow:0 18px 65px #00000047}.viewer-card{position:sticky;top:18px;min-height:calc(100vh - 120px);overflow:hidden;border-radius:22px}#viewer{position:absolute;inset:0}#viewer canvas{width:100%!important;height:100%!important;display:block}.viewer-hint{position:absolute;left:16px;bottom:14px;padding:8px 11px;border-radius:10px;color:#b7c4d9;background:#04080db8;backdrop-filter:blur(10px);font-size:12px;pointer-events:none}.load-error{position:absolute;inset:20px;display:grid;place-items:center;padding:24px;border-radius:14px;color:#ffb2bd;background:#560a18eb;text-align:center}.hidden{display:none}.panel{display:grid;gap:13px}.panel-section{padding:17px;border-radius:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading>div:first-child{min-width:0;flex:1}.section-heading h2{line-height:1.35}.section-kicker{display:block;margin-bottom:4px;font-size:9px}.trial-state{min-height:25px;padding:4px 9px;color:#c4d2e8}.trial-state.complete{color:#55e8b6;border-color:#46e3ae59}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-grid>div{padding:11px;border-radius:11px;background:#ffffff0b}.metric-grid span{display:block;margin-bottom:4px;color:#8e9bb0;font-size:11px}.metric-grid strong{font-size:17px;font-variant-numeric:tabular-nums}.success-text{color:#55e8b6}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}button{min-height:40px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#e9f1ff;background:#fff1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff38}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{color:#06130f;background:#55e8b6;border-color:#55e8b6;font-weight:800}button.primary:hover:not(:disabled){background:#71f0c5}.key-button{min-height:32px;padding:5px 10px;color:#a9c7ff}kbd{font-family:inherit;font-size:.82em;font-weight:850}.joystick-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:". up ." "left center right" ". down .";gap:8px;max-width:315px;margin:0 auto}.joy{min-height:64px;padding:8px;touch-action:none;user-select:none}.joy kbd{display:block;margin-bottom:3px;font-size:16px}.joy span{color:#9eadc3;font-size:11px}.joy.up{grid-area:up}.joy.left{grid-area:left}.joy.right{grid-area:right}.joy.down{grid-area:down}.joy.active{color:#06130f;background:#55e8b6;border-color:#55e8b6;box-shadow:0 0 25px #55e8b63d}.joy.active span{color:#163d31}.stick-center{grid-area:center;display:grid;place-items:center;width:64px;height:64px;place-self:center;border:1px solid rgba(92,148,255,.3);border-radius:50%;color:#a9c7ff;background:radial-gradient(circle,#5c94ff29,#5c94ff08);font-weight:850}.utility-row{margin-top:14px}.joint-list{display:grid;gap:12px}.joint-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.joint-row span{color:#a6b2c5}.joint-row strong{font-variant-numeric:tabular-nums}.track{height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:#ffffff14}.track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c94ff,#55e8b6);transition:width .08s linear}.disclaimer{margin:0 5px;color:#78869a;font-size:11px;line-height:1.55}@media(max-width:980px){.workspace{grid-template-columns:1fr}.viewer-card{position:relative;top:auto;min-height:58vh}.panel{grid-template-columns:1fr 1fr}.telemetry,.disclaimer{grid-column:1 / -1}}@media(max-width:660px){.shell{padding:13px}.topbar{align-items:flex-start;flex-direction:column}.status-cluster{justify-content:flex-start}.viewer-card{min-height:52vh;border-radius:16px}.panel{grid-template-columns:1fr}.telemetry,.disclaimer{grid-column:auto}}