html,body{color:#fff;background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif}.silverlight-root{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}#canvas{background:#000;width:100vw;height:100vh;display:block}#spritesText{z-index:3;box-sizing:border-box;color:#f4ff28;pointer-events:none;white-space:pre;text-shadow:0 1px 2px #000;background:#00000094;border:1px solid #f4ff2847;border-radius:6px;min-height:20px;padding:5px 8px;font:13px/1.2 Arial,Helvetica,sans-serif;position:absolute;top:14px;left:14px}#swarmControls{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:2;box-sizing:border-box;color:#eee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121418db;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 28px);padding:8px 10px;font:13px/1.2 Arial,Helvetica,sans-serif;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 16px 42px #00000080,inset 0 1px #ffffff14}#swarmControls>.control-field{margin-left:8px}#swarmControls fieldset{border:0;align-items:center;gap:0;margin:0;padding:0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mode-option,.control-field{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mode-option input{opacity:0;pointer-events:none;position:absolute}.mode-option span{box-sizing:border-box;color:#0d6efd;text-align:center;cursor:pointer;background:#fffffff5;border:1px solid #0d6efd;min-width:62px;padding:8px 12px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn-group .mode-option{gap:0}.btn-group .mode-option:first-of-type span{border-top-left-radius:7px;border-bottom-left-radius:7px}.btn-group .mode-option:last-of-type span{border-top-right-radius:7px;border-bottom-right-radius:7px;margin-left:-1px}.mode-option span:hover{background:#0d6efd1f;border-color:#0b5ed7}.mode-option input:checked+span{color:#fff;box-shadow:none;background:#0d6efd;border-color:#0d6efd}.mode-option input:focus-visible+span,.control-field input:focus-visible{outline-offset:2px;outline:2px solid #f4ff28}.control-field span{color:#d2d2d2;font-weight:700}.control-field input[type=number]{color:#eee;width:88px;font:inherit;background:#00000061;border:1px solid #ffffff47;border-radius:6px;padding:7px 8px}.control-field input[type=range]{accent-color:#f4ff28;width:126px}@media (width<=640px){#swarmControls{flex-wrap:wrap;justify-content:flex-start;width:calc(100vw - 28px)}#swarmControls fieldset{flex:100%}.control-field input[type=range]{width:min(130px,34vw)}}