*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f5f7ff;background:#0c1020}#app{position:relative;width:100%;height:100%;overflow:hidden;display:grid;place-items:center}#game-canvas{display:block;background:linear-gradient(180deg,#0a1225,#111b3a)}#ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.screen{width:min(520px,92vw);padding:24px;background:#0c1226e0;border:1px solid rgba(110,130,190,.4);border-radius:18px;display:grid;gap:16px;text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#screen-editor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:move;-webkit-user-select:none;user-select:none}.editor-hint{font-size:12px;opacity:.7}.hidden{display:none}.subtitle{margin:0;opacity:.8}.primary,.secondary{border:none;border-radius:12px;padding:12px 18px;font-size:16px;cursor:pointer}.primary{background:#4f7bff;color:#fff}.secondary{background:#202a4a;color:#d6defa}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:12px}.level-button{padding:10px 0;border-radius:12px;border:1px solid rgba(110,130,190,.4);background:#192444;color:#fff}.level-button.locked{opacity:.4;pointer-events:none}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:16px;background:#0a1020b8;border:1px solid rgba(110,130,190,.28);font-size:13px;pointer-events:none}.hud-left,.hud-right{display:flex;align-items:center;gap:8px}.hud-chip{padding:6px 10px;border-radius:12px;background:#1e2c54e6;border:1px solid rgba(120,150,220,.4);white-space:nowrap}.lives{display:flex;gap:6px}.life{width:14px;height:14px;border-radius:4px;background:#ff5d5d;box-shadow:0 0 8px #ff5d5d99}.menu-button{border:none;border-radius:12px;padding:6px 12px;background:#202a4a;color:#d6defa;cursor:pointer;pointer-events:auto;font-size:12px}.editor-text{width:100%;min-height:240px;resize:vertical;padding:12px;border-radius:12px;border:1px solid rgba(110,130,190,.35);background:#111b3a;color:#e8efff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.editor-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.editor-field{display:grid;gap:6px;font-size:12px;text-align:left}.editor-field input,.editor-field select{padding:8px 10px;border-radius:10px;border:1px solid rgba(110,130,190,.35);background:#111b3a;color:#e8efff;font-size:12px}.editor-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.controls{position:absolute;left:12px;right:12px;bottom:14px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:auto}.controls-left,.controls-right{display:flex;gap:10px;align-items:center;width:fit-content}.controls-left{margin-right:auto}.controls-right{margin-left:auto}.control-button{border:none;border-radius:18px;padding:14px 16px;font-size:18px;background:#162240eb;color:#dfe7ff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 6px 16px #060a1880}.control-square{width:56px;height:56px;display:grid;place-items:center}.control-circle{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;font-size:22px}.control-button.primary{background:#4f7bff;color:#fff}@media (min-width: 768px){.controls{width:min(520px,92vw);margin:0 auto}}