*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#05090d;color:#d9fbff;font-family:Inter,Segoe UI,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;inset:14px 14px auto;display:grid;grid-template-columns:minmax(220px,320px) 1fr minmax(220px,320px);gap:12px;pointer-events:none;z-index:5}.panel{border:1px solid rgba(120,235,255,.26);background:#030c12a3;box-shadow:0 0 22px #27e4ff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:10px 12px}.metric-row,.status-row,.formation-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label{color:#84afbc;font-size:11px;letter-spacing:0;text-transform:uppercase}.value{color:#ecfeff;font-size:18px;font-weight:700}.bar{position:relative;height:8px;overflow:hidden;border:1px solid rgba(170,239,255,.28);background:#ffffff0f;border-radius:999px;margin-top:6px}.bar>i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#5ef6ff,#f15cff);box-shadow:0 0 12px #5ef6ffb3}.center-feed{text-align:center;align-self:start}.feed-title{font-size:15px;color:#fff;font-weight:800}.feed-sub{margin-top:4px;font-size:12px;color:#9bc8d5}.form-button{min-width:66px;height:34px;border:1px solid rgba(146,237,255,.35);background:#0c212bbd;color:#d7fbff;border-radius:8px;font-size:12px;font-weight:800;pointer-events:auto}.form-button.active{color:#031016;background:#74efff;box-shadow:0 0 18px #74efff8c}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(90deg,#03080dc7,#03080d61),url(/assets/reference/phase-swarm-reference.png) center / cover no-repeat;z-index:20}.overlay.hidden{display:none}.menu{width:min(920px,100%);display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,360px);gap:18px;align-items:end}.title-block{min-height:52vh;display:flex;flex-direction:column;justify-content:end;text-shadow:0 0 22px rgba(91,232,255,.45)}h1{margin:0;font-size:clamp(42px,8vw,92px);letter-spacing:0;line-height:.92;font-family:Georgia,Times New Roman,serif}.tagline{max-width:560px;margin-top:12px;color:#dffbff;font-size:16px;line-height:1.7;font-weight:700}.menu-card{border:1px solid rgba(148,232,255,.35);background:#020a10c7;border-radius:8px;padding:16px}.menu-card h2{margin:0 0 10px;font-size:18px}.menu-card p,.menu-card li{color:#a7ced8;font-size:13px;line-height:1.7}.menu-card ul{padding-left:18px}.primary-button,.secondary-button{width:100%;min-height:44px;margin-top:10px;border-radius:8px;border:1px solid rgba(154,243,255,.5);color:#031016;background:#7ff4ff;font-weight:900;font-size:15px}.simulator-button{display:grid;place-items:center;text-decoration:none}.secondary-button{color:#dffbff;background:#081d27cc}.touch-layer{position:fixed;inset:auto 0 0;height:42%;pointer-events:none;z-index:8}.stick{position:absolute;width:112px;height:112px;border:1px solid rgba(156,237,255,.25);border-radius:50%;background:#07141d47;pointer-events:auto;touch-action:none}.stick.left{left:18px;bottom:22px}.stick.right{right:18px;bottom:90px}.stick:after{content:"";position:absolute;width:40px;height:40px;left:35px;top:35px;border-radius:50%;background:#80f6ffc7;box-shadow:0 0 18px #80f6ff8c}.mobile-forms{position:absolute;right:18px;bottom:22px;display:flex;gap:8px;pointer-events:auto}.debug-note{position:fixed;left:14px;bottom:10px;font-size:11px;color:#caf4ff94;z-index:6;pointer-events:none}.simulator-shell{display:grid;grid-template-columns:minmax(320px,380px) 1fr;width:100%;height:100%;overflow:hidden}.simulator-controls{overflow:auto;border-right:1px solid rgba(123,235,255,.14);background:#040a10f5;padding:18px 16px 42px}.simulator-header{display:grid;gap:14px}.simulator-header h1{font-size:34px;line-height:.96}.simulator-header p{margin:10px 0 0;color:#a2c8d4;font-size:13px;line-height:1.7}.simulator-kicker{color:#76eefe;font-size:11px;font-weight:800;letter-spacing:0}.simulator-actions,.simulator-toolbar,.simulator-tabs,.simulator-toggles{display:flex;flex-wrap:wrap;gap:8px}.simulator-actions button,.simulator-toolbar button,.simulator-link,.simulator-tabs button{min-height:36px;padding:0 12px;border:1px solid rgba(148,237,255,.28);border-radius:8px;background:#0a1d26db;color:#d8fbff;font-size:12px;font-weight:800;text-decoration:none}.simulator-tabs button.active{color:#021116;background:#77f1ff;box-shadow:0 0 18px #77f1ff6b}.simulator-toggles{gap:12px;color:#a3cad6;font-size:12px}.simulator-toggles label{display:inline-flex;align-items:center;gap:6px}.simulator-groups{display:grid;gap:12px;margin-top:14px}.simulator-panel{border:1px solid rgba(120,235,255,.16);background:#07121ad1;border-radius:8px;padding:12px}.simulator-panel h2{margin:0 0 12px;font-size:14px}.simulator-control{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:10px;align-items:center}.simulator-control span,.simulator-control output{font-size:12px}.simulator-control span{color:#d7f9ff}.simulator-control output{color:#79efff;font-weight:800}.simulator-control input{grid-column:1 / -1;width:100%}.simulator-preview{position:relative;min-width:0;background:#05090d}.simulator-preview canvas{width:100%;height:100%}.simulator-metrics{position:absolute;left:14px;top:14px;display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px;width:min(480px,calc(100% - 28px));z-index:2}.simulator-metrics div{border:1px solid rgba(120,235,255,.18);background:#030c12a3;border-radius:8px;padding:8px 10px}.simulator-metrics span{display:block;color:#85b0bd;font-size:10px}.simulator-metrics strong{display:block;margin-top:4px;color:#f1feff;font-size:18px}.simulator-note{position:absolute;left:14px;bottom:14px;border:1px solid rgba(120,235,255,.14);background:#030a0fb8;border-radius:8px;padding:8px 10px;color:#a4ccda;font-size:12px;z-index:2}@media(max-width:760px){.hud{inset:8px 8px auto;grid-template-columns:1fr}.hud .panel:nth-child(3){display:none}.center-feed{order:-1}.menu{grid-template-columns:1fr}.title-block{min-height:34vh}.tagline{font-size:14px}.simulator-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.simulator-controls{max-height:44vh;border-right:0;border-bottom:1px solid rgba(123,235,255,.14)}.simulator-metrics{grid-template-columns:repeat(2,minmax(88px,1fr))}}